网页调整方法、装置及电子设备制造方法及图纸

本公开是关于一种网页调整方法、装置及电子设备，属于计算机领域。所述方法包括：接收网页调整指令，根据网页调整指令中包含的至少一个触控点坐标和网页的文件对象模型DOM树从网页的各个内容节点中确定目标内容节点；将目标内容节点对应的显示区域的中心调整至屏幕的中心。本公开通过根据接收到的网页调整指令中包含的至少一个触控点坐标的和该网页的文件对象模型DOM树从该网页的各个内容节点中确定目标内容节点，并将该目标内容节点对应的显示区域的中心调整至屏幕的中心，解决了相关技术中若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，达到简化用户操作，节约用户时间的效果。

【技术实现步骤摘要】
网页调整方法、装置及电子设备
本公开涉及计算机领域，尤其涉及一种网页调整方法、装置及电子设备。
技术介绍
随着移动网络的发展以及便携式移动终端的普及，越来越多的用户通过智能手机、平板电脑或者电子书阅读器等电子设备进行网络活动，而网页浏览则是最重要的网络活动之一。由于智能手机、平板电脑或者电子书阅读器等电子设备为了兼顾便携性，其屏幕的尺寸通常不会太大。而当前网络中已有的网页大多基于PC(PersonalComputer，个人计算机)进行开发，便携式电子设备在显示网页时，为了便于用户浏览，需要对网页进行调整。在相关技术中，便携式电子设备通常提供网页调整功能，用户在浏览网页时，可以通过手势操作将网页放大至适合浏览的尺寸，并通过拖拽操作移动网页，从而可以浏览网页的全部内容。
技术实现思路
为了解决相关技术中网页的移动需要用户手动拖拽，若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，本公开实施例提供了一种网页调整方法、装置及电子设备。所述技术方案如下：第一方面，提供了一种网页调整方法，所述方法包括：接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点，所述网页的文件对象模型DOM树中的每个可视化内容节点对应显示所述网页的屏幕中的一块矩形区域；将所述目标内容节点对应的显示区域的中心调整至屏幕的中心。优选的，所述方法还包括：根据所述目标内容节点对应的显示区域的当前尺寸和所述屏幕的尺寸计算缩放比例；根据所述缩放比例对所述网页进行缩放。优选的，所述根据所述至少一个触控点和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括：当所述至少一个触控点坐标中包含一个触控点坐标时，根据所述网页的DOM树确定第一候选节点集合，所述第一候选节点集合中包含有所述触控点坐标所在的各个内容节点；将所述第一候选节点集合中，显示宽度小于屏幕宽度且显示面积最大的内容节点确定为所述目标内容节点。优选的，所述根据所述至少一个触控点和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括：当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第二候选节点集合，所述第二候选节点集合中包含有与所述闭合曲线所围区域的相交面积占所述闭合曲线所围面积的比例大于预定比例阈值的内容节点；将所述第二候选节点集合中显示面积最小的内容节点确定为所述目标内容节点。优选的，所述根据所述至少一个触控点和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括：当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第三候选节点集合，所述第三候选节点集合中包含有与所述闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点；将所述第三候选节点集合中显示面积最大的内容节点确定为所述目标内容节点。在第一方面中，所述方法还包括：在接收所述网页调整指令之前，检测所述网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；若检测结果为所述网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行所述接收所述网页调整指令的步骤。第二方面，提供了一种网页调整装置，所述装置包括：指令接收模块，用于接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；目标节点确定模块，用于根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点，所述网页的文件对象模型DOM树中的每个可视化内容节点对应显示所述网页的屏幕中的一块矩形区域；调整模块，用于将所述目标内容节点对应的显示区域的中心调整至屏幕的中心。优选的，所述装置还包括：计算模块，用于根据所述目标内容节点对应的显示区域的当前尺寸和所述屏幕的尺寸计算缩放比例；缩放模块，用于根据所述缩放比例对所述网页进行缩放。优选的，所述目标节点确定模块，包括：第一确定单元，用于当所述至少一个触控点坐标中包含一个触控点坐标时，根据所述网页的DOM树确定第一候选节点集合，所述第一候选节点集合中包含有所述触控点坐标所在的各个内容节点；第二确定单元，用于将所述第一候选节点集合中，显示宽度小于屏幕宽度且显示面积最大的内容节点确定为所述目标内容节点。优选的，所述目标节点确定模块，包括：第三确定单元，用于当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第二候选节点集合，所述第二候选节点集合中包含有与所述闭合曲线所围区域的相交面积占所述闭合曲线所围面积的比例大于预定比例阈值的内容节点；第四确定单元，用于将所述第二候选节点集合中显示面积最小的内容节点确定为所述目标内容节点。优选的，所述目标节点确定模块，包括：第五确定单元，用于当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第三候选节点集合，所述第三候选节点集合中包含有与所述闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点；第六确定单元，用于将所述第三候选节点集合中显示面积最大的内容节点确定为所述目标内容节点。在第二方面中，所述装置还包括：检测模块，用于在接收所述网页调整指令之前，检测所述网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；所述指令接收模块，用于若所述检测模块的检测结果为所述网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行所述接收所述网页调整指令的步骤。第三方面，提供了一种电子设备，所述电子设备包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为：接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点，所述网页的文件对象模型DOM树中的每个可视化内容节点对应显示所述网页的屏幕中的一块矩形区域；将所述目标内容节点对应的显示区域的中心调整至屏幕的中心；其中，所述处理器还被配置为：在接收所述网页调整指令之前，检测所述网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；若检测结果为所述网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行所述接收所述网页调整指令的步骤。本公开实施例提供的技术方案可以带来以下有益效果：通过接收包含有至少一个触控点坐标的网页调整指令，根据该至少一个触控点坐标和该网页的文件对象模型DOM树从该网页的各个内容节点中确定目标内容节点，并将该目标内容节点对应的显示区域的中心调整至屏幕的中心，只需要用户一次操作就可以将对应的内容节点的显示区域移动至适合用户浏览的屏幕中心位置，解决了相关技术中若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，达到简化用户操作，节约用户时间的效果。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。附本文档来自技高网...

