CN105242817A - 页面元素实时突出显示的方法及装置 - Google Patents
页面元素实时突出显示的方法及装置 Download PDFInfo
- Publication number
- CN105242817A CN105242817A CN201410320814.3A CN201410320814A CN105242817A CN 105242817 A CN105242817 A CN 105242817A CN 201410320814 A CN201410320814 A CN 201410320814A CN 105242817 A CN105242817 A CN 105242817A
- Authority
- CN
- China
- Prior art keywords
- forms object
- main body
- browser
- page elements
- viewing area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了页面元素实时突出显示的方法及装置,其中所述方法包括:创建一窗体对象;将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象中;获取主体界面窗口中显示的各个页面元素在窗口中的位置以及所占的显示区域;获取鼠标指针在窗口中所在的位置;根据获取到的鼠标指针的位置,各个页面元素在窗口中的位置以及所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件;如果是,则将该目标页面元素所在的显示区域确定为目标显示区域,并在窗体对象中,对目标显示区域以预置的渲染方式进行突出显示。通过该方法,提高了页面元素突出显示的实时性和适应性。
Description
技术领域
本申请涉及计算机应用技术领域,特别是涉及页面元素实时突出显示的方法及装置。
背景技术
人们在互联网上浏览信息通常会使用浏览器软件,使用浏览器进行浏览的对象是服务商提供的各种网页。而无论对于浏览器软件的设计,还是网页代码的编写,一个基本的出发点就是方便用户的使用。例如,在用户将鼠标移动到某元素上时,如果该元素是一个超链接,则会自动在该链接下方出现一条线,并且鼠标指针的形状发生变化,以提示该元素是可以被点击的,等等。
另外,现有技术中还出现了一些应用程序,能够在浏览器或者网页代码的功能的基础上,为用户提供更丰富的功能。例如,在用户浏览网页页面的过程中,当鼠标在网页页面上移动,并且滑过多个页面元素的过程中,对于鼠标滑过的元素,可以实时的对鼠标焦点所在位置的页面元素进行突出显示,例如,在对页面元素画框,以便于起到更明显的提示作用,进而便于提醒用户对鼠标滑过的页面元素进行查看,进一步对感兴趣的元素进行选择等等。在实现这一效果时,需要在鼠标从一个页面元素移动至另一个页面元素时,清除上一个元素的突出显示,并对鼠标焦点所在的当前页面元素进行突出显示,以此类推来完成滑动鼠标突出显示焦点页面元素的整个过程。
现有技术中,当鼠标从一个页面元素移动到另一页面元素上时,应用程序要通知浏览器对当前窗口进行重画,在浏览器重画当前窗口的过程中,会执行两个步骤的操作,一个是清除上一个元素的突出显示,另一个是并对鼠标焦点所在的当前页面元素进行突出显示。但由于一些浏览器采用了双缓冲技术,这种双缓冲技术常常与动态突出显示鼠标轨迹上页面元素的技术产生矛盾,造成动态突出显示鼠标轨迹上页面元素在实现过程中的不稳定甚至错乱。
浏览器的双缓冲技术绘图的基本原理是,首先在内存中创建一个与屏幕绘图区域一致的对象,先将目标数据绘制到内存中的这个对象上,当在内存中绘制完成后,再一次性将这个内存中的对象拷贝到屏幕上,这样技术能够加快绘图的速度,并解决绘制大数据量时画面闪烁的问题。然而当使用双缓冲技术实现页面绘图时,浏览器会在将数据绘制到内存对象完成后,即向应用程序发出绘图完毕的通知,而此时在显示设备上有可能并没有完成实际的重绘,这样,如果在实现动态突出显示鼠标轨迹上页面元素时,浏览器在将数据绘制到内存对象完成后,就发出了绘图完毕的通知,通知应用程序继续操作,而此时要绘制的数据更新到显示设备上仍需要一定的时间,在显示设备上显示的仍是上一页面元素的突出显示状态,同时,在接收到浏览器绘图完毕的通知后,浏览器会在当前页面元素上执行突出显示,这就造成了在鼠标滑动的轨迹上,会同时出现多个突出显示的页面元素的情况,而这与动态突出显示鼠标轨迹上页面元素的初衷是相悖的。
为了解决这一矛盾,现有技术采用了一种绘图后延迟的方法,具体的,在浏览器通知绘图完毕后,进行了一定的延时操作,以等待要绘制的数据对象从内存到显示设备的拷贝,待拷贝完成后,再对当前页面元素进行突出显示,然而,这种绘图后延迟的方法比较机械,延迟时间短则并不能适应数据量较大的操作,以及性能较低的计算机,延迟时间过长则会导致动态突出显示鼠标轨迹上页面元素的实时性降低。因此,如何提供一种更有效的,适应性更强的页面元素实时突出显示的方法,是迫切需要本领域技术人员解决的技术问题。
发明内容
本申请提供了页面元素实时突出显示的方法及装置,在避免双缓冲技术与动态突出显示鼠标轨迹上页面元素的冲突的同时,更具实时性及适应性。
本申请提供了如下方案:
一种页面元素实时突出显示的方法,包括:
创建一窗体对象;
将所述窗体对象以覆盖显示的方式显示在所述浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到所述窗体对象中;
获取所述主体界面窗口中显示的各个页面元素在窗口中的位置以及所占的显示区域;
获取鼠标指针在窗口中所在的位置;
根据获取到的鼠标指针的位置,所述各个页面元素在窗口中的位置以及所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件;
如果是,则将该目标页面元素所在的显示区域确定为待突出显示的目标显示区域,并在所述窗体对象中,对所述目标显示区域以预置的渲染方式进行突出显示。
一种页面元素实时突出显示的装置,包括:
窗体对象创建单元,用于创建一窗体对象;
窗体对象显示单元,用于将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象中;
元素位置获取单元,用于获取主体界面窗口中显示的各个页面元素在窗口中的位置以及所占的显示区域;
鼠标位置获取单元,用于获取鼠标指针在窗口中所在的位置;
移动事件监测单元,用于根据获取到的鼠标指针的位置,各个页面元素在窗口中的位置以及所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件;
突出显示处理单元,用于如果是,则将该目标页面元素所在的显示区域确定为待突出显示的目标显示区域,并在窗体对象中,对目标显示区域以预置的渲染方式进行突出显示。
根据本申请提供的具体实施例,本申请公开了以下技术效果:
通过本申请,可以在用户浏览网页时创建一窗体对象,将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象中;当需要对浏览器界面中的页面元素进行突出显示时,可以根据获取到的鼠标指针的位置,各个页面元素在窗口中的位置以及所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件,在发生鼠标在页面元素间移动的事件后,将目标页面元素所在的显示区域确定为待突出显示的目标显示区域,并在对应的窗体对象中,对目标显示区域以预置的渲染方式进行突出显示。对页面元素的实时突出显示操作完全在所创建的窗体对象中进行,而无需浏览器对页面进行重绘,从而在避免了双缓冲技术与动态突出显示鼠标轨迹上页面元素的冲突的同时,提供了一种更具实时性的,适应性更强的页面元素实时突出显示的方法。
当然,实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的方法的流程图;
图2是本申请实施例提供的装置的示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本申请保护的范围。
在本申请实施例中,可以提供一种新型的应用程序,在使用浏览器浏览网页的过程中,该应用程序可以用来对鼠标滑过的元素进行突出显示,与现有技术不同的是,该应用程序可以创建一窗体对象,并覆盖在浏览器主体窗口之上,对元素添加获取除去突出显示的过程均是基于该窗体对象进行,不需要与浏览器进行信息交互,以此来解决现有技术中存在的问题。下面对具体的实现方式进行详细介绍。
请参看图1,为本申请实施例的页面元素实时突出显示的方法的流程图,如图所示,该方法可以包括以下步骤。
S101:创建一窗体对象;
与传统的方法中在浏览器窗口中直接对鼠标指针轨迹上的元素进行突出显示的方式不同,本申请实施例中的方法中,首先创建了一个窗体对象BrowserView。用于元素的实时突出显示。在实际应用中,所创建的窗体对象的操作可以是在用户打开浏览器加载网页时进行,也可以是在打开浏览器之前启动本申请中的应用程序,在应用程序初始化的过程中创建该窗体对象,或者,还可以在浏览器或第三方应用中提供功能开关,当该功能开关处于打开状态时,创建上述窗体对象。在初始状态下,该窗体对象对于用户而言是没有用处的,所以对于用户可以是隐藏的,在后续需要用到的时候再将窗体对象显示出来,并在窗体对象上进行突出显示的渲染。具体实现时可以有多种方式达到上述效果,例如,可以通过系统函数将创建的窗体对象设置为隐藏属性,后续需要显示时,再对隐藏属性进行修改,以显示该窗体对象。或者在初始状态下,将窗体对象的尺寸置为0,这样,该窗体对象对于用户而言自然就是不可见的,后续需要显示时,放大该窗口对象的尺寸,就可以成为可见状态。
需要说明的是,在后续的步骤中,该窗体对象需要覆盖在浏览器的主体窗口的上层,为了获得比较好的显示效果,窗体对象的位置和尺寸最好与浏览器主体窗口的位置及尺寸一致。为此,可以在创建窗体对象时,就先获取浏览器主体窗口的位置及尺寸,并按照该位置和尺寸进行窗体对象的创建,然后再将该窗体对象置为隐藏状态。或者,由于在本申请实施例中的应用程序启动是,浏览器可能并没有处于打开状态,或者浏览器窗口可能被最小化等,因此,在创建窗体对象时也可以以预置的任意位置及尺寸进行创建,并置为用户不可见的状态,在后续需要显示该窗体对象时,再获取浏览器主体窗口的位置及尺寸,然后对窗体对象的位置及尺寸进行调整,之后再覆盖到浏览器主体窗口的上层。
S102:将所述窗体对象以覆盖显示的方式显示在所述浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到所述窗体对象中;
接下来可以将所创建的窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象BrowserView中。此时,窗体对象中的内容就与浏览器主体界面中的内容一致。如前所述,窗体对象BrowserView在被创建时可以是具有隐藏属性的窗体,当需要将窗体对象显示在浏览器主体界面的上方时,窗体对象的隐藏属性进行修改,以显示该窗体对象。具体的,可以将窗体对象BrowserView的隐藏属性修改为前端显示属性,以便将窗体对象BrowserView以覆盖显示的方式显示在浏览器主体界面的上方。
具体在实现将窗体对象BrowserView显示在浏览器主体界面的上方时,可以是在浏览器将当前网页页面加载完毕,并发出页面加载完毕的信号时,自动将窗体对象显示在浏览器主体界面的上方,并将浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象BrowserView中。或者,也可以是在鼠标进入浏览器界面窗口时进行窗体对象BrowserView的显示和对浏览器主体界面窗口中显示的内容进行内存复制。在后一种实现方式下,可以首先检测鼠标指针是否进入浏览器的界面窗口,当检测到鼠标指针进入浏览器的界面窗口时,将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象BrowserView中。两种实现方式下,窗体对象BrowserView的显示和对浏览器主体界面窗口中显示的内容进行内存复制,两者的执行顺序并没有先后顺序的限制。
另外,在将浏览器主体界面窗口中显示的内容进行内存复制到窗体对象的过程中,可以对浏览器主体界面窗口中特定HTML(超文本标记语言)标签间的显示内容进行内存复制,复制到窗体对象中,如一般的页面都以<body></body>这一对HTML标签来表示浏览器主体界面的显示内容,可以仅对浏览器主体界面窗口中这一对HTML标签间的显示内容进行内存复制,复制到窗体对象中,以达到节约内存和精确复制的目的。经过内存复制后,窗体对象中的内容和浏览器主体界面窗口中显示的内容相一致,浏览器主体界面窗口中显示的元素以及各元素的属性,也同样会保存在窗体对象中。
S103:获取所述主体界面窗口中显示的各个页面元素在窗口中的位置以及所占的显示区域;
在进行内存复制和显示窗体对象后,可以获取浏览器主体界面窗口中显示的各个页面元素在窗口中的位置以及所占的显示区域,页面各个元素的位置以及所占区域可以通过浏览器的相关接口来获取,以页面各个元素相对于浏览器窗口原点的坐标来表示。例如某个页面元素在窗口中的位置以及所占区域可以表示为(x_e,y_e,w,h)其中,x_e,y_e分别表示该页面元素相对于浏览器窗口原点的坐标,而w,h分别表示该页面元素所占的宽度和高度。这样,通过一个四元组,就可以表示出浏览器主体界面窗口中显示的各个页面元素在窗口中的位置以及所占的显示区域。
S104:获取鼠标指针在窗口中所在的位置;
在鼠标指针进入到浏览器的界面窗口后,还可以获取鼠标指针在窗口中所在的位置,鼠标指针在窗口中所在的位置,可以通过操作系统提供的相关函数来获取。需要说明的是,本步骤获取的是鼠标指针在窗口中所在的位置,可以是在整个屏幕中的位置,或者也可以以相对于浏览器窗口原点的坐标来表示。例如某一时刻鼠标指针在浏览器窗口中所在的位置可以表示为(x_c,y_c),其中x_c,y_c分别表示该页面元素相对于浏览器窗口原点的坐标。通过本步骤,可以实时的捕捉到鼠标指针在浏览器窗口中的实时位置,进而为页面元素实时突出显示提供鼠标位置的参数,即鼠标指针在窗口中所在的位置。
S105:根据获取到的鼠标指针的位置,所述各个页面元素在窗口中的位置以及所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件;
为了实现鼠标指针移动过程中页面元素实时突出显示,接下来可以对鼠标指针在页面元素之间移动的行为进行监控,可以根据获取到的鼠标指针的位置,各个页面元素在窗口中的位置以及各个页面元素所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件。一旦鼠标指针的位置从一个页面元素的位置移动到另一个页面元素的位置,就可以启动对下一页面元素进行突出显示的操作。
S106:如果是,则将该目标页面元素所在的显示区域确定为待突出显示的目标显示区域,并在所述窗体对象中,对所述目标显示区域以预置的渲染方式进行突出显示。
当监控到发生鼠标指针移动到某目标页面元素上的事件后,可以将该目标页面元素所在的显示区域确定为待突出显示的目标显示区域,与传统方法中直接在浏览器显示的页面中进行渲染的方式不同,本申请实施例中式在窗体对象BrowserView中,对目标显示区域以预置的渲染方式进行突出显示。这样,就可以有效地解决浏览器双缓冲技术下,会同时出现多个突出显示的页面元素的问题。
具体在进行对目标显示区域以预置的渲染方式进行突出显示时,可以根据实际应用采用不同的渲染方式进行,例如,可以对目标显示区域进行画框操作,或者改变目标显示区域的背景色实现页面元素高亮显示的效果。一般情况下,对目标显示区域进行画框操作时,是在目标显示区域的外围若干个像素的范围内进行画框,以达到实时突出显示对应的页面元素,同时也不会影响页面元素的显示效果。画框的范围可以根据该页面元素与相邻的页面元素的距离来确定,以实现对当前元素进行实时突出显示的同时,不会影响到相邻页面元素的显示。
另外,对目标显示区域进行突出显示的渲染方式,可以根据对应的页面元素的属性的确定,不同属性的页面元素可以以不同的,如对于图片等块状元素,比较适合使用画框的方式进行突出显示,而对于文字属性的页面元素,则通过改变其背景颜色或背景图片的方式进行突出显示,可以达到比较好的突出显示效果。即可以根据目标页面元素的属性确定目标渲染方式,并以目标渲染方式对目标区域进行突出显示。此外,当鼠标指针移动到目标元素上后,对上一鼠标指针位置对应的页面元素的突出显示效果可以进行清除操作。即如果鼠标指针在移动到该目标页面元素之前,位于另一页面元素上,则在窗体对象BrowserView中,将该另一页面元素所在显示区域的突出显示效果清除,以实现连续的页面元素实时突出显示。最后,在结束对页面元素进行实时突出显示时,可以将窗体对象的属性置为隐藏,以显示原始的浏览器页面,或者可以将窗体对象BrowserView销毁,以释放其占用的内存空间。
以上对本申请实施例提供的页面元素实时突出显示的方法进行了详细的介绍,通过该方法,可以在用户浏览网页时创建一窗体对象,将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象中;当需要对浏览器界面中的页面元素进行突出显示时,可以根据获取到的鼠标指针的位置,各个页面元素在窗口中的位置以及所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件,在发生鼠标在页面元素间移动的事件后,将目标页面元素所在的显示区域确定为待突出显示的目标显示区域,并在对应的窗体对象中,对目标显示区域以预置的渲染方式进行突出显示。对页面元素的实时突出显示操作完全在所创建的窗体对象中进行,而无需浏览器对页面进行重绘,从而在避免了双缓冲技术与与动态突出显示鼠标轨迹上页面元素的冲突的同时,提供了一种更具实时性的,适应性更强的页面元素实时突出显示的方法。
与本申请提供的页面元素实时突出显示的方法相对应,还提供了页面元素实时突出显示的装置,如图2所示,该装置可以包括:
窗体对象创建单元201,用于创建一窗体对象;
窗体对象显示单元202,用于将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象中;
元素位置获取单元203,用于获取主体界面窗口中显示的各个页面元素在窗口中的位置以及所占的显示区域;
鼠标位置获取单元204,用于获取鼠标指针在窗口中所在的位置;
移动事件监测单元205,用于根据获取到的鼠标指针的位置,各个页面元素在窗口中的位置以及所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件;
突出显示处理单元206,用于如果是,则将该目标页面元素所在的显示区域确定为待突出显示的目标显示区域,并在窗体对象中,对目标显示区域以预置的渲染方式进行突出显示。
在另一种实现方式下,该页面元素实时突出显示的装置还可以包括:
效果清除单元,用于如果鼠标指针在移动到该目标页面元素之前,位于另一页面元素上,则在窗体对象中,将该另一页面元素所在显示区域的突出显示效果清除。
在又一种实现方式下,该页面元素实时突出显示的装置还可以包括:
鼠标进入检测单元,用于检测鼠标指针是否进入浏览器的界面窗口;
在这种实现方式下,窗体对象显示单元202具体可以用于:
当检测到鼠标指针进入浏览器的界面窗口时,将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象中。
其中,窗体对象创建单元201,具体可以用于:
创建一具有隐藏属性的窗体对象;
在这种实现方式下,窗体对象显示单元202具体可以用于:
将窗体对象的隐藏属性修改为前端显示属性,以便将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方。
此外,窗体对象显示单元202具体还可以用于:
对浏览器主体界面窗口中特定HTML标签间的显示内容进行内存复制,复制到窗体对象中。
在再一实现方式下,突出显示处理单元206具体可以用于:
根据目标页面元素的属性确定目标渲染方式,并以目标渲染方式对目标区域进行突出显示。
此外,可以在浏览器或第三方应用中提供功能开关,在功能开关被置于打开的状态下,执行各单元功能。
为了显示原始的浏览器页面,或者可以将窗体对象BrowserView销毁以释放其占用的内存空间,该页面元素实时突出显示的装置还可以包括:
窗体对象销毁单元,用于当结束对页面元素进行实时突出显示时,将窗体对象的属性置为隐藏,或,将窗体对象销毁。
以上对本申请实施例提供的页面元素实时突出显示的装置进行了介绍,通过该装置,可以在用户浏览网页时创建一窗体对象,将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象中;当需要对浏览器界面中的页面元素进行突出显示时,可以根据获取到的鼠标指针的位置,各个页面元素在窗口中的位置以及所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件,在发生鼠标在页面元素间移动的事件后,将目标页面元素所在的显示区域确定为待突出显示的目标显示区域,并在对应的窗体对象中,对目标显示区域以预置的渲染方式进行突出显示。对页面元素的实时突出显示操作完全在所创建的窗体对象中进行,而无需浏览器对页面进行重绘,从而在避免了双缓冲技术与与动态突出显示鼠标轨迹上页面元素的冲突的同时,具有更好的实时性和适应性。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统或系统实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上对本申请所提供的页面元素实时突出显示的方法及装置,进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本申请的限制。
Claims (10)
1.一种页面元素实时突出显示的方法,其特征在于,包括:
创建一窗体对象;
将所述窗体对象以覆盖显示的方式显示在所述浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到所述窗体对象中;
获取所述主体界面窗口中显示的各个页面元素在窗口中的位置以及所占的显示区域;
获取鼠标指针在窗口中所在的位置;
根据获取到的鼠标指针的位置,所述各个页面元素在窗口中的位置以及所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件,如果是,则将该目标页面元素所在的显示区域确定为待突出显示的目标显示区域,并在所述窗体对象中,对所述目标显示区域以预置的渲染方式进行突出显示。
2.根据权利要求1所述的方法,其特征在于,还包括:
如果鼠标指针在移动到该目标页面元素之前,位于另一页面元素上,则在所述窗体对象中,将该另一页面元素所在显示区域的突出显示效果清除。
3.根据权利要求1所述的方法,其特征在于,还包括:
检测鼠标指针是否进入浏览器的界面窗口;
所述将所述窗体对象以覆盖显示的方式显示在所述浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到所述窗体对象中,包括:
当检测到鼠标指针进入浏览器的界面窗口时,将所述窗体对象以覆盖显示的方式显示在所述浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到所述窗体对象中。
4.根据权利要求1所述的方法,其特征在于,所述创建一窗体对象,包括:
创建一具有隐藏属性的窗体对象;
所述将所述窗体对象以覆盖显示的方式显示在所述浏览器主体界面的上方,包括:
将所述窗体对象的隐藏属性修改为前端显示属性,以便将所述窗体对象以覆盖显示的方式显示在所述浏览器主体界面的上方。
5.根据权利要求1所述的方法,其特征在于,所述对浏览器主体界面窗口中显示的内容进行内存复制,复制到所述窗体对象中,包括:
对浏览器主体界面窗口中特定HTML标签间的显示内容进行内存复制,复制到所述窗体对象中。
6.根据权利要求1所述的方法,其特征在于,对所述目标显示区域以预置的渲染方式进行突出显示,包括:
根据所述目标页面元素的属性确定目标渲染方式,并以所述目标渲染方式对所述目标区域进行突出显示。
7.根据权利要求1-6任一项所述的方法,其特征在于,还包括:
当结束对页面元素进行实时突出显示时,将所述窗体对象的属性置为隐藏,或,将所述窗体对象销毁。
8.一种页面元素实时突出显示的装置,其特征在于,包括:
窗体对象创建单元,用于创建一窗体对象;
窗体对象显示单元,用于将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象中;
元素位置获取单元,用于获取主体界面窗口中显示的各个页面元素在窗口中的位置以及所占的显示区域;
鼠标位置获取单元,用于获取鼠标指针在窗口中所在的位置;
移动事件监测单元,用于根据获取到的鼠标指针的位置,各个页面元素在窗口中的位置以及所占的显示区域,确定是否发生鼠标指针移动到某目标页面元素上的事件,如果是,则触发突出显示处理单元;
突出显示处理单元,将该目标页面元素所在的显示区域确定为待突出显示的目标显示区域,并在窗体对象中,对目标显示区域以预置的渲染方式进行突出显示。
9.根据权利要求8所述的装置,其特征在于,还包括:
效果清除单元,用于如果鼠标指针在移动到该目标页面元素之前,位于另一页面元素上,则在窗体对象中,将该另一页面元素所在显示区域的突出显示效果清除。
10.根据权利要求8所述的装置,其特征在于,还包括:
鼠标进入检测单元,用于检测鼠标指针是否进入浏览器的界面窗口;
所述窗体对象显示单元具体用于:
当检测到鼠标指针进入浏览器的界面窗口时,将窗体对象以覆盖显示的方式显示在浏览器主体界面的上方,并对浏览器主体界面窗口中显示的内容进行内存复制,复制到窗体对象中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410320814.3A CN105242817B (zh) | 2014-07-07 | 2014-07-07 | 页面元素实时突出显示的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410320814.3A CN105242817B (zh) | 2014-07-07 | 2014-07-07 | 页面元素实时突出显示的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105242817A true CN105242817A (zh) | 2016-01-13 |
CN105242817B CN105242817B (zh) | 2019-09-03 |
Family
ID=55040485
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410320814.3A Active CN105242817B (zh) | 2014-07-07 | 2014-07-07 | 页面元素实时突出显示的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105242817B (zh) |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106599175A (zh) * | 2016-12-12 | 2017-04-26 | 北京奇虎科技有限公司 | 网页元素的显示处理方法及装置 |
CN106775651A (zh) * | 2016-11-25 | 2017-05-31 | 广州酷狗计算机科技有限公司 | 网页元素移位方法及装置 |
CN106954091A (zh) * | 2016-12-21 | 2017-07-14 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
CN107102832A (zh) * | 2016-02-19 | 2017-08-29 | 阿里巴巴集团控股有限公司 | 图表中图形的显示方法及装置 |
CN107436710A (zh) * | 2016-05-26 | 2017-12-05 | 阿里巴巴集团控股有限公司 | 一种鼠标指针控制方法、装置 |
CN108460003A (zh) * | 2018-02-02 | 2018-08-28 | 广州视源电子科技股份有限公司 | 文本数据的处理方法和装置 |
CN108573002A (zh) * | 2017-03-14 | 2018-09-25 | 阿里巴巴集团控股有限公司 | 提供页面信息的方法及装置 |
CN109871257A (zh) * | 2019-02-19 | 2019-06-11 | 广州视源电子科技股份有限公司 | 一种页面元素显示方法、装置及设备 |
CN110134897A (zh) * | 2019-04-10 | 2019-08-16 | 口碑(上海)信息技术有限公司 | 浏览器窗口控制方法及装置 |
CN111179402A (zh) * | 2020-01-02 | 2020-05-19 | 竞技世界(北京)网络技术有限公司 | 一种目标对象的渲染方法、装置及系统 |
WO2020186814A1 (zh) * | 2019-03-21 | 2020-09-24 | 广州视源电子科技股份有限公司 | 页面元素突出显示方法、装置、设备及存储介质 |
WO2020186815A1 (zh) * | 2019-03-21 | 2020-09-24 | 广州视源电子科技股份有限公司 | 页面元素突出显示方法、装置、设备及存储介质 |
CN111949264A (zh) * | 2020-07-09 | 2020-11-17 | 北京齐尔布莱特科技有限公司 | 一种页面元素的定位方法及移动终端 |
CN113448832A (zh) * | 2020-06-18 | 2021-09-28 | 北京新氧科技有限公司 | 一种控件曝光检测方法及应用程序运行监测系统 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100031190A1 (en) * | 2008-07-29 | 2010-02-04 | Yahoo! Inc. | System and method for copying information into a target document |
CN101882432A (zh) * | 2010-02-01 | 2010-11-10 | 深圳市同洲电子股份有限公司 | 一种焦点元素显示方法、装置及数字电视接收终端 |
CN103455234A (zh) * | 2012-06-01 | 2013-12-18 | 腾讯科技(深圳)有限公司 | 显示应用程序界面的方法及装置 |
-
2014
- 2014-07-07 CN CN201410320814.3A patent/CN105242817B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100031190A1 (en) * | 2008-07-29 | 2010-02-04 | Yahoo! Inc. | System and method for copying information into a target document |
CN101882432A (zh) * | 2010-02-01 | 2010-11-10 | 深圳市同洲电子股份有限公司 | 一种焦点元素显示方法、装置及数字电视接收终端 |
CN103455234A (zh) * | 2012-06-01 | 2013-12-18 | 腾讯科技(深圳)有限公司 | 显示应用程序界面的方法及装置 |
Cited By (21)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107102832A (zh) * | 2016-02-19 | 2017-08-29 | 阿里巴巴集团控股有限公司 | 图表中图形的显示方法及装置 |
CN107102832B (zh) * | 2016-02-19 | 2019-11-12 | 阿里巴巴集团控股有限公司 | 图表中图形的显示方法及装置 |
CN107436710A (zh) * | 2016-05-26 | 2017-12-05 | 阿里巴巴集团控股有限公司 | 一种鼠标指针控制方法、装置 |
CN106775651A (zh) * | 2016-11-25 | 2017-05-31 | 广州酷狗计算机科技有限公司 | 网页元素移位方法及装置 |
CN106599175A (zh) * | 2016-12-12 | 2017-04-26 | 北京奇虎科技有限公司 | 网页元素的显示处理方法及装置 |
CN106954091B (zh) * | 2016-12-21 | 2019-09-06 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
CN106954091A (zh) * | 2016-12-21 | 2017-07-14 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
CN108573002A (zh) * | 2017-03-14 | 2018-09-25 | 阿里巴巴集团控股有限公司 | 提供页面信息的方法及装置 |
CN108573002B (zh) * | 2017-03-14 | 2022-04-26 | 阿里巴巴集团控股有限公司 | 提供页面信息的方法及装置 |
CN108460003A (zh) * | 2018-02-02 | 2018-08-28 | 广州视源电子科技股份有限公司 | 文本数据的处理方法和装置 |
CN108460003B (zh) * | 2018-02-02 | 2021-12-03 | 广州视源电子科技股份有限公司 | 文本数据的处理方法和装置 |
CN109871257A (zh) * | 2019-02-19 | 2019-06-11 | 广州视源电子科技股份有限公司 | 一种页面元素显示方法、装置及设备 |
WO2020186814A1 (zh) * | 2019-03-21 | 2020-09-24 | 广州视源电子科技股份有限公司 | 页面元素突出显示方法、装置、设备及存储介质 |
WO2020186815A1 (zh) * | 2019-03-21 | 2020-09-24 | 广州视源电子科技股份有限公司 | 页面元素突出显示方法、装置、设备及存储介质 |
CN110134897A (zh) * | 2019-04-10 | 2019-08-16 | 口碑(上海)信息技术有限公司 | 浏览器窗口控制方法及装置 |
CN110134897B (zh) * | 2019-04-10 | 2022-02-08 | 口碑(上海)信息技术有限公司 | 浏览器窗口控制方法及装置 |
CN111179402A (zh) * | 2020-01-02 | 2020-05-19 | 竞技世界(北京)网络技术有限公司 | 一种目标对象的渲染方法、装置及系统 |
CN111179402B (zh) * | 2020-01-02 | 2023-07-14 | 竞技世界(北京)网络技术有限公司 | 一种目标对象的渲染方法、装置及系统 |
CN113448832A (zh) * | 2020-06-18 | 2021-09-28 | 北京新氧科技有限公司 | 一种控件曝光检测方法及应用程序运行监测系统 |
CN113448832B (zh) * | 2020-06-18 | 2024-03-12 | 北京新氧科技有限公司 | 一种控件曝光检测方法及应用程序运行监测系统 |
CN111949264A (zh) * | 2020-07-09 | 2020-11-17 | 北京齐尔布莱特科技有限公司 | 一种页面元素的定位方法及移动终端 |
Also Published As
Publication number | Publication date |
---|---|
CN105242817B (zh) | 2019-09-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105242817A (zh) | 页面元素实时突出显示的方法及装置 | |
US9756140B2 (en) | Tracking user behavior relative to a network page | |
KR102047568B1 (ko) | 웹페이지 렌더링 시간 측정 기법 | |
CN105893602B (zh) | 用于终端浏览器的网页中图表的全屏显示方法及系统 | |
US9672539B2 (en) | Advertisement generation apparatus and terminal device | |
US9612715B2 (en) | Real-time preview of uniform resource identifier addressable dynamic content | |
US9286390B2 (en) | Presentation of rich search results in delineated areas | |
US10466875B2 (en) | Information processing device, information processing method, information processing program, and recording medium in which information processing program is recorded | |
CN103853417A (zh) | 网络动态图片的滚动分页显示方法和装置 | |
CN104317474A (zh) | 窗口切换方法及装置 | |
TWI494842B (zh) | 網頁輔助放大系統和方法 | |
BR112012030176B1 (pt) | aparelho e método de controle de exibição, e, mídia de gravação | |
US20160239468A1 (en) | Method for intelligent web reference preloading based on user behavior prediction | |
US20140115534A1 (en) | Interaction method and apparatus for electronic devices | |
CA2892999A1 (en) | Content manipulation using swipe gesture recognition technology | |
CN107870795B (zh) | 一种电子地图显示的方法及装置 | |
CN107239528B (zh) | 搜索结果显示方法及装置 | |
CN103856507B (zh) | 网络动态图片的静态显示方法和装置 | |
CN114357345A (zh) | 图片处理方法、装置、电子设备及计算机可读存储介质 | |
CN106681616B (zh) | 一种浏览器功能栏显示方法、装置及设备 | |
WO2014036927A1 (zh) | 一种页面遮罩的实现方法及装置 | |
CN106294463B (zh) | 一种动态曲线的数据点更新方法和设备 | |
JP2013517557A (ja) | アプリケーションの表示機能の拡張 | |
US20120089899A1 (en) | Method and system for redisplaying a web page | |
CN113688341B (zh) | 动态图片分解方法、装置、电子设备及可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |