网页处理方法及相关产品技术

本发明专利技术实施例提供一种网页处理方法及相关产品，其中的方法包括：若在当前显示的目标网页中检测到触发事件，获取所述触发事件涉及的位置坐标；按照显示层级关系遍历查找所述目标网页中与所述位置坐标相对应的至少一个网页元素，其中，所述位置坐标与所述至少一个网页元素相对应是指所述位置坐标位于所述至少一个网页元素的显示区域范围内；若所述至少一个网页元素中存在包括图片的网页元素，输出包含图片的关联操作选项的操作菜单。本发明专利技术能够提升网页处理的智能性，丰富交互功能，提升交互体验性。

Web Page Processing Method and Related Products

【技术实现步骤摘要】
网页处理方法及相关产品
本专利技术涉及互联网
，具体涉及网页处理
，尤其涉及一种网页处理方法、一种网页处理装置、一种计算机存储介质及一种终端。
技术介绍
随着互联网的发展以及终端性能的提升，越来越多的用户选择在诸如手机、PAD(平板电脑)等终端上利用碎片时间、随时随地的浏览网页。用户在浏览网页的过程中，如果遇到感兴趣的图片(静态图片或动态图片)通常会想要对图片执行进一步操作，例如：全屏查看图片、保存图片等等；以目前最常用的触屏手机为例，用户使用手机浏览器浏览网页的过程中，如果想要将当前显示的网页中的某图片保存至手机中，可以用手指在手机屏幕上长按点击该图片对应的显示区域，此时浏览器会获取长按点击位置在手机屏幕上的坐标，然后获取网页中显示区域包括该坐标且显示层属于最上层的网页元素；如果该网页元素就是用户所看到的图片，那么弹出包含图片相关的一些操作选项(如查看图片、保存图片)的操作菜单供用户选择。但实践发现，上述的现有技术方案存在如下的缺点：仅能针对显示层位于最上层的图片进行操作，如果用户所看到的图片之上还覆盖有其他透明元素，也就是若用户所看到的图片位于底层，那么就会出现用户无法对所看到的图片进行进一步的关联操作的情况，这降低了网页处理的智能性，降低交互体验性。
技术实现思路
本专利技术实施例提供一种网页处理方法及相关产品，能够提升网页处理的智能性，丰富交互功能，提升交互体验性。一方面，本专利技术实施例提供一种网页处理方法，所述方法包括：若在当前显示的目标网页中检测到触发事件，获取所述触发事件涉及的位置坐标；按照显示层级关系遍历查找所述目标网页中与所述位置坐标相对应的至少一个网页元素，其中，所述位置坐标与所述至少一个网页元素相对应是指所述位置坐标位于所述至少一个网页元素的显示区域范围内；若所述至少一个网页元素中存在包括图片的网页元素，输出包含图片的关联操作选项的操作菜单。在上述技术方案中，会按照显示层级关系在各个显示层遍历查找图片，而不局限于仅在最上层显示层进行查找，这使得无论图片是处于上层显示层还是底层显示层，均能够对应输出其关联操作选项，以便于对图片执行进一步操作，提升了图片处理的智能性。作为一种可能的实施方式，所述若所述至少一个网页元素中存在包括图片的网页元素，输出包含图片的关联操作选项的操作菜单，包括：若所述至少一个网页元素中存在包括图片的网页元素，获取所述图片的关联操作选项，所述图片的关联操作选项包括以下至少一项：保存图片、查看图片、分享图片；生成并输出包含所述图片的关联操作选项的操作菜单。在上述实施方式中，不仅能够为用户提供保存图片、查看图片等传统的关联操作选项，还进一步提供了分享图片的关联操作选项，这提供了更丰富的交互功能，使得用户能够更为便捷的使用图片，提升了交互体验性。作为另一种可能的实施方式，所述方法还包括：识别所述图片中是否包含图形码；若包含则获取图形码的关联操作选项，所述图形码的关联操作选项至少包括：识别图片中的图形码；将所述图形码的关联操作选项添加至所述操作菜单中。在上述实施方式中，如果图片中包含图形码，那么就在操作菜单中添加诸如识别图片中的图形码这样的关联操作选项，进一步丰富了交互功能，使得用户能够更为便捷的操作图片中的内容，进一步提升了交互体验性。作为又一种可能的实施方式，所述方法还包括：获取所述当前显示的目标网页的HTML(HyperTextMarkupLanguage，超文本标记语言)文档，所述HTML文档包含多个网页元素；对所获取的HTML文档进行解析生成DOM(DocumentObjectModel，文档对象模型)树，所述DOM树包括多个DOM节点，所述DOM节点与所述网页元素一一对应；根据所述DOM树构建Render(渲染)树，所述Render树包括多个Render节点，一个Render节点对应至少一个DOM节点。在上述实施方式中，通过网页解析，DOM树、Render树的构建，并建立三者之间的对应关系，有利于实现遍历查找，提升网页处理的效率。作为又一种可能的实施方式，所述按照显示层级关系遍历查找所述目标网页中与所述位置坐标相对应的至少一个网页元素，包括：按照显示层级关系从所述Render树中遍历查找显示区域范围包括所述位置坐标，且显示层级参数最大的第一Render节点，其中，显示层级参数越大，显示层所处位置越上层；显示层级参数越小，显示层所处位置越底层；将所述第一Render节点确定为目标Render节点；从DOM树中查找与目标Render节点相对应的目标DOM节点；判断所述目标DOM节点对应网页元素是否包括图片，若判断结果是则结束遍历。具体实现中，所述按照显示层级关系遍历查找所述目标网页中与所述位置坐标相对应的至少一个网页元素，还包括：若判断结果为否，按照显示层级关系从所述Render树中继续遍历查找显示区域范围包括所述位置坐标，且属于所述第一Render节点的父亲的第二Render节点；确认所述第二Render节点是否为根节点，若确认结果为是则结束遍历；若确认结果为否，按照显示层级参数从大到小的顺序遍历未被遍历过的属于所述第二Render节点的孩子且层级参数为正的第三Render节点，并将所述第三Render节点重新确定为目标Render节点。在上述实施方式中，按照显示层级关系在各个显示层遍历查找图片，而不局限于仅在最上层显示层进行查找，这便于对图片执行进一步操作，提升了图片处理的智能性。作为又一种可能的实施方式，所述方法还包括：若检测到针对操作菜单中各选项的选定事件，按照所选定的选项执行相应的业务处理。具体实现中，所述若检测到针对操作菜单中各选项的选定事件，按照所选定的选项执行相应的业务处理，包括：若所选定的选项为保存图片，则将所述图片存储至终端的存储空间中；若所选定的选项为查看图片，则调用终端的图片查看器以显示所述图片；若所选定的选项为分享图片，则将所述图片分享至终端的社交应用中。具体实现中，所述若检测到针对操作菜单中各选项的选定事件，按照所选定的选项执行相应的业务处理，还包括：若所选定的选项为识别图片中的图形码，则解析所述图形码得到解析结果；若所述解析结果为字符串则输出字符串；若所述解析结果为URL(UniformResourceLocator，统一资源定位符)，则访问所述URL对应的网页。在上述实施方式中，响应于对操作菜单中的各选项的选定操作，对图片或图片中的图形码进行进一步的处理，提升了图片的利用率，提升了交互智能性。另一方面，本专利技术实施例提供了一种网页处理装置，所述装置包括：坐标获取单元，用于若在当前显示的目标网页中检测到触发事件，获取所述触发事件涉及的位置坐标；遍历单元，用于按照显示层级关系遍历查找所述目标网页中与所述位置坐标相对应的至少一个网页元素，其中，所述位置坐标与所述至少一个网页元素相对应为：所述位置坐标位于所述至少一个网页元素的显示区域范围内；输出单元，用于若所述至少一个网页元素中存在包括图片的网页元素，输出包含图片的关联操作选项的操作菜单。在上述技术方案中，会按照显示层级关系在各个显示层遍历查找图片，而不局限于仅在最上层显示层进行查找，这使得无论图片是处于上层显示层还是底层显示层，均能够对应输出其关联操作选项，以便于对图片执行进本文档来自技高网...