【技术保护点】
一种网页调整方法，其特征在于，所述方法包括：接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点；将所述目标内容节点对应的显示区域的中心调整至屏幕的中心。

【技术特征摘要】
1.一种网页调整方法，其特征在于，所述方法包括：接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点，所述网页的文件对象模型DOM树中的每个可视化内容节点对应显示所述网页的屏幕中的一块矩形区域；将所述目标内容节点对应的显示区域的中心调整至屏幕的中心；其中，所述方法还包括：在接收所述网页调整指令之前，检测所述网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；若检测结果为所述网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行所述接收所述网页调整指令的步骤。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：根据所述目标内容节点对应的显示区域的当前尺寸和所述屏幕的尺寸计算缩放比例；根据所述缩放比例对所述网页进行缩放。3.根据权利要求1所述的方法，其特征在于，所述根据所述至少一个触控点坐标和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括：当所述至少一个触控点坐标中包含一个触控点坐标时，根据所述网页的DOM树确定第一候选节点集合，所述第一候选节点集合中包含有所述触控点坐标所在的各个内容节点；将所述第一候选节点集合中，显示宽度小于屏幕宽度且显示面积最大的内容节点确定为所述目标内容节点。4.根据权利要求1所述的方法，其特征在于，所述根据所述至少一个触控点坐标和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括：当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第二候选节点集合，所述第二候选节点集合中包含有与所述闭合曲线所围区域的相交面积占所述闭合曲线所围面积的比例大于预定比例阈值的内容节点；将所述第二候选节点集合中显示面积最小的内容节点确定为所述目标内容节点。5.根据权利要求1所述的方法，其特征在于，所述根据所述至少一个触控点坐标和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括：当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第三候选节点集合，所述第三候选节点集合中包含有与所述闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点；将所述第三候选节点集合中显示面积最大的内容节点确定为所述目标内容节点。6.一种网页调整装置，其特征在于，所述装置包括：指令接收模块，用于接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；目标节点确定模块，用于根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点，所述网页的文件对象模型DOM树中的每个可视化内容节点对应显示所述网...

【专利技术属性】
技术研发人员：杜中义，左景龙，徐国市，
申请(专利权)人：小米科技有限责任公司，
类型：发明
国别省市：北京;11