一种展现网页中页面元素的方法及系统技术方案

本发明专利技术公开了一种展现网页中页面元素的方法及系统，其中，所述方法包括：确定网页中的目标页面元素；将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。通过本发明专利技术，有利于提高网络资源的利用率。

【技术实现步骤摘要】

本专利技术涉及浏览器
，特别是涉及一种展现网页中页面元素的方法及系 统。
技术介绍
网络资源在通过网页以页面元素的形式提供给用户之后，其利用率不仅需要通过 网页的点击率来体现，还需要考虑具体的页面元素是否真正被用户浏览过或收听过，否则， 即使网页的点击率较高，那也可能只能代表该网页中部分网络资源的利用率较高。通常在展现网页中的页面元素时，都是直接将页面元素在其所属网页中的指定位 置进行展现。例如，当用户需要观看网页中的某个视频时，通常是在该网页中内嵌该视频的 位置直接为用户播放该视频。参见图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框架，移动所述目标页面元素。优选的，所述确定网页中的目标页面元素包括识别网页中预置类型的页面元素，自动将所述识别出的页面元素确定为所述目标 页面元素；或者，识别网页中预置类型的页面元素，向用户提供识别出的页面元素的展现入口，当 通过所述展现入口接收到用户请求展现页面元素的请求时，将所述用户请求展现的页面元 素确定为所述目标页面元素；或者，向用户提供网页中各页面元素的展现入口，当通过所述展现入口接收到用户请求 展现页面元素的请求时，将所述用户请求展现的页面元素确定为所述目标页面元素。一种展现网页中页面元素的系统，包括目标确定单元，用于确定网页中的目标页面元素；固定展现单元，用于将所述目标页面元素展现在所述网页所在的浏览器窗口中相 对所述浏览器窗口的固定位置。优选的，所述固定展现单元具体用于通过修改网页中页面元素的坐标类型，将所 述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。优选的，所述固定展现单元包括直接固定展现单元，用于修改所述目标页面元素的坐标类型，将所述目标页面元 素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。优选的，所述直接固定展现单元包括第一修改子单元，用于将所述目标页面元素的坐标类型设定为相对所述浏览器窗 口的固定坐标；或者，第二修改子单元，用于将所述目标页面元素的坐标类型设定为相对所述网页所在 的页面窗口的绝对坐标；所述系统还包括第一坐标更新单元，用于当滚动条发生滚动操 作时，计算滚动条的偏移值，根据所述偏移值，修本文档来自技高网...

【技术保护点】
１．一种展现网页中页面元素的方法，其特征在于，包括：确定网页中的目标页面元素；将所述目标页面元素展现在所述网页所在的浏览器窗口中相对所述浏览器窗口的固定位置。

【技术特征摘要】

【专利技术属性】
技术研发人员：万勇，
申请(专利权)人：北京搜狗科技发展有限公司，
类型：发明
国别省市：11