【技术保护点】
1.一种网页处理方法，其特征在于，包括：若在当前显示的目标网页中检测到触发事件，获取所述触发事件涉及的位置坐标；按照显示层级关系遍历查找所述目标网页中与所述位置坐标相对应的至少一个网页元素，其中，所述位置坐标与所述至少一个网页元素相对应是指所述位置坐标位于所述至少一个网页元素的显示区域范围内；若所述至少一个网页元素中存在包括图片的网页元素，输出包含图片的关联操作选项的操作菜单。

【技术特征摘要】
1.一种网页处理方法，其特征在于，包括：若在当前显示的目标网页中检测到触发事件，获取所述触发事件涉及的位置坐标；按照显示层级关系遍历查找所述目标网页中与所述位置坐标相对应的至少一个网页元素，其中，所述位置坐标与所述至少一个网页元素相对应是指所述位置坐标位于所述至少一个网页元素的显示区域范围内；若所述至少一个网页元素中存在包括图片的网页元素，输出包含图片的关联操作选项的操作菜单。2.如权利要求1所述的方法，其特征在于，所述若所述至少一个网页元素中存在包括图片的网页元素，输出包含图片的关联操作选项的操作菜单，包括：若所述至少一个网页元素存在包括图片的网页元素，获取所述图片的关联操作选项，所述图片的关联操作选项包括以下至少一项：保存图片、查看图片、分享图片；生成并输出包含所述图片的关联操作选项的操作菜单。3.如权利要求2所述的方法，其特征在于，还包括：识别所述图片中是否包含图形码；若包含则获取图形码的关联操作选项，所述图形码的关联操作选项至少包括：识别图片中的图形码；将所述图形码的关联操作选项添加至所述操作菜单中。4.如权利要求1-3任一项所述的方法，其特征在于，还包括：获取所述当前显示的目标网页的HTML文档，所述HTML文档包含多个网页元素；对所获取的HTML文档进行解析生成DOM树，所述DOM树包括多个DOM节点，所述DOM节点与所述网页元素一一对应；根据所述DOM树构建Render树，所述Render树包括多个Render节点，一个Render节点对应至少一个DOM节点。5.如权利要求4所述的方法，其特征在于，所述按照显示层级关系遍历查找所述目标网页中与所述位置坐标相对应的至少一个网页元素，包括：按照显示层级关系从所述Render树中遍历查找显示区域范围包括所述位置坐标，且显示层级参数最大的第一Render节点，其中，显示层级参数越大，显示层所处位置越上层；显示层级参数越小，显示层所处位置越底层；将所述第一Render节点确定为目标Render节点；从DOM树中查找与目标Render节点相对应的目标DOM节点；判断所述目标DOM节点对应网页元素是否包括图片，若判断结果是则结束遍历。6.如权利要求5所述的方法，其特征在于，所述按照显示层级关系遍历查找所述目标网页中与所述位置坐标相对应的至少一个网页元素，还包括：若判断结...

【专利技术属性】
技术研发人员：应玉龙，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东,44