CN102117290A - 一种展现网页中页面元素的方法及系统 - Google Patents
一种展现网页中页面元素的方法及系统 Download PDFInfo
- Publication number
- CN102117290A CN102117290A CN2009102445598A CN200910244559A CN102117290A CN 102117290 A CN102117290 A CN 102117290A CN 2009102445598 A CN2009102445598 A CN 2009102445598A CN 200910244559 A CN200910244559 A CN 200910244559A CN 102117290 A CN102117290 A CN 102117290A
- Authority
- CN
- China
- Prior art keywords
- target pages
- pages element
- coordinate
- browser window
- iframe framework
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种展现网页中页面元素的方法及系统,其中,所述方法包括:确定网页中的目标页面元素;将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。通过本发明,有利于提高网络资源的利用率。
Description
技术领域
本发明涉及浏览器技术领域,特别是涉及一种展现网页中页面元素的方法及系统。
背景技术
网络资源在通过网页以页面元素的形式提供给用户之后,其利用率不仅需要通过网页的点击率来体现,还需要考虑具体的页面元素是否真正被用户浏览过或收听过,否则,即使网页的点击率较高,那也可能只能代表该网页中部分网络资源的利用率较高。
通常在展现网页中的页面元素时,都是直接将页面元素在其所属网页中的指定位置进行展现。例如,当用户需要观看网页中的某个视频时,通常是在该网页中内嵌该视频的位置直接为用户播放该视频。参见图1(a),其中左上角一段视频,在该状态下,该视频在浏览器窗口的可视区域内;但是,如果用户需要同时浏览该网页中的其他内容,则随着页面的滚动,该视频可能会无法显示在浏览器窗口的可视区域中。例如,对于图1(a)显示的网页,当滚动条向下滚动时,可能出现的状态如图1(b)所示,可见,在浏览器窗口的可视区域内,只能显示出上述视频一部分,显然,当滚动条继续向下滚动时,该视频将完全脱离出用户的视线范围。即,如果用户想边观看某网页中的视频,边浏览该网页中其他的内容,会很不方便,甚至无法实现,从而降低了网络资源的利用率。
发明内容
本发明提供一种展现网页中页面元素的方法及系统,有利于提高网络资源的利用率。
本发明提供了如下方案:
一种展现网页中页面元素的方法,包括:
确定网页中的目标页面元素;
将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
优选的,所述将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括:
通过修改网页中页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
优选的,所述通过修改网页中页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括:
修改所述目标页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
优选的,所述修改所述目标页面元素的坐标类型包括:
将所述目标页面元素的坐标类型设定为相对所述浏览器窗口的固定坐标;
或者,
将所述目标页面元素的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标;所述方法还包括:当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,修改设定所述目标页面元素的坐标。
优选的,还包括:
将所述目标页面元素的层次修改为最高层。
优选的,当所述目标页面元素的尺寸类型为相对父节点的相对尺寸时,还包括:
将所述目标页面元素的尺寸类型修改为绝对尺寸。
优选的,还包括:修改所述目标页面元素的坐标;所述将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括:
将所述目标页面元素固定展现在相对所述浏览器窗口的指定位置。
优选的,还包括:
当拖动所述目标页面元素的触发事件发生时,修改所述目标页面元素的坐标,移动所述目标页面元素。
优选的,当所述目标页面元素在iframe框架中时,所述修改网页中页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括:
修改所述iframe框架的坐标类型,通过将所述iframe框架展现在相对所述浏览器窗口的固定位置,来将所述目标页面元素展现在所述浏览器窗口中相对所述浏览器窗口的固定位置。
优选的,还包括:
仅在所述iframe框架中显示所述目标页面元素。
优选的,所述仅在所述iframe框架中显示所述目标页面元素包括:
将所述iframe框架修改为与所述目标页面元素的尺寸相同,并通过修改所述目标页面元素的坐标类型及坐标,将所述目标页面元素固定展现在所述iframe框架的缩放基准位置,仅将所述目标页面元素显示在所述iframe框架中;
或者,
当所述iframe框架为非窗口模式时,将所述iframe框架修改为与所述目标页面元素的尺寸相同,通过移动所述iframe框架的滚动条,仅将所述目标页面元素显示在所述iframe框架中;
或者,
当所述iframe框架为窗口模式时,将所述iframe框架修改为与所述目标页面元素的尺寸相同,通过移动所述iframe框架中所述目标页面元素所在的页面窗口,仅将所述目标页面元素显示在所述iframe框架中。
优选的,所述修改所述iframe框架的坐标类型,将所述iframe框架展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括:
将所述iframe框架的坐标类型设定为相对所述浏览器窗口的固定坐标,并将所述iframe框架的坐标设置为相对所述浏览器窗口的指定位置;
或者,
将所述iframe框架的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标,并将所述iframe框架的坐标设置为相对所述网页所在的页面窗口的指定位置;所述方法还包括:当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,更新所述iframe框架的坐标。
优选的,还包括:
将所述iframe框架的层次修改为最高层。
优选的,当所述iframe框架的尺寸类型为相对父节点的相对尺寸时,还包括:
将所述iframe框架的尺寸类型修改为绝对尺寸。
优选的,还包括:修改所述iframe框架的坐标;所述通过将所述iframe框架展现在相对所述浏览器窗口的固定位置,将所述目标页面元素展现在相对所述浏览器窗口的固定位置包括:
通过将所述iframe框架固定展现在相对所述浏览器窗口的指定位置,将所述目标页面元素展现在相对所述浏览器窗口的固定位置。
优选的,还包括:
当通过拖动所述iframe框架的触发事件发生时,修改所述iframe框架的坐标,通过移动所述iframe框架,移动所述目标页面元素。
优选的,所述确定网页中的目标页面元素包括:
识别网页中预置类型的页面元素,自动将所述识别出的页面元素确定为所述目标页面元素;
或者,
识别网页中预置类型的页面元素,向用户提供识别出的页面元素的展现入口,当通过所述展现入口接收到用户请求展现页面元素的请求时,将所述用户请求展现的页面元素确定为所述目标页面元素;
或者,
向用户提供网页中各页面元素的展现入口,当通过所述展现入口接收到用户请求展现页面元素的请求时,将所述用户请求展现的页面元素确定为所述目标页面元素。
一种展现网页中页面元素的系统,包括:
目标确定单元,用于确定网页中的目标页面元素;
固定展现单元,用于将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
优选的,所述固定展现单元具体用于通过修改网页中页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
优选的,所述固定展现单元包括:
直接固定展现单元,用于修改所述目标页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
优选的,所述直接固定展现单元包括:
第一修改子单元,用于将所述目标页面元素的坐标类型设定为相对所述浏览器窗口的固定坐标;
或者,
第二修改子单元,用于将所述目标页面元素的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标;所述系统还包括:第一坐标更新单元,用于当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,修改设定所述目标页面元素的坐标。
优选的,还包括:
第一层次修改单元,用于将所述目标页面元素的层次修改为最高层。
优选的,当所述目标页面元素的尺寸类型为相对父节点的相对尺寸时,还包括:
第一尺寸类型修改单元,用于将所述目标页面元素的尺寸类型修改为绝对尺寸。
优选的,还包括:
第一坐标修改单元,用于修改所述目标页面元素的坐标;所述直接固定展现单元具体用于将所述目标页面元素固定展现在相对所述浏览器窗口的指定位置。
优选的,还包括:
第一移动单元,用于当拖动所述目标页面元素的触发事件发生时,修改所述目标页面元素的坐标,移动所述目标页面元素。
优选的,当所述目标页面元素在iframe框架中时,所述固定展现单元包括:
间接固定展现单元,用于修改所述iframe框架的坐标类型,通过将所述iframe框架展现在相对所述浏览器窗口的固定位置,来将所述目标页面元素展现在所述浏览器窗口中相对所述浏览器窗口的固定位置。
优选的,还包括:
显示控制单元,用于仅在所述iframe框架中显示所述目标页面元素。
优选的,所述显示控制单元包括:
第一控制子单元,用于将所述iframe框架修改为与所述目标页面元素的尺寸相同,并通过修改所述目标页面元素的坐标类型及坐标,将所述目标页面元素固定展现在所述iframe框架的缩放基准位置,实现仅将所述目标页面元素显示在所述iframe框架中;
或者,
第二控制子单元,用于当所述iframe框架为非窗口模式时,将所述iframe框架修改为与所述目标页面元素的尺寸相同,通过移动所述iframe框架的滚动条,仅将所述目标页面元素显示在所述iframe框架中;
或者,
第三控制子单元,用于当所述iframe框架为窗口模式时,将所述iframe框架修改为与所述目标页面元素的尺寸相同,通过移动所述iframe框架中所述目标页面元素所在的页面窗口,仅将所述目标页面元素显示在所述iframe框架中。
优选的,所述间接固定展现单元包括:
第三修改子单元,用于将所述iframe框架的坐标类型设定为相对所述浏览器窗口的固定坐标,并将所述iframe框架的坐标设置为相对所述浏览器窗口的指定位置;
或者,
第四修改子单元,用于将所述iframe框架的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标,并将所述iframe框架的坐标设置为相对所述网页所在的页面窗口的指定位置;所述方法还包括:当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,更新所述iframe框架的坐标。
优选的,还包括:
第二层次修改单元,用于将所述iframe框架的层次修改为最高层。
优选的,当所述iframe框架的尺寸类型为相对父节点的相对尺寸时,还包括:
第二尺寸类型修改单元,用于将所述iframe框架的尺寸类型修改为绝对尺寸。
优选的,还包括:
第二坐标修改单元,用于修改所述iframe框架的坐标;所述间接固定展现单元具体用于通过将所述iframe框架固定展现在相对所述浏览器窗口的指定位置,将所述目标页面元素展现在相对所述浏览器窗口的固定位置。
优选的,还包括:
第二移动单元,用于当拖动所述iframe框架的触发事件发生时,修改所述iframe框架的坐标,通过移动所述iframe框架,移动所述目标页面元素。
优选的,所述目标确定单元包括:
第一确定子单元,用于识别网页中预置类型的页面元素,自动将所述识别出的页面元素确定为所述目标页面元素;
或者,
第二确定子单元,用于识别网页中预置类型的页面元素,向用户提供识别出的页面元素的展现入口,当通过所述展现入口接收到用户请求展现页面元素的请求时,将所述用户请求展现的页面元素确定为所述目标页面元素;
或者,
第三确定子单元,用于向用户提供网页中各页面元素的展现入口,当通过所述展现入口接收到用户请求展现页面元素的请求时,将所述用户请求展现的页面元素确定为所述目标页面元素。
根据本发明提供的具体实施例,本发明公开了以下技术效果:
本发明在确定网页中的目标页面元素之后,能够将所述页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。由于页面元素相对浏览器窗口的位置固定,因此,页面元素不会随着滚动条的滚动而脱离出浏览器窗口的可视区域,即,不会脱离用户的视线范围,用户可以拖动滚动条来浏览原网页中的其他内容,同时,还可以在固定的位置观看到目标页面元素,因此,有利于提高网络资源的利用率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1(a)和图1(b)是现有技术中展现页面元素的示意图;
图2是本发明实施例提供的方法的流程图;
图3(a)和图3(b)是本发明实施例中展现页面元素的示意图;
图4是本发明实施例提供的系统的示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
参见图2,本发明实施例提供的展现网页中页面元素的方法包括以下步骤:
S201:确定网页中的目标页面元素;
确定目标页面元素的方法有多种,例如,可以采用自动的方式,具体的,可以预置需要以本发明实施例提供的方式展现的页面元素类型,由浏览器识别网页中各页面元素的类型,并自动将识别出的该预置类型的页面元素确定为目标页面元素。例如,如果预置的页面元素类型为视频元素,则当识别出网页中存在视频元素时,就可以直接将其确定为目标页面元素。
为了避免对用户正常浏览造成影响,在识别出网页中存在预置类型的页面元素时,可选的,可以首先向用户提供展现该预置类型的页面元素的入口,该入口可以作为向用户提供的提示标识,同时,用户还可以通过该入口触发浏览器以本发明实施例的方式展现页面元素。当通过该展现入口接收到用户请求展现页面元素的请求时,就可以将该用户请求展现的页面元素确定为目标页面元素,并进行后续操作。当然,也可以根据实际情况需要,在识别出网页中存在预置类型的页面元素时不像用户提供展现入口,而是自动的以本发明实施例提供的方式向用户展现目标页面元素。
其中,页面元素的预置类型可以作为浏览器的配置参数,由浏览器默认设置,当然,也可以由用户根据兴趣进行手动设置,例如,用户希望以本发明实施例提供的方式展现图片元素,则可以将相应的配置信息修改为图片元素。其中,该预置类型可以为多种,例如,可以既识别视频元素,又识别图片元素,等等。
当然,浏览器也可以不必识别页面元素的类型,而是向用户分别提供网页中各个页面元素的展现入口,例如,可以在用户移动鼠标的过程中,每移动到一个页面元素上时,都给出展现入口,用户可以根据自己的需要或兴趣等,点击任意页面元素的展现入口,浏览器会在通过展现入口接收到用户请求展现页面元素的请求时,会将用户请求展现的页面元素确定为目标页面元素,并进行后续的操作。在这种方式下,浏览器可以不用识别页面元素的类型,进一步节省了系统开销。从用户角度而言,可以不用局限于预先设置的类型,具有更高的灵活性。
需要说明的是,具体的识别网页中页面元素类型的方法可以有多种,例如,其中一种方式可以是:在用户移动鼠标的过程中,可以利用浏览器提供的函数,获取鼠标下的页面元素的相关信息,包括页面元素的标签、类型、名称、类标识符ClassID、父节点等等;通过这些信息可以识别出部分页面元素的类型,如,如果发现某页面元素的标签为<img>,则可以确定该页面元素为图片;又如,如果发现某页面元素的标签为<object>,则可以进一步根据该页面元素的ClassID,判断出是否为嵌入网页的音视频播放器,以此来判断该页面元素是否为视频或音频元素,等等。
另一种识别网页中页面元素类型的方法可以是:根据在加载网页过程中浏览器向服务器发送的请求,或者服务器返回的响应中的数据部分来识别网页中页面元素的类型。这种方法可以识别出所有类型的页面元素,尤其是采用服务器返回的响应中的数据部分来识别的方式,具有很高的准确性。具体的实现细节已经是现有技术,这里不再赘述。
S202:将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。用户看来目标页面元素就像漂浮在页面上,因此,也可以称为漂浮展现,但在漂浮展现的过程中,目标页面元素不会随着原页面滚动条的滚动而脱离用户的视线范围。
通常,网页中的页面元素都会展现在相对其父节点的固定位置,同时,由于其父节点也在页面中,因此,页面元素相对于其所在页面窗口的位置也是固定的,这样,当滚动条滚动时,随着页面的滚动,其中的页面元素也会一起滚动。而在本发明实施例中将页面元素展现在原浏览器窗口中相对原浏览器窗口的固定位置,由于页面元素的位置相对原浏览器窗口是固定的,因此,当滚动条滚动时,虽然该页面元素所在的原页面会随之滚动,但是该页面元素始终展现在相对原浏览器窗口的固定位置。这样,由于该页面元素不会随着滚动条的滚动而移出浏览器窗口的可视区域,即不会脱离用户的视线范围,因此,从展现层面上看,目标元素就像漂浮在浏览器窗口中,用户可以边浏览网页中的其他内容,边观看该页面元素,从而提高了资源的利用率。
为了不至于造成混淆,下面对几个概念进行简单介绍。
首先,关于页面窗口与浏览器窗口:页面窗口是浏览器窗口的一个子窗口,在浏览器窗口的子窗口中,除了页面窗口之外可能还包括工具条等其他子窗口。
另外,关于窗口与窗口的可视区域:窗口中实际所容纳的内容可能并不只是当前展现出的内容,通俗地将,就像透过窗户看风景一样,风景是无限大的,只不过只能看到与窗口大小一致的部分而已,这部分就是可视区域。因此,可以说,窗口中实际能够被用户看到的内容所在的区域就是窗口的可视区域。如果窗口中需要展现的内容多于其可视区域能够展现的内容,则窗口的右侧和/或下侧会出现滚动条,可以通过拖动滚动条,改变窗口的可视区域展现的内容。
需要说明的是,在本发明实施例中,将目标页面元素展现在原浏览器窗口中相对原浏览器窗口的固定位置,这与本发明人在先申请专利中提到的以独立窗口的方式展现网页相关资源的方法是不同的。
首先,从本质上讲,在本发明实施例的方法中,将目标页面元素展现在原浏览器窗口中相对原浏览器窗口的固定位置之后,窗口的数目并不会改变,该目标页面元素仍然属于原网页,只是某些属性发生了变化,其移动范围不会超出原浏览器窗口的范围;而以独立窗口的方式展现网页相关资源时,需要首先以桌面窗口为父窗口为创建一个独立窗口(可以理解为该窗口与浏览器窗口处于同一层次,浏览器窗口的父窗口也是桌面窗口),或者打开一个已知的播放器作为独立窗口等,因此,在独立窗口中展现网页相关资源后,窗口的数目会增加,在独立窗口中展现的网页相关资源也可能不再属于原网页。
其次,在用户显示层面上也有所不同。在本发明实施例中,如果在当前网页A中将目标元素a展现在原浏览器窗口中相对原浏览器窗口的固定位置,一旦拖动浏览器窗口,则目标元素a便会随着浏览器窗口移动,而且始终保持与浏览器窗口的相对位置不变;另外,将当前网页A切换到另一个网页B,或者切换到其他应用程序之后,用户将无法再看到目标元素a;此外,如果关闭浏览器窗口,那么这个目标元素a也会消失。而在以独立窗口的方式展现的方法中,用户除了能够看到原浏览器窗口之外,还会看到一个与原浏览器窗口相互独立的独立窗口,如果拖动原浏览器窗口,则独立窗口的位置不会发生改变,即,独立窗口与原浏览器窗口的相对位置发生了变化,换而言之,独立窗口相对原浏览器窗口(即网页A所在的浏览器窗口)的相对位置是不固定的;此外,如果关闭该浏览器窗口,则可以做到展现元素a的独立窗口并不随之关闭(即消失)。
另外需要说明的是,本发明实施例中,页面元素可以包括但不限于视频元素、音频元素、图片元素、动画(包括GIF动画或flash动画等)、文本中的任意一种或任意多种组合,当然,也可以是将来发现的其他某种页面元素。其中,所述视频元素与动画有所不同,所述视频元素主要是指在网页内嵌的播放器中播放的流媒体文件,而动画与图片、文字资源类似,例如网页中投放的一些flash广告等等。由于视频元素在网页中展现依赖于内嵌的播放器,因此,在本发明实施例中,当目标页面元素为视频元素时,可以通过将其播放器展现在相对浏览器窗口的固定位置,来实现将该视频元素展现在相对浏览器窗口的固定位置。实际上,可以理解为网页中的播放器也是一种页面元素,当识别出网页中存在播放器时,就可以认为网页中存在视频或音频元素,然后直接将该播放器展现在相对浏览器窗口的固定位置即可。
关于图1(a)所示的网页,则将其中左上角的视频元素展现在该网页所在的浏览器窗口中相对该浏览器窗口的固定位置后,如图3(a)所示,可以看出,该视频被展现在浏览器窗口的右上角位置了;原来展现该视频的位置变成了空白。当滚动条向下滚动之后,假设仍滚动到图1(b)所示的位置,则利用本发明实施例方法后的效果可以如图3(b)所示,可以看出,虽然网页中的其他内容向下滚动了,但是该视频仍然可以完整地展现在浏览器窗口的右上角。
页面元素通常具有多种属性,包括页面元素的位置、尺寸、层次、坐标(指明具体的位置)、坐标类型(是相对坐标还是绝对坐标)等等,这些属性最初是由网站制作者在制作网页时,根据需要设定的,但是,通过浏览器自身提供的DOM操作,可以改变任意页面元素的任意一种属性。本发明实施例就可以通过修改页面元素的属性,来实现将目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。其中一种方式可以是,通过修改网页中页面元素的坐标类型来实现,下面对该方法进行详细地介绍。
具体实施方式一
可以通过直接设置目标页面元素的坐标类型,将目标页面元素展现在相对浏览器窗口的固定位置。
首先需要说明的是,页面元素的坐标类型(position)属性通常可以包括三种:relative(相对)、absolute(绝对)、fixed(固定),其中relative是指相对父节点的相对坐标,absolute是指相对页面窗口的绝对坐标,fixed是指相对浏览器窗口的固定坐标。通常,页面元素在页面中展现时,页面元素的坐标类型都是relative,即相对其父节点位置固定,因此,当滚动条滚动时,随着页面的滚动,页面元素也会发生滚动,进而使得页面元素与浏览器窗口的相对位置发生了变化;由于用户只能看到浏览器窗口可视区域范围内的内容,因此,当页面元素滚动出浏览器窗口可视区域的范围时,用户就无法看到该页面元素了。
在本发明实施例中,为了能够将目标页面元素展现在网页所在的浏览器窗口中相对该浏览器窗口的固定位置,可以有多种方式,例如,其中一种简单的方式是:直接将目标页面元素的坐标类型设定为相对网页所在的浏览器窗口的固定坐标(position=fixed),即该页面元素与原页面的相对位置发生了变化,但是与网页所在的浏览器窗口的相对位置不变,因此,无论滚动条如何滚动,该页面元素都不会脱离网页所在的浏览器窗口的可视区域。例如,页面元素原来的坐标为(300,400),在滚动条不发生移动的情况下,相对网页所在的浏览器窗口的坐标可能也是(300,400),将目标页面元素的坐标类型设定为<fixed>之后,该目标页面元素相对网页所在的浏览器窗口的坐标将不变,即,即使滚动条发生了滚动,目标页面元素仍然会展现在相对网页所在的浏览器窗口(300,400)的位置,当然,在这种情况下,该目标页面元素相对原页面窗口的位置已经发生了变化。
需要说明的是,在上述方式中,仅修改目标页面元素的坐标类型,而该页面元素坐标的属性值并没有变化,这样,如果在修改坐标类型之前,目标页面元素显示在显示屏的正中央,则修改坐标类型之后,该目标页面元素仍然显示在显示屏的正中央,与修改坐标类型之前所不同的是,当滚动条滚动时,该目标页面元素同样会显示在显示屏的正中央。
可选的,为了实现更好的展现效果,还可以修改目标页面元素坐标的属性值,将目标页面元素固定展现在相对网页所在的浏览器窗口的指定位置。例如,可以在修改目标页面元素的坐标类型的同时,设定该目标页面元素的坐标属性值(top,left等坐标的值),如,可以将目标页面元素的坐标设定在网页所在的浏览器窗口的左上角,则该页面元素将会固定展现在网页所在的浏览器窗口的左上角,当滚动条滚动时,该页面元素仍然展现在网页所在的浏览器窗口的左上角。
另一种方式还可以如下进行:将目标页面元素的坐标类型设定为相对网页所在的页面窗口的绝对坐标(position=absolute)。但是,在这种方式下,当滚动条滚动时,该页面元素会随着网页所在的页面窗口的滚动而滚动,即,在滚动条滚动过程中,该目标页面元素与网页所在的页面窗口的相对位置不会发生变化,但是与网页所在的浏览器窗口的相对位置仍然会发生变化,如果不做任何处理,这种方式无法实现将目标页面元素展现在相对网页所在的浏览器窗口的固定位置。
例如,原来目标页面元素的坐标属性值为(0,400),在初始状态下(即打开网页后,滚动条尚未发生任何变化),该目标页面元素相对网页所在的浏览器窗口的坐标可能是(0,500)。如果滚动条向下滚动的偏移值为300,如果保持相对网页所在的页面窗口的坐标不变,则该页面元素相对网页所在的浏览器窗口的坐标将会变为(0,200),相对网页所在的浏览器窗口的位置会发生变化,从用户视觉角度而言,相当于将该页面元素向上移动了300个像素。如果滚动条向下滚动的偏移值为600,则该页面元素相对网页所在的浏览器窗口的坐标将会变为(0,-100),此时,相当于该页面元素已经移出(或部分移出)网页所在的浏览器窗口的可视区域了,相应的,用户将无法正常看到该页面元素。
因此,在这种方式下,可以进行一些必要的处理,在本发明实施例中,采用了如下方式:监控滚动条,当滚动条发生滚动时,计算出滚动条的偏移值,然后根据所述偏移值,更新目标页面元素的坐标。或者,也可以建立与页面窗口的事件连接点,这样当发生滚动条滚动事件后,浏览器会收到通知,然后计算滚动条的偏移值。仍然假设原来页面元素坐标为(0,400),如果滚动条向下滚动的偏移值为300,则需要将页面元素的坐标属性值加上300才能与原来的(0,400)时相对网页所在的浏览器窗口的位置保持一致,从而保证该页面元素不会被移出网页所在的浏览器窗口的可视区域。
同样的,在这种方式下,也可以修改目标页面元素的坐标属性值(top,left等坐标的值)。例如,可以将目标页面元素的坐标设定在网页所在的页面窗口的左上角,则该页面元素将会展现在网页所在的页面窗口的左上角;当然,随着滚动条的滚动,该修改后的坐标属性值也需要进行相应的修改,以保证该页面元素相对网页所在的浏览器窗口的位置固定。
前述对具体实施方式一进行详细地介绍,需要说明的是,在制作网页时,页面元素的尺寸可以由绝对尺寸(如300*300)来表示,也可以由相对于父节点的相对尺寸(如100%)来表示。显然,绝对尺寸页面元素实际的大小,而相对尺寸仅是体现了与父节点尺寸的相关大小,例如,某页面元素的父节点的尺寸是(300*300),该页面元素的尺寸是100%,则该页面元素的绝对尺寸应该是(300*300)。
然而,由于改变了页面元素的坐标类型,因此,其父节点可能也会随之发生变化,此时,如果仍以相对尺寸表示页面元素的大小,则可能会使页面元素与原页面中该页面元素的大小不一致,影响展现的效果。例如,如果将页面元素的坐标类型修改为相对网页所在的页面窗口的绝对坐标,则该页面元素的父节点可能会变为该网页所在的页面窗口,如果仍以100%来表示页面元素的尺寸,则该页面元素可能会与整个页面窗口的尺寸一样大。
因此,在本发明实施例中,如果目标页面元素的尺寸类型为相对父节点的相对尺寸,则可选的,可以将目标页面元素的尺寸类型修改为绝对尺寸,以保证页面元素与原页面中该页面元素的大小一致。其中,页面元素的尺寸类型、相对尺寸的值、父节点的尺寸等信息都属于页面元素的属性,可以由浏览器提供的函数获取到。
另外,由于网页中的各页面元素可能不在同一层次上,如果仅修改了某页面元素的坐标类型及坐标,则可能会由于该页面元素所在的层次较低,而被上层的页面元素遮挡住,无法正常展现出来。因此,在本发明实施例中,还可以包括将目标页面元素的层次修改为最高层的步骤,以保证目标页面元素不会被其他页面元素遮挡。
当然,将目标页面元素的层次修改为最高层之后,可能会遮挡原页面中部分其他页面元素,但是,例如,如果将目标页面元素展现在网页所在的浏览器窗口的左上角,则原来显示在该左上角的页面元素将会被该页面元素遮挡。由于用户对这种目标页面元素的关注度相对较高,而且,随着滚动条的滚动,当前被遮挡的内容还可能不再被遮挡,因此,可以忽略该影响。
或者,为避免这种情况,也可以通过对网页上目标页面元素以外的其他页面元素的布局进行调整。例如,当目标页面元素显示在左上角时,可以将网页中的其他页面元素进行整体右移,这样,目标页面元素就不会遮挡住其他的页面元素了。或者,也可以将原来的页面元素环绕显示在目标页面元素的周围。例如,当目标页面元素显示在左上角时,此处原来显示的是一些文字,则可以将这些文字环绕显示在该目标页面元素周围,其他的页面元素可以不变。当然,还可以有多种其他的方式来绕开目标页面元素,这里不再一一例举。其中,可以通过改变其他页面元素的属性来实现上述目的,例如,改变其他页面元素的尺寸、坐标等,如果各页面元素不在同一层次,还可能需要改变其层次,等等。
具体实施方式二
在上述具体实施方式一中,采用直接修改目标页面元素的坐标类型的方式,实现将目标页面元素展现在网页所在的浏览器窗口中相对于该浏览器窗口的固定位置。在该具体实施方式二中,考虑了以下特殊情况:目标页面元素可能在iframe框架中,此时,如果采用具体实施方式一的方法,会无法实现将目标页面元素展现在网页所在的浏览器窗口中相对于该浏览器窗口的固定位置。
为了便于理解,下面首先对iframe框架进行简要地介绍。
Iframe框架,又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示,通俗地讲,就是可以在一个网页中嵌入另一个网页。其最大的特征在于:它所引用的HTML文件不是与另外的HTML文件相互独立显示,而是可以直接嵌入在一个HTML文件中,与这个HTML文件内容相互融合,成为一个整体。例如,如有一个教程的网页,需要分成多页进行展现,每页末尾做一个“上一页”、“下一页”的链接,除了每页教程内容不同之外,页面其它部分内容都是相同的。此时,如果一页一页地做页面,则每点击“上一页”或“下一页”链接时,页面上相同的内容也都需要重新加载,影响了实现的效率,而且浪费资源。这时就可以采用iframe框架来解决该问题,具体的,可以只将教程的内容做成一页一页的内容页,不含其它内容,这样在点击“上一页”或“下一页”链接时,就只改变教程内容部分,其它内容保持不变,这样,每页都有的相同的内容只下载一次后就不用再下载了。其中,教程的内容就在iframe框架中。
例如,在网页A中嵌入了网页B,则,相对于网页A而言,网页B的内容就在iframe框架中。其中,iframe框架也属于一种页面元素,其HTML标签为<iframe>,相应的,如果某网页的HTML文件中包含<iframe>标签,则证明该网页中存在iframe框架。
其中,对于iframe框架中的页面元素,其移动范围会被控制在iframe框架内。可以说,如果iframe框架是窗口模式,则对于网页B的页面窗口而言,iframe框架相当于是一个浏览器窗口。仍以在网页A中以iframe框架方式嵌入了网页B为例,当目标页面元素在网页B中时,如果直接将目标页面元素的坐标类型修改为<absolute>,则相当于是该目标页面元素相对网页B的页面窗口的绝对坐标,如果将目标页面元素的坐标类型修改为<fixed>,则相当于是该目标页面元素相对iframe框架的固定坐标。因此,如果直接修改该目标页面元素的坐标类型,无法使其相对于网页A的页面窗口的位置固定,更无法使其相对于原浏览器窗口的位置固定。
为此,在本发明实施例中,当目标页面元素在iframe框架中时,即如果在网页A中确定了某目标页面元素,同时发现该目标页面元素在iframe框架中(相当于这个目标页面元素实际上也是在网页B中),则可以采用以下方式实现将目标页面元素展现在网页所在的浏览器窗口中相对该浏览器窗口的固定位置:将所述iframe框架的坐标类型设定为相对该浏览器窗口的固定坐标;或者,将所述iframe框架的坐标类型设定为相对网页所在的页面窗口的绝对坐标,当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,更新所述iframe框架的坐标。
与直接修改目标页面元素的属性时类似,还可以修改iframe框架的坐标属性值,将其固定展现在相对网页所在的浏览器窗口的指定位置。如果iframe框架的尺寸类型为相对尺寸,则可以将其修改为绝对尺寸;如果原页面分多层,而iframe框架所在层次没有在最高层,则可以将其层次修改为最高层,以避免被网页中其他的内容遮挡住。该部分具体的细节与具体实施方式一类似,这里不再赘述。
需要说明的是,由于iframe框架也是一种页面元素,因此,也可以改变其属性。此外,对于iframe框架中的页面元素,同样可以随着鼠标的移动感应到,同样可以通过浏览器提供的函数获得其属性信息,如尺寸、位置、父节点等,根据其父节点信息,就可以获知该页面元素在iframe框架中。当然,可能需要多级父节点的判断才能获知页面元素是否在iframe框架中,例如,如果某页面元素的父节点的标签是<iframe>,则可以确定该页面元素在iframe框架中;或者,该页面元素的父节点的标签可能是<div>,而该节点的父节点的标签是<iframe>,此时,该页面元素也是在iframe框架中。
其中,如果将iframe框架固定展现在网页所在的浏览器窗口中相对于该浏览器窗口的固定位置,则该iframe框架中的全部内容会随着iframe框架一起展现在该浏览器窗口的固定位置。如果仅需要将目标页面元素展现在该浏览器窗口的固定位置,而不包括其他内容,则还需要进行一些特殊的设置。
具体实现时,可以有多种方式实现仅在所述iframe框架中显示目标页面元素。
方式一、由于对iframe框架进行缩放时,通常情况下会以某个坐标点为基准进行缩放,比如以iframe框架的左上角为基准进行缩放,例如,当iframe框架缩小时,则仅能显示出iframe框架左上角的部分内容。因此,为了便于实现仅在所述iframe框架中显示所述目标页面元素,可以修改所述目标页面元素的坐标类型及坐标,将所述目标页面元素固定展现在所述iframe框架的缩放基准位置(如左上角),将iframe框架缩放为与目标页面元素的尺寸相同后,将正好在iframe框架中显示出该目标页面元素。
当然,在这种方式下,将所述目标页面元素固定展现在所述iframe框架的左上角的具体方法可以是,将目标页面元素的坐标类型修改为<absolute>或<fixed>,并将其坐标修改为(0,0)即可。此外,在这种方式下,同样会涉及修改目标页面元素的尺寸类型或层次的问题,参照具体实施方式一即可,这里不再赘述。
需要说明的是,无论iframe框架是窗口模式还是非窗口模式,该方式一都适用。如果不采用该方式一,则针对窗口模式和非窗口模式,还可以分别采用其他的方法来实现。
方式二、当iframe框架为非窗口模式时,则如果将iframe框架缩小,则iframe框架中将出现滚动条,此时,可以通过移动所述iframe框架的滚动条,将所述目标页面元素显示在所述iframe框架中。
也就是说,如果在网页A中以iframe框架方式嵌入了网页B,在网页A中识别出了页面元素x,而该页面元素x在iframe框架中,实际上也是网页B的一个页面元素。此时,如果iframe框架为非窗口模式,则iframe框架相当于是网页B的页面本身,此时,如果将iframe框架缩小,将仅能显示网页B的左上角部分,同时,网页B的页面右方和下方否可能出现滚动条,可以通过移动该滚动条,将目标页面元素显示在iframe框架中。
方式三、当所述iframe框架为窗口模式时,相当于iframe框架窗口是目标页面元素所在页面窗口的父窗口,此时,可以通过移动所述iframe框架中目标页面元素所在的页面,将所述目标页面元素显示在所述iframe框架中。
仍然假设在网页A中以iframe框架方式嵌入了网页B,在网页A中识别出了页面元素x,而该页面元素x在iframe框架中,实际上是网页B的一个页面元素。此时,如果iframe框架是窗口方式,则相当于网页B的页面窗口是iframe框架窗口的子窗口,由于可以通过移动子窗口来改变父窗口与子窗口的相对位置,因此,可以通过移动网页B的页面窗口,来改变iframe框架窗口中可以显示的内容,直到将目标页面元素显示在iframe框架窗口中即可。当然,这些移动的行为都是由浏览器来完成的。
前文所述描述了如何通过修改网页中页面元素的坐标类型,实现将目标元素展现在所述网页所在的浏览器窗口中相对该浏览器窗口的固定位置,在其他实施例中,也可以基于本发明基本思想采用其他手段来实现,例如,可以修改页面元素的其他属性,等等,这里不再赘述。
此外,用户可以根据需要对目标页面元素的大小、位置等进行调整。例如,可以通过为目标页面元素或iframe框架设置属性,来实现对目标页面元素的缩放,或者使用户能够通过拖动目标页面元素或iframe框架来改变页面元素的位置,等等,这样,可以满足用户多方面的需求。
其中,当拖动所述目标页面元素的触发事件发生时,可以通过修改所述目标页面元素的坐标,来移动所述目标页面元素。用户拖动目标页面元素时,可以使用鼠标或键盘,当然也可以是其他工具,下面简单介绍通过鼠标或键盘来拖动目标页面元素的方法,使用其他工具时,也可以做类似处理。为了使用户能够通过鼠标或键盘拖动来改变页面元素的位置,具体可以如下进行:对于用键盘移动的实现方式,可以预先设置用于移动的按键(例如,可以是键盘上的“上、下、左、右”键,当然,也可以是其他的按键),并且可以预先设置当按键被按下时,移动的方向、距离等。当判断出用户按下预置的按键时,可以根据预先设置的规则进行移动。具体实现时,用户可以先选中需要移动的目标页面元素或iframe框架,浏览器可以响应目标页面元素或iframe框架的onkeydown、onkeyup或者onkeypress事件,其中,onkeydown事件是指在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生的事件;onkeyup事件是指在用户放开任何先前按下的键盘键时发生的事件;onkeypress事件是指在用户按下并放开任何字母数字键时发生的事件。在该事件发生时,可以判断出用户在键盘按下了什么键,如果是预置的按键,则可以根据预置的规则移动用户选中的页面元素或iframe框架。例如,可以预置为按一下移动10个像素,移动的方向与按键上的方向一致,则如果用户按下“下”,则将用户选中的页面元素或iframe框架往下移动10个像素,相应的,将页面元素或iframe框架的top坐标加10。
对于使用鼠标移动的实现方式,用户可以将鼠标放在需要移动的页面元素或iframe框架上,浏览器可以响应页面元素或iframe框架的onmousedown、onmousemove、onmouseup事件,其中,onmousedown事件是指鼠标按键被按下时发生的事件,onmousemove事件是指鼠标指针移动时发生的事件,onmouseup事件是指鼠标按键被松开时发生的事件。在onmousedown事件发生时,设定页面元素或iframe框架被跟踪,通过setCapture函数(该函数用于在属于当前线程的指定窗口里设置鼠标捕获),在onmousemove事件发生的时候,获取当前鼠标的位置坐标与之前的偏移值,然后将页面元素或iframe框架的坐标加上此偏移值,即可得到页面元素或iframe框架的新坐标,只需要再次设定页面元素或iframe框架的坐标为该新坐标即可。在onmouseup的事件发生时,可以通过函数releaseCapture函数(该函数用户从当前线程中的窗口释放鼠标捕获,并恢复通常的鼠标输入处理)释放鼠标跟踪。
当然,如果是将目标页面元素所在的iframe框架展现在了相对浏览器窗口的固定位置,则用户也可以通过拖动iframe框架来移动目标页面元素。对于浏览器而言,当通过拖动所述iframe框架的触发事件发生时,修改所述iframe框架的坐标,实现通过移动所述iframe框架,移动所述目标页面元素。
另外需要说明的是,如果在同一个页面中识别出了多个页面元素,或者,用户在一个页面中指定展现多个页面元素,则可以分别将这多个页面元素都展现在相对浏览器窗口的固定位置。
综合上述各种特征,本发明实施例还可以有如下应用:假设网页中有两个表格或者两张图片,用户需要对比,可以选择首先将其第一个表格或者图片展现在相对浏览器窗口的固定位置,然后移动到另一个表格或者图片的位置进行对比操作。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,所述的程序可以存储于一计算机可读取存储介质中,该程序在执行时,包括如下步骤:确定网页中的目标页面元素;修改网页中页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。所述的存储介质,如:ROM/RAM、磁碟、光盘等。
与本发明实施例提供的展现网页中页面元素的方法相对应,本发明实施例该提供了一种展现网页中页面元素的系统,参见图4,该系统包括:
目标确定单元401,用于确定网页中的目标页面元素;
固定展现单元402,用于将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
其中,固定展现单元402具体用于通过修改网页中页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
具体实现时,固定展现单元402可以包括:
直接固定展现单元,用于修改所述目标页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
具体修改目标页面元素的坐标类型时,所述直接固定展现单元可以包括:
第一修改子单元,用于将所述目标页面元素的坐标类型设定为相对所述浏览器窗口的固定坐标;
或者,
第二修改子单元,用于将所述目标页面元素的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标;所述系统还包括:第一坐标更新单元,用于当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,修改设定所述目标页面元素的坐标。
为了避免目标页面元素被网页中其他的页面元素遮挡,该系统还可以包括:
第一层次修改单元,用于将所述目标页面元素的层次修改为最高层。
当所述目标页面元素的尺寸类型为相对父节点的相对尺寸时,如果还是用相对尺寸表示目标页面元素的尺寸属性,则该目标页面元素可能会与原网页中的尺寸不同,为了避免这种情况的发生,该系统还可以包括:
第一尺寸类型修改单元,用于将所述目标页面元素的尺寸类型修改为绝对尺寸。
另外,还可以改变目标页面元素的展现位置,例如,可以将目标页面元素固定展现在所述浏览器窗口的左上角等指定位置。相应的,该系统还可以包括:
第一坐标修改单元,用于修改所述目标页面元素的坐标;所述直接固定展现单元具体用于将所述目标页面元素固定展现在相对所述浏览器窗口的指定位置。
在将目标页面元素展现在相对浏览器窗口的固定位置之后,为了使用户可以通过键盘或鼠标等来拖动目标页面元素,该系统还可以包括:
第一移动单元,用于当拖动所述目标页面元素的触发事件发生时,修改所述目标页面元素的坐标,移动所述目标页面元素。
当所述目标页面元素在iframe框架中时,固定展现单元402可以包括:
间接固定展现单元,用于修改所述iframe框架的坐标类型,通过将所述iframe框架展现在相对所述浏览器窗口的固定位置,将所述目标页面元素展现在所述浏览器窗口中相对所述浏览器窗口的固定位置。
由于iframe框架除了所述目标页面元素之外,还可能包括其他的页面元素,此时,该系统还可以包括:
显示控制单元,用于仅在所述iframe框架中显示所述目标页面元素。
具体实现时,显示控制单元可以包括:
第一控制子单元,用于将所述iframe框架修改为与所述目标页面元素的尺寸相同,并通过修改所述目标页面元素的坐标类型及坐标,将所述目标页面元素固定展现在所述iframe框架的缩放基准位置,实现仅将所述目标页面元素显示在所述iframe框架中;
或者,
第二控制子单元,用于当所述iframe框架为非窗口模式时,将所述iframe框架修改为与所述目标页面元素的尺寸相同,通过移动所述iframe框架的滚动条,仅将所述目标页面元素显示在所述iframe框架中;
或者,
第三控制子单元,用于当所述iframe框架为窗口模式时,将所述iframe框架修改为与所述目标页面元素的尺寸相同,通过移动所述iframe框架中所述目标页面元素所在的页面窗口,仅将所述目标页面元素显示在所述iframe框架中。
与直接固定展现单元类似,间接固定展现单元可以包括:
第三修改子单元,用于将所述iframe框架的坐标类型设定为相对浏览器窗口的固定坐标,并将所述iframe框架的坐标设置为相对浏览器窗口的指定位置;
或者,
第四修改子单元,用于将所述iframe框架的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标,并将所述iframe框架的坐标设置为相对所述网页所在的页面窗口的指定位置;此时,该系统还包括:第二坐标更新单元,用于当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,更新所述iframe框架的坐标。
类似的,该系统还可以包括:
第二层次修改单元,用于将所述iframe框架的层次修改为最高层。
当所述iframe框架的尺寸类型为相对父节点的相对尺寸时,该系统还可以包括:
第二尺寸类型修改单元,用于将所述iframe框架的尺寸类型修改为绝对尺寸。
此外,该系统还可以包括:
第二坐标修改单元,用于修改所述iframe框架的坐标;所述间接固定展现单元具体用于通过将所述iframe框架固定展现在相对所述浏览器窗口的指定位置,将所述目标页面元素展现在相对所述浏览器窗口的固定位置。
同样,在通过iframe框架将目标页面元素展现在相对浏览器窗口的固定位置之后,为了使用户可以通过键盘或鼠标来拖动目标页面元素,该系统还可以包括:
第二移动单元,用于当拖动所述iframe框架的触发事件发生时,修改所述iframe框架的坐标,通过移动所述iframe框架,移动所述目标页面元素。
在实际应用中,可以有多种方式来确定目标页面元素,例如,目标确定单元401可以包括:
第一确定子单元,用于识别网页中预置类型的页面元素,自动将所述识别出的页面元素确定为所述目标页面元素;
或者,
第二确定子单元,用于识别网页中预置类型的页面元素,向用户提供识别出的页面元素的展现入口,当通过所述展现入口接收到用户请求展现页面元素的请求时,将所述用户请求展现的页面元素确定为所述目标页面元素;
或者,
第三确定子单元,用于向用户提供网页中各页面元素的展现入口,当通过所述展现入口接收到用户请求展现页面元素的请求时,将所述用户请求展现的页面元素确定为所述目标页面元素。
本发明中所描述的系统、装置和方法适用于各种网络或客户端环境中,其例如可以实现在诸如个人计算机设备之类的计算机设备中,或者可以实现在诸如移动电话、移动通信设备、个人数字助理(PDA)等其他电子设备中。
以上对本发明所提供的一种展现网页中页面元素的方法及系统,进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本发明的限制。
Claims (34)
1.一种展现网页中页面元素的方法,其特征在于,包括:
确定网页中的目标页面元素;
将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
2.根据权利要求1所述的方法,其特征在于,所述将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括:
通过修改网页中页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
3.根据权利要求2所述的方法,其特征在于,所述通过修改网页中页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括:
修改所述目标页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
4.根据权利要求3所述的方法,其特征在于,所述修改所述目标页面元素的坐标类型包括:
将所述目标页面元素的坐标类型设定为相对所述浏览器窗口的固定坐标;
或者,
将所述目标页面元素的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标;所述方法还包括:当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,修改设定所述目标页面元素的坐标。
5.根据权利要求3或4所述的方法,其特征在于,还包括:
将所述目标页面元素的层次修改为最高层。
6.根据权利要求3或4所述的方法,其特征在于,当所述目标页面元素的尺寸类型为相对父节点的相对尺寸时,还包括:
将所述目标页面元素的尺寸类型修改为绝对尺寸。
7.根据权利要求3或4所述的方法,其特征在于,还包括:修改所述目标页面元素的坐标;所述将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括:
将所述目标页面元素固定展现在相对所述浏览器窗口的指定位置。
8.根据权利要求3或4所述的方法,其特征在于,还包括:
当拖动所述目标页面元素的触发事件发生时,修改所述目标页面元素的坐标,移动所述目标页面元素。
9.根据权利要求2所述的方法,其特征在于,当所述目标页面元素在iframe框架中时,所述修改网页中页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括:
修改所述iframe框架的坐标类型,通过将所述iframe框架展现在相对所述浏览器窗口的固定位置,来将所述目标页面元素展现在所述浏览器窗口中相对所述浏览器窗口的固定位置。
10.根据权利要求9所述的方法,其特征在于,还包括:
仅在所述iframe框架中显示所述目标页面元素。
11.根据权利要求10所述的方法,其特征在于,所述仅在所述iframe框架中显示所述目标页面元素包括:
将所述iframe框架修改为与所述目标页面元素的尺寸相同,并通过修改所述目标页面元素的坐标类型及坐标,将所述目标页面元素固定展现在所述iframe框架的缩放基准位置,仅将所述目标页面元素显示在所述iframe框架中;
或者,
当所述iframe框架为非窗口模式时,将所述iframe框架修改为与所述目标页面元素的尺寸相同,通过移动所述iframe框架的滚动条,仅将所述目标页面元素显示在所述iframe框架中;
或者,
当所述iframe框架为窗口模式时,将所述iframe框架修改为与所述目标页面元素的尺寸相同,通过移动所述iframe框架中所述目标页面元素所在的页面窗口,仅将所述目标页面元素显示在所述iframe框架中。
12.根据权利要求9所述的方法,其特征在于,所述修改所述iframe框架的坐标类型,将所述iframe框架展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置包括:
将所述iframe框架的坐标类型设定为相对所述浏览器窗口的固定坐标,并将所述iframe框架的坐标设置为相对所述浏览器窗口的指定位置;
或者,
将所述iframe框架的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标,并将所述iframe框架的坐标设置为相对所述网页所在的页面窗口的指定位置;所述方法还包括:当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,更新所述iframe框架的坐标。
13.根据权利要求9至12任一项所述的方法,其特征在于,还包括:
将所述iframe框架的层次修改为最高层。
14.根据权利要求9至12任一项所述的方法,其特征在于,当所述iframe框架的尺寸类型为相对父节点的相对尺寸时,还包括:
将所述iframe框架的尺寸类型修改为绝对尺寸。
15.根据权利要求9至12任一项所述的方法,其特征在于,还包括:修改所述iframe框架的坐标;所述通过将所述iframe框架展现在相对所述浏览器窗口的固定位置,将所述目标页面元素展现在相对所述浏览器窗口的固定位置包括:
通过将所述iframe框架固定展现在相对所述浏览器窗口的指定位置,将所述目标页面元素展现在相对所述浏览器窗口的固定位置。
16.根据权利要求9至12任一项所述的方法,其特征在于,还包括:
当通过拖动所述iframe框架的触发事件发生时,修改所述iframe框架的坐标,通过移动所述iframe框架,移动所述目标页面元素。
17.根据权利要求1所述的方法,其特征在于,所述确定网页中的目标页面元素包括:
识别网页中预置类型的页面元素,自动将所述识别出的页面元素确定为所述目标页面元素;
或者,
识别网页中预置类型的页面元素,向用户提供识别出的页面元素的展现入口,当通过所述展现入口接收到用户请求展现页面元素的请求时,将所述用户请求展现的页面元素确定为所述目标页面元素;
或者,
向用户提供网页中各页面元素的展现入口,当通过所述展现入口接收到用户请求展现页面元素的请求时,将所述用户请求展现的页面元素确定为所述目标页面元素。
18.一种展现网页中页面元素的系统,其特征在于,包括:
目标确定单元,用于确定网页中的目标页面元素;
固定展现单元,用于将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
19.根据权利要求18所述的系统,其特征在于,所述固定展现单元具体用于通过修改网页中页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
20.根据权利要求19所述的系统,其特征在于,所述固定展现单元包括:
直接固定展现单元,用于修改所述目标页面元素的坐标类型,将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。
21.根据权利要求20所述的系统,其特征在于,所述直接固定展现单元包括:
第一修改子单元,用于将所述目标页面元素的坐标类型设定为相对所述浏览器窗口的固定坐标;
或者,
第二修改子单元,用于将所述目标页面元素的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标;所述系统还包括:第一坐标更新单元,用于当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,修改设定所述目标页面元素的坐标。
22.根据权利要求20或21所述的系统,其特征在于,还包括:
第一层次修改单元,用于将所述目标页面元素的层次修改为最高层。
23.根据权利要求20或21所述的系统,其特征在于,当所述目标页面元素的尺寸类型为相对父节点的相对尺寸时,还包括:
第一尺寸类型修改单元,用于将所述目标页面元素的尺寸类型修改为绝对尺寸。
24.根据权利要求20或21所述的系统,其特征在于,还包括:
第一坐标修改单元,用于修改所述目标页面元素的坐标;所述直接固定展现单元具体用于将所述目标页面元素固定展现在相对所述浏览器窗口的指定位置。
25.根据权利要求20或21所述的系统,其特征在于,还包括:
第一移动单元,用于当拖动所述目标页面元素的触发事件发生时,修改所述目标页面元素的坐标,移动所述目标页面元素。
26.根据权利要求18所述的系统,其特征在于,当所述目标页面元素在iframe框架中时,所述固定展现单元包括:
间接固定展现单元,用于修改所述iframe框架的坐标类型,通过将所述iframe框架展现在相对所述浏览器窗口的固定位置,来将所述目标页面元素展现在所述浏览器窗口中相对所述浏览器窗口的固定位置。
27.根据权利要求26所述的系统,其特征在于,还包括:
显示控制单元,用于仅在所述iframe框架中显示所述目标页面元素。
28.根据权利要求27所述的系统,其特征在于,所述显示控制单元包括:
第一控制子单元,用于将所述iframe框架修改为与所述目标页面元素的尺寸相同,并通过修改所述目标页面元素的坐标类型及坐标,将所述目标页面元素固定展现在所述iframe框架的缩放基准位置,实现仅将所述目标页面元素显示在所述iframe框架中;
或者,
第二控制子单元,用于当所述iframe框架为非窗口模式时,将所述iframe框架修改为与所述目标页面元素的尺寸相同,通过移动所述iframe框架的滚动条,仅将所述目标页面元素显示在所述iframe框架中;
或者,
第三控制子单元,用于当所述iframe框架为窗口模式时,将所述iframe框架修改为与所述目标页面元素的尺寸相同,通过移动所述iframe框架中所述目标页面元素所在的页面窗口,仅将所述目标页面元素显示在所述iframe框架中。
29.根据权利要求26所述的系统,其特征在于,所述间接固定展现单元包括:
第三修改子单元,用于将所述iframe框架的坐标类型设定为相对所述浏览器窗口的固定坐标,并将所述iframe框架的坐标设置为相对所述浏览器窗口的指定位置;
或者,
第四修改子单元,用于将所述iframe框架的坐标类型设定为相对所述网页所在的页面窗口的绝对坐标,并将所述iframe框架的坐标设置为相对所述网页所在的页面窗口的指定位置;所述方法还包括:当滚动条发生滚动操作时,计算滚动条的偏移值,根据所述偏移值,更新所述iframe框架的坐标。
30.根据权利要求26至29任一项所述的系统,其特征在于,还包括:
第二层次修改单元,用于将所述iframe框架的层次修改为最高层。
31.根据权利要求26至29任一项所述的系统,其特征在于,当所述iframe框架的尺寸类型为相对父节点的相对尺寸时,还包括:
第二尺寸类型修改单元,用于将所述iframe框架的尺寸类型修改为绝对尺寸。
32.根据权利要求26至29任一项所述的系统,其特征在于,还包括:
第二坐标修改单元,用于修改所述iframe框架的坐标;所述间接固定展现单元具体用于通过将所述iframe框架固定展现在相对所述浏览器窗口的指定位置,将所述目标页面元素展现在相对所述浏览器窗口的固定位置。
33.根据权利要求26至29任一项所述的系统,其特征在于,还包括:
第二移动单元,用于当拖动所述iframe框架的触发事件发生时,修改所述iframe框架的坐标,通过移动所述iframe框架,移动所述目标页面元素。
34.根据权利要求18所述的系统,其特征在于,所述目标确定单元包括:
第一确定子单元,用于识别网页中预置类型的页面元素,自动将所述识别出的页面元素确定为所述目标页面元素;
或者,
第二确定子单元,用于识别网页中预置类型的页面元素,向用户提供识别出的页面元素的展现入口,当通过所述展现入口接收到用户请求展现页面元素的请求时,将所述用户请求展现的页面元素确定为所述目标页面元素;
或者,
第三确定子单元,用于向用户提供网页中各页面元素的展现入口,当通过所述展现入口接收到用户请求展现页面元素的请求时,将所述用户请求展现的页面元素确定为所述目标页面元素。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN200910244559.8A CN102117290B (zh) | 2009-12-30 | 2009-12-30 | 一种展现网页中页面元素的方法及系统 |
PCT/CN2010/080452 WO2011079793A1 (zh) | 2009-12-30 | 2010-12-29 | 一种展现网页中页面元素的方法及系统 |
US13/495,338 US20120254729A1 (en) | 2009-12-30 | 2012-06-13 | Web page element presenting method and system |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN200910244559.8A CN102117290B (zh) | 2009-12-30 | 2009-12-30 | 一种展现网页中页面元素的方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102117290A true CN102117290A (zh) | 2011-07-06 |
CN102117290B CN102117290B (zh) | 2015-03-18 |
Family
ID=44216064
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN200910244559.8A Active CN102117290B (zh) | 2009-12-30 | 2009-12-30 | 一种展现网页中页面元素的方法及系统 |
Country Status (3)
Country | Link |
---|---|
US (1) | US20120254729A1 (zh) |
CN (1) | CN102117290B (zh) |
WO (1) | WO2011079793A1 (zh) |
Cited By (47)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102663056A (zh) * | 2012-03-29 | 2012-09-12 | 奇智软件(北京)有限公司 | 一种图片元素显示方法和装置 |
CN102968509A (zh) * | 2012-12-17 | 2013-03-13 | 腾讯科技(深圳)有限公司 | 一种播放浏览器中多媒体的方法和装置 |
CN102981689A (zh) * | 2011-09-07 | 2013-03-20 | 腾讯科技(深圳)有限公司 | 一种实现默认焦点定位的方法、装置和系统 |
CN103177096A (zh) * | 2013-03-15 | 2013-06-26 | 百度在线网络技术(北京)有限公司 | 基于文本属性的页面元素定位方法及设备 |
CN103324476A (zh) * | 2013-06-04 | 2013-09-25 | 白连宇 | 页面动态参照布局及展现方法 |
CN103365525A (zh) * | 2012-03-28 | 2013-10-23 | 百度在线网络技术(北京)有限公司 | 移动终端及用于移动终端的多窗口显示方法 |
CN103425706A (zh) * | 2012-05-25 | 2013-12-04 | 腾讯科技(深圳)有限公司 | 在内嵌浮动框架元素的网页中实现元素拖动的方法及装置 |
CN103558961A (zh) * | 2013-11-07 | 2014-02-05 | 北京国双科技有限公司 | 弹出窗口处理方法及装置 |
CN103648043A (zh) * | 2013-12-06 | 2014-03-19 | 乐视致新电子科技(天津)有限公司 | 对智能电视的搜索控制方法和控制装置 |
CN103677524A (zh) * | 2013-12-11 | 2014-03-26 | 乐视网信息技术(北京)股份有限公司 | 导航条呈现方式的控制方法及装置 |
WO2014082500A1 (zh) * | 2012-11-29 | 2014-06-05 | 腾讯科技(深圳)有限公司 | 页面加载方法及其系统、计算机存储介质 |
CN103914473A (zh) * | 2013-01-04 | 2014-07-09 | 深圳市金蝶中间件有限公司 | 网页内容冻结方法和装置 |
CN104093060A (zh) * | 2014-07-17 | 2014-10-08 | 可牛网络技术(北京)有限公司 | 网页视频播放方法及系统 |
CN104093062A (zh) * | 2014-07-31 | 2014-10-08 | 上海斐讯数据通信技术有限公司 | 一种用于移动终端的网页视频加载系统及其加载方法 |
CN104133898A (zh) * | 2014-07-31 | 2014-11-05 | 上海二三四五网络科技股份有限公司 | 一种浏览器内视频小窗播放的方法和装置 |
CN104156157A (zh) * | 2014-08-04 | 2014-11-19 | 中国蓝星(集团)股份有限公司 | 在网页中呈现功能框的方法及装置 |
CN104254827A (zh) * | 2012-03-20 | 2014-12-31 | 电子湾有限公司 | 用户接口的信息和动作栏 |
CN104268251A (zh) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | 一种网页中视频元素的播放方法和装置 |
CN104268250A (zh) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | 一种网页中视频元素的播放方法和装置 |
CN104995619A (zh) * | 2013-08-23 | 2015-10-21 | 华为终端有限公司 | 一种网页页面处理方法及设备 |
CN105335071A (zh) * | 2015-10-26 | 2016-02-17 | 百度在线网络技术(北京)有限公司 | 一种页面元素的显示方法及装置 |
CN105373593A (zh) * | 2015-10-14 | 2016-03-02 | 北京锤子数码科技有限公司 | 一种展示网页中目标元素的方法及装置 |
CN105975190A (zh) * | 2016-05-20 | 2016-09-28 | 腾讯科技(深圳)有限公司 | 一种图形界面的处理方法、装置及系统 |
CN106020590A (zh) * | 2016-05-09 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 视图显示方法及装置 |
CN103870558B (zh) * | 2012-03-29 | 2017-01-25 | 北京奇虎科技有限公司 | 页面渲染方法和遮罩层创建方法 |
CN106503041A (zh) * | 2016-09-19 | 2017-03-15 | 曙光信息产业(北京)有限公司 | 页面布局自适应方法及系统 |
CN103902170B (zh) * | 2012-12-27 | 2017-03-22 | 深圳市金蝶天燕中间件股份有限公司 | 网页内容定位方法和装置 |
CN106648399A (zh) * | 2015-11-02 | 2017-05-10 | 广州市动景计算机科技有限公司 | 一种界面显示处理方法、装置及设备 |
CN106844749A (zh) * | 2017-02-16 | 2017-06-13 | 郑州云海信息技术有限公司 | 一种页面显示方法及装置 |
CN106954091A (zh) * | 2016-12-21 | 2017-07-14 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
CN107038194A (zh) * | 2016-11-17 | 2017-08-11 | 阿里巴巴集团控股有限公司 | 一种页面跳转方法和装置 |
CN107092417A (zh) * | 2017-03-30 | 2017-08-25 | 北京潘达互娱科技有限公司 | 网络直播方法及装置 |
CN107241657A (zh) * | 2017-07-06 | 2017-10-10 | 广州优视网络科技有限公司 | 视频播放方法、装置、计算设备以及存储介质 |
CN107436867A (zh) * | 2016-05-25 | 2017-12-05 | 阿里巴巴集团控股有限公司 | 一种页面展示方法及装置 |
CN107908719A (zh) * | 2017-11-13 | 2018-04-13 | 维沃移动通信有限公司 | 一种网页元素的显示方法及装置 |
CN103970770B (zh) * | 2013-01-29 | 2018-10-09 | 腾讯科技(深圳)有限公司 | 一种网页优化处理方法、装置及客户端 |
CN108712676A (zh) * | 2018-05-30 | 2018-10-26 | 浙江口碑网络技术有限公司 | 基于React框架实现的视频自动播放方法及装置 |
CN109117059A (zh) * | 2018-07-12 | 2019-01-01 | 北京猫眼文化传媒有限公司 | 一种信息显示方法及装置 |
CN109299449A (zh) * | 2018-10-10 | 2019-02-01 | 拉扎斯网络科技(上海)有限公司 | 表格处理方法、装置、电子设备及可读存储介质 |
CN109640158A (zh) * | 2019-02-02 | 2019-04-16 | 北京字节跳动网络技术有限公司 | 一种视频播放的控制方法、装置、设备和介质 |
CN110162303A (zh) * | 2019-04-26 | 2019-08-23 | 深圳智链物联科技有限公司 | 一种分页显示方法、系统及终端设备 |
CN110909274A (zh) * | 2018-09-18 | 2020-03-24 | 优视科技有限公司 | 页面浏览方法、装置及电子设备 |
CN111124367A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | 一种元素位置的调整方法及装置 |
CN111580878A (zh) * | 2020-04-29 | 2020-08-25 | 浙江大华技术股份有限公司 | 一种实现页面与客户端应用联动方法、装置、设备及介质 |
CN111666030A (zh) * | 2020-06-03 | 2020-09-15 | 广州酷狗计算机科技有限公司 | 信息显示方法、装置、计算机设备及存储介质 |
CN112925957A (zh) * | 2021-05-12 | 2021-06-08 | 北京明略昭辉科技有限公司 | 一种图谱中父节点位置的确定方法、装置、设备及介质 |
CN116796086A (zh) * | 2023-05-05 | 2023-09-22 | 北京路浩知识产权集团有限公司 | 页面展示方法、装置、设备及存储介质 |
Families Citing this family (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
SG11201509459VA (en) * | 2012-08-29 | 2015-12-30 | Huawei Device Co Ltd | Web application management method and apparatus |
US8878997B2 (en) | 2013-03-11 | 2014-11-04 | Sony Corporation | Electronic displays having paired canvases |
CN104346403A (zh) * | 2013-08-07 | 2015-02-11 | 腾讯科技(深圳)有限公司 | 浏览器页面显示方法、装置、浏览器及终端 |
CN104424318A (zh) * | 2013-09-09 | 2015-03-18 | 阿里巴巴集团控股有限公司 | 页面元素的控制方法及装置 |
USD754715S1 (en) * | 2014-06-23 | 2016-04-26 | Microsoft Corporation | Display screen with graphical user interface |
JP5881809B1 (ja) * | 2014-12-19 | 2016-03-09 | ヤフー株式会社 | 情報表示装置、配信装置、情報表示方法および情報表示プログラム |
CN108337549B (zh) * | 2015-07-20 | 2020-10-27 | 阿里巴巴(中国)有限公司 | 视频播放方法及其装置 |
US10289296B1 (en) | 2015-08-21 | 2019-05-14 | Google Llc | Systems and methods for dynamically appending supplemental content to an information resource responsive to scroll activity |
US10585576B2 (en) | 2015-10-26 | 2020-03-10 | Google Llc | Systems and methods for attributing a scroll event in an infinite scroll graphical user interface |
CN106341721A (zh) * | 2016-08-24 | 2017-01-18 | 乐视控股(北京)有限公司 | 一种视频播放处理方法及装置 |
US11442612B2 (en) * | 2016-12-23 | 2022-09-13 | [24]7.ai, Inc. | Method and apparatus for facilitating user chat interactions |
CN110020311B (zh) * | 2017-12-05 | 2023-03-28 | 中兴通讯股份有限公司 | 网页显示方法、浏览器、终端和计算机可读存储介质 |
CN109992264B (zh) * | 2017-12-29 | 2022-08-23 | 浙江宇视科技有限公司 | 窗口管理方法 |
US10489041B1 (en) | 2019-02-21 | 2019-11-26 | Capital One Services, Llc | Rule-based user interface layout rearrangement |
CN111274156B (zh) * | 2020-02-25 | 2023-06-06 | 中信银行股份有限公司 | 兼容多框架页面的自动识别方法及装置 |
CN111767206B (zh) * | 2020-05-08 | 2023-07-14 | 北京奇艺世纪科技有限公司 | 一种内容单元露出呈现率的统计方法、装置及电子设备 |
CN111797344A (zh) * | 2020-07-09 | 2020-10-20 | 平安国际智慧城市科技股份有限公司 | 页面跳转显示方法、装置、计算机设备及存储介质 |
CN114489896B (zh) * | 2022-01-20 | 2024-04-30 | 北京有竹居网络技术有限公司 | 内容显示方法、装置、存储介质及电子设备 |
CN114675770A (zh) * | 2022-04-07 | 2022-06-28 | 上海哔哩哔哩科技有限公司 | 网页内的iframe元素拖动方法和系统 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1828516A (zh) * | 2005-03-04 | 2006-09-06 | 佳能株式会社 | 布局控制装置和布局控制方法 |
CN1828518A (zh) * | 2005-03-04 | 2006-09-06 | 佳能株式会社 | 布局处理方法及信息处理装置 |
JP2008191935A (ja) * | 2007-02-05 | 2008-08-21 | Toshiba Corp | レイアウト調整プログラムおよびウェブページ閲覧装置 |
CN101261642A (zh) * | 2008-04-10 | 2008-09-10 | 深圳市迅雷网络技术有限公司 | 一种调整互联网页面布局的方法及装置 |
CN101299220A (zh) * | 2008-06-24 | 2008-11-05 | 腾讯科技(深圳)有限公司 | 多页面浏览器窗口拆分方法、合并方法和多页面浏览器 |
CN101501620A (zh) * | 2006-07-10 | 2009-08-05 | 丹吉尔股份有限公司 | 用于移动数据处理设备的跟踪球系统和方法 |
Family Cites Families (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6401134B1 (en) * | 1997-07-25 | 2002-06-04 | Sun Microsystems, Inc. | Detachable java applets |
US6248946B1 (en) * | 2000-03-01 | 2001-06-19 | Ijockey, Inc. | Multimedia content delivery system and method |
CN1203403C (zh) * | 2003-01-17 | 2005-05-25 | 天图信息技术(上海)有限公司 | 网视网络广告投放系统中的后台智能下载方法 |
CN100361441C (zh) * | 2004-09-03 | 2008-01-09 | 王金堃 | 带有播放区域的网页的显示方法 |
CN1996285A (zh) * | 2006-01-06 | 2007-07-11 | 胡擘 | 一种网页浏览器网中的窗口系统 |
US20100198697A1 (en) * | 2006-07-21 | 2010-08-05 | Videoegg, Inc. | Fixed Position Interactive Advertising |
US7877687B2 (en) * | 2007-08-16 | 2011-01-25 | Yahoo! Inc. | Persistent visual media player |
US8185818B2 (en) * | 2008-12-15 | 2012-05-22 | Business Objects S.A. | Mixed techniques for HTML crosstab rendering |
US8266522B2 (en) * | 2009-04-17 | 2012-09-11 | Jokaroo Entertainment Inc. | Method and device for temporally displaying advertising content on a webpage |
US9690866B2 (en) * | 2009-06-19 | 2017-06-27 | Microsoft Technology Licensing, Llc | Persistent media playback |
WO2011075886A1 (en) * | 2009-12-22 | 2011-06-30 | Google Inc. | Display of advertisements |
US8423901B2 (en) * | 2010-03-15 | 2013-04-16 | International Business Machines Corporation | Displaying content outside IFRAME container |
-
2009
- 2009-12-30 CN CN200910244559.8A patent/CN102117290B/zh active Active
-
2010
- 2010-12-29 WO PCT/CN2010/080452 patent/WO2011079793A1/zh active Application Filing
-
2012
- 2012-06-13 US US13/495,338 patent/US20120254729A1/en not_active Abandoned
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1828516A (zh) * | 2005-03-04 | 2006-09-06 | 佳能株式会社 | 布局控制装置和布局控制方法 |
CN1828518A (zh) * | 2005-03-04 | 2006-09-06 | 佳能株式会社 | 布局处理方法及信息处理装置 |
CN101501620A (zh) * | 2006-07-10 | 2009-08-05 | 丹吉尔股份有限公司 | 用于移动数据处理设备的跟踪球系统和方法 |
JP2008191935A (ja) * | 2007-02-05 | 2008-08-21 | Toshiba Corp | レイアウト調整プログラムおよびウェブページ閲覧装置 |
CN101261642A (zh) * | 2008-04-10 | 2008-09-10 | 深圳市迅雷网络技术有限公司 | 一种调整互联网页面布局的方法及装置 |
CN101299220A (zh) * | 2008-06-24 | 2008-11-05 | 腾讯科技(深圳)有限公司 | 多页面浏览器窗口拆分方法、合并方法和多页面浏览器 |
Cited By (69)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102981689A (zh) * | 2011-09-07 | 2013-03-20 | 腾讯科技(深圳)有限公司 | 一种实现默认焦点定位的方法、装置和系统 |
CN104254827A (zh) * | 2012-03-20 | 2014-12-31 | 电子湾有限公司 | 用户接口的信息和动作栏 |
CN103365525A (zh) * | 2012-03-28 | 2013-10-23 | 百度在线网络技术(北京)有限公司 | 移动终端及用于移动终端的多窗口显示方法 |
CN102663056B (zh) * | 2012-03-29 | 2014-05-28 | 北京奇虎科技有限公司 | 一种图片元素显示方法和装置 |
CN103870558B (zh) * | 2012-03-29 | 2017-01-25 | 北京奇虎科技有限公司 | 页面渲染方法和遮罩层创建方法 |
CN102663056A (zh) * | 2012-03-29 | 2012-09-12 | 奇智软件(北京)有限公司 | 一种图片元素显示方法和装置 |
CN103425706A (zh) * | 2012-05-25 | 2013-12-04 | 腾讯科技(深圳)有限公司 | 在内嵌浮动框架元素的网页中实现元素拖动的方法及装置 |
CN103425706B (zh) * | 2012-05-25 | 2016-03-23 | 腾讯科技(深圳)有限公司 | 在内嵌浮动框架元素的网页中实现元素拖动的方法及装置 |
US10268658B2 (en) | 2012-11-29 | 2019-04-23 | Tencent Technology (Shenzhen) Company Limited | Page loading method and system, and computer-readable storage medium |
WO2014082500A1 (zh) * | 2012-11-29 | 2014-06-05 | 腾讯科技(深圳)有限公司 | 页面加载方法及其系统、计算机存储介质 |
US10013498B2 (en) | 2012-11-29 | 2018-07-03 | Tencent Technology (Shenzhen) Company Limited | Page loading method and system, and computer-readable storage medium |
CN102968509B (zh) * | 2012-12-17 | 2016-03-09 | 腾讯科技(深圳)有限公司 | 一种播放浏览器中多媒体的方法和装置 |
US10460016B2 (en) | 2012-12-17 | 2019-10-29 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for playing multimedia in browser |
CN102968509A (zh) * | 2012-12-17 | 2013-03-13 | 腾讯科技(深圳)有限公司 | 一种播放浏览器中多媒体的方法和装置 |
CN103902170B (zh) * | 2012-12-27 | 2017-03-22 | 深圳市金蝶天燕中间件股份有限公司 | 网页内容定位方法和装置 |
CN103914473A (zh) * | 2013-01-04 | 2014-07-09 | 深圳市金蝶中间件有限公司 | 网页内容冻结方法和装置 |
CN103970770B (zh) * | 2013-01-29 | 2018-10-09 | 腾讯科技(深圳)有限公司 | 一种网页优化处理方法、装置及客户端 |
CN103177096B (zh) * | 2013-03-15 | 2019-02-05 | 百度在线网络技术(北京)有限公司 | 基于文本属性的页面元素定位方法及设备 |
CN103177096A (zh) * | 2013-03-15 | 2013-06-26 | 百度在线网络技术(北京)有限公司 | 基于文本属性的页面元素定位方法及设备 |
CN103324476B (zh) * | 2013-06-04 | 2016-09-07 | 白连宇 | 页面动态参照布局及展现方法 |
CN103324476A (zh) * | 2013-06-04 | 2013-09-25 | 白连宇 | 页面动态参照布局及展现方法 |
CN104995619A (zh) * | 2013-08-23 | 2015-10-21 | 华为终端有限公司 | 一种网页页面处理方法及设备 |
US10929497B2 (en) | 2013-08-23 | 2021-02-23 | Huawei Device Co., Ltd. | Replacing a web page while maintaining a communication link |
CN103558961A (zh) * | 2013-11-07 | 2014-02-05 | 北京国双科技有限公司 | 弹出窗口处理方法及装置 |
CN103648043B (zh) * | 2013-12-06 | 2016-09-28 | 乐视致新电子科技(天津)有限公司 | 对智能电视的搜索控制方法和控制装置 |
CN103648043A (zh) * | 2013-12-06 | 2014-03-19 | 乐视致新电子科技(天津)有限公司 | 对智能电视的搜索控制方法和控制装置 |
CN103677524A (zh) * | 2013-12-11 | 2014-03-26 | 乐视网信息技术(北京)股份有限公司 | 导航条呈现方式的控制方法及装置 |
CN104093060A (zh) * | 2014-07-17 | 2014-10-08 | 可牛网络技术(北京)有限公司 | 网页视频播放方法及系统 |
CN104133898A (zh) * | 2014-07-31 | 2014-11-05 | 上海二三四五网络科技股份有限公司 | 一种浏览器内视频小窗播放的方法和装置 |
CN104093062A (zh) * | 2014-07-31 | 2014-10-08 | 上海斐讯数据通信技术有限公司 | 一种用于移动终端的网页视频加载系统及其加载方法 |
CN104156157A (zh) * | 2014-08-04 | 2014-11-19 | 中国蓝星(集团)股份有限公司 | 在网页中呈现功能框的方法及装置 |
CN104268250A (zh) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | 一种网页中视频元素的播放方法和装置 |
CN104268251A (zh) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | 一种网页中视频元素的播放方法和装置 |
CN105373593A (zh) * | 2015-10-14 | 2016-03-02 | 北京锤子数码科技有限公司 | 一种展示网页中目标元素的方法及装置 |
CN105373593B (zh) * | 2015-10-14 | 2018-12-21 | 北京锤子数码科技有限公司 | 一种展示网页中目标元素的方法及装置 |
CN105335071A (zh) * | 2015-10-26 | 2016-02-17 | 百度在线网络技术(北京)有限公司 | 一种页面元素的显示方法及装置 |
US10416874B2 (en) | 2015-11-02 | 2019-09-17 | Guangzhou Ucweb Computer Technology Co., Ltd. | Methods, apparatuses, and devices for processing interface displays |
CN106648399A (zh) * | 2015-11-02 | 2017-05-10 | 广州市动景计算机科技有限公司 | 一种界面显示处理方法、装置及设备 |
CN106648399B (zh) * | 2015-11-02 | 2020-10-16 | 阿里巴巴(中国)有限公司 | 一种界面显示处理方法、装置及设备 |
CN106020590B (zh) * | 2016-05-09 | 2021-01-22 | 腾讯科技(深圳)有限公司 | 视图显示方法及装置 |
CN106020590A (zh) * | 2016-05-09 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 视图显示方法及装置 |
CN105975190A (zh) * | 2016-05-20 | 2016-09-28 | 腾讯科技(深圳)有限公司 | 一种图形界面的处理方法、装置及系统 |
CN105975190B (zh) * | 2016-05-20 | 2020-05-12 | 腾讯科技(深圳)有限公司 | 一种图形界面的处理方法、装置及系统 |
CN107436867A (zh) * | 2016-05-25 | 2017-12-05 | 阿里巴巴集团控股有限公司 | 一种页面展示方法及装置 |
CN106503041B (zh) * | 2016-09-19 | 2019-11-15 | 曙光信息产业(北京)有限公司 | 页面布局自适应方法及系统 |
CN106503041A (zh) * | 2016-09-19 | 2017-03-15 | 曙光信息产业(北京)有限公司 | 页面布局自适应方法及系统 |
CN107038194B (zh) * | 2016-11-17 | 2020-12-15 | 创新先进技术有限公司 | 一种页面跳转方法和装置 |
CN107038194A (zh) * | 2016-11-17 | 2017-08-11 | 阿里巴巴集团控股有限公司 | 一种页面跳转方法和装置 |
CN106954091B (zh) * | 2016-12-21 | 2019-09-06 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
CN106954091A (zh) * | 2016-12-21 | 2017-07-14 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
CN106844749A (zh) * | 2017-02-16 | 2017-06-13 | 郑州云海信息技术有限公司 | 一种页面显示方法及装置 |
CN107092417A (zh) * | 2017-03-30 | 2017-08-25 | 北京潘达互娱科技有限公司 | 网络直播方法及装置 |
CN107241657A (zh) * | 2017-07-06 | 2017-10-10 | 广州优视网络科技有限公司 | 视频播放方法、装置、计算设备以及存储介质 |
CN107908719A (zh) * | 2017-11-13 | 2018-04-13 | 维沃移动通信有限公司 | 一种网页元素的显示方法及装置 |
CN108712676A (zh) * | 2018-05-30 | 2018-10-26 | 浙江口碑网络技术有限公司 | 基于React框架实现的视频自动播放方法及装置 |
CN109117059A (zh) * | 2018-07-12 | 2019-01-01 | 北京猫眼文化传媒有限公司 | 一种信息显示方法及装置 |
CN110909274B (zh) * | 2018-09-18 | 2022-10-28 | 优视科技(中国)有限公司 | 页面浏览方法、装置及电子设备 |
CN110909274A (zh) * | 2018-09-18 | 2020-03-24 | 优视科技有限公司 | 页面浏览方法、装置及电子设备 |
CN109299449A (zh) * | 2018-10-10 | 2019-02-01 | 拉扎斯网络科技(上海)有限公司 | 表格处理方法、装置、电子设备及可读存储介质 |
CN111124367A (zh) * | 2018-10-31 | 2020-05-08 | 北京国双科技有限公司 | 一种元素位置的调整方法及装置 |
WO2020156056A1 (zh) * | 2019-02-02 | 2020-08-06 | 北京字节跳动网络技术有限公司 | 一种视频播放的控制方法、装置、设备和介质 |
CN109640158A (zh) * | 2019-02-02 | 2019-04-16 | 北京字节跳动网络技术有限公司 | 一种视频播放的控制方法、装置、设备和介质 |
CN110162303A (zh) * | 2019-04-26 | 2019-08-23 | 深圳智链物联科技有限公司 | 一种分页显示方法、系统及终端设备 |
CN111580878A (zh) * | 2020-04-29 | 2020-08-25 | 浙江大华技术股份有限公司 | 一种实现页面与客户端应用联动方法、装置、设备及介质 |
CN111666030A (zh) * | 2020-06-03 | 2020-09-15 | 广州酷狗计算机科技有限公司 | 信息显示方法、装置、计算机设备及存储介质 |
CN112925957B (zh) * | 2021-05-12 | 2021-09-10 | 北京明略昭辉科技有限公司 | 一种图谱中父节点位置的确定方法、装置、设备及介质 |
CN112925957A (zh) * | 2021-05-12 | 2021-06-08 | 北京明略昭辉科技有限公司 | 一种图谱中父节点位置的确定方法、装置、设备及介质 |
CN116796086A (zh) * | 2023-05-05 | 2023-09-22 | 北京路浩知识产权集团有限公司 | 页面展示方法、装置、设备及存储介质 |
CN116796086B (zh) * | 2023-05-05 | 2023-11-14 | 北京路浩知识产权集团有限公司 | 页面展示方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
US20120254729A1 (en) | 2012-10-04 |
CN102117290B (zh) | 2015-03-18 |
WO2011079793A1 (zh) | 2011-07-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102117290B (zh) | 一种展现网页中页面元素的方法及系统 | |
US8949707B2 (en) | Adaptive document displaying apparatus and method | |
US11379108B2 (en) | Display controlling method, terminal, information processing apparatus, and storage medium | |
US9971749B2 (en) | Editor for website and website menu | |
US8656295B2 (en) | Selecting and manipulating web content | |
CN102693280B (zh) | 网页浏览方法、WebApp框架、执行JavaScript方法及装置、移动终端 | |
JP5816670B2 (ja) | 電子ドキュメント内の関心領域を選択し、表示するための方法とデバイス | |
CN1752979B (zh) | 网络浏览器图形用户界面及其实现方法 | |
US20030128234A1 (en) | Utilizing document white space to persistently display designated content | |
US20120297324A1 (en) | Navigation Control Availability | |
CN104834753A (zh) | 生成网页截图的方法及其装置 | |
CN101706796A (zh) | 展现网页资源的方法及装置 | |
CN106445500B (zh) | 提供用户界面的方法、系统及终端设备 | |
CN104615776A (zh) | 提供待展示信息的方法及装置 | |
JP2007233659A (ja) | ネットワークサービスにおける情報配信システム | |
US20090076909A1 (en) | Video channel ad system and method | |
CN107786882A (zh) | 一种网页显示方法、装置及机顶盒 | |
US8209324B2 (en) | Method and system for providing information in virtual space | |
CN105224611A (zh) | 基于浏览器的操作处理方法、装置以及浏览器 | |
US20130073399A1 (en) | Sidetabs | |
CN102880391A (zh) | 改变浏览器窗口显示的内容的显示控制设备及方法 | |
JP5303534B2 (ja) | 体裁情報処理装置及び方法 | |
WO2015051505A1 (en) | Method and system for displaying web page on device by automatically adapting the web page to the size of browser of the device | |
CN106951405B (zh) | 基于排版引擎的数据处理方法及装置 | |
CN106470351A (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 | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |