网页调整方法、装置及电子设备的制作方法
【专利摘要】本公开是关于一种网页调整方法、装置及电子设备，属于计算机领域。所述方法包括：接收网页调整指令，根据网页调整指令中包含的至少一个触控点坐标和网页的文件对象模型DOM树从网页的各个内容节点中确定目标内容节点；将目标内容节点对应的显示区域的中心调整至屏幕的中心。本公开通过根据接收到的网页调整指令中包含的至少一个触控点坐标的和该网页的文件对象模型DOM树从该网页的各个内容节点中确定目标内容节点，并将该目标内容节点对应的显示区域的中心调整至屏幕的中心，解决了相关技术中若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，达到简化用户操作，节约用户时间的效果。
【专利说明】网页调整方法、装置及电子设备
【技术领域】
[0001]本公开涉及计算机领域，尤其涉及一种网页调整方法、装置及电子设备。
【背景技术】
[0002]随着移动网络的发展以及便携式移动终端的普及，越来越多的用户通过智能手机、平板电脑或者电子书阅读器等电子设备进行网络活动，而网页浏览则是最重要的网络活动之一。
[0003]由于智能手机、平板电脑或者电子书阅读器等电子设备为了兼顾便携性，其屏幕的尺寸通常不会太大。而当前网络中已有的网页大多基于PCXPersonal Computer,个人计算机)进行开发，便携式电子设备在显示网页时，为了便于用户浏览，需要对网页进行调整。在相关技术中，便携式电子设备通常提供网页调整功能，用户在浏览网页时，可以通过手势操作将网页放大至适合浏览的尺寸，并通过拖拽操作移动网页，从而可以浏览网页的全部内容。
【发明内容】
[0004]为了解决相关技术中网页的移动需要用户手动拖拽，若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，本公开实施例提供了一种网页调整方法、装置及电子设备。所述技术方案如下:
[0005]第一方面，提供了一种网页调整方法，所述方法包括:
[0006]接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；
[0007]根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点；
[0008]将所述目标内容节点对应的显示区域的中心调整至屏幕的中心。
[0009]优选的，所述方法还包括:
[0010]根据所述目标内容节点对应的显示区域的当前尺寸和所述屏幕的尺寸计算缩放比例；
[0011]根据所述缩放比例对所述网页进行缩放。
[0012]优选的，所述根据所述至少一个触控点和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括:
[0013]当所述至少一个触控点坐标中包含一个触控点坐标时,根据所述网页的DOM树确定第一候选节点集合，所述第一候选节点集合中包含有所述触控点坐标所在的各个内容节
占.[0014]将所述第一候选节点集合中，显示宽度小于屏幕宽度且显示面积最大的内容节点确定为所述目标内容节点。
[0015]优选的，所述根据所述至少一个触控点和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括:
[0016]当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第二候选节点集合，所述第二候选节点集合中包含有与所述闭合曲线所围区域的相交面积占所述闭合曲线所围面积的比例大于预定比例阈值的内容节点；
[0017]将所述第二候选节点集合中显示面积最小的内容节点确定为所述目标内容节点。
[0018]优选的，所述根据所述至少一个触控点和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括:
[0019]当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第三候选节点集合，所述第三候选节点集合中包含有与所述闭合曲线所围区域的相交面积占显不面积的比例最大的内容节点；
[0020]将所述第三候选节点集合中显示面积最大的内容节点确定为所述目标内容节点。
[0021]优选的，所述方法还包括:
[0022]在接收所述网页调整指令之前，检测所述网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；
[0023]若检测结果为所述网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行所述接收所述网页调整指令的步骤。
[0024]第二方面，提供了一种网页调整装置，所述装置包括:
[0025]指令接收模块，用于接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；
[0026]目标节点确定模块，用于根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点；
[0027]调整模块，用于将所述目标内容节点对应的显示区域的中心调整至屏幕的中心。
[0028]优选的，所述装置还包括:
[0029]计算模块，用于根据所述目标内容节点对应的显示区域的当前尺寸和所述屏幕的尺寸计算缩放比例；
[0030]缩放模块，用于根据所述缩放比例对所述网页进行缩放。
[0031]优选的，所述目标节点确定模块，包括:
[0032]第一确定单元，用于当所述至少一个触控点坐标中包含一个触控点坐标时，根据所述网页的DOM树确定第一候选节点集合，所述第一候选节点集合中包含有所述触控点坐标所在的各个内容节点；
[0033]第二确定单元，用于将所述第一候选节点集合中，显示宽度小于屏幕宽度且显示面积最大的内容节点确定为所述目标内容节点。
[0034]优选的，所述目标节点确定模块，包括:
[0035]第三确定单元，用于当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第二候选节点集合，所述第二候选节点集合中包含有与所述闭合曲线所围区域的相交面积占所述闭合曲线所围面积的比例大于预定比例阈值的内容节点；
[0036]第四确定单元，用于将所述第二候选节点集合中显示面积最小的内容节点确定为所述目标内容节点。
[0037]优选的，所述目标节点确定模块，包括:[0038]第五确定单元，用于当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第三候选节点集合，所述第三候选节点集合中包含有与所述闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点；
[0039]第六确定单元，用于将所述第三候选节点集合中显示面积最大的内容节点确定为所述目标内容节点。
[0040]优选的，所述装置还包括:
[0041]检测模块，用于在接收所述网页调整指令之前，检测所述网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；
[0042]所述指令接收模块，用于若所述检测模块的检测结果为所述网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行所述接收所述网页调整指令的步骤。
[0043]第三方面，提供了 一种电子设备，所述电子设备包括:
[0044]处理器；
[0045]用于存储所述处理器可执行指令的存储器；
[0046]其中，所述处理器被配置为:
[0047]接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；
[0048]根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点；
[0049]将所述目标内容节点对应的显示区域的中心调整至屏幕的中心。
[0050]本公开实施例提供的技术方案可以带来以下有益效果:
[0051]通过接收包含有至少一个触控点坐标的网页调整指令，根据该至少一个触控点坐标和该网页的文件对象模型DOM树从该网页的各个内容节点中确定目标内容节点，并将该目标内容节点对应的显示区域的中心调整至屏幕的中心，只需要用户一次操作就可以将对应的内容节点的显示区域移动至适合用户浏览的屏幕中心位置，解决了相关技术中若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，达到简化用户操作，节约用户时间的效果。
[0052]应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
【专利附图】
【附图说明】
[0053]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
[0054]图1是根据一示例性实施例示出的一种网页调整方法的流程图；
[0055]图2是根据另一示例性实施例示出的一种网页调整方法的流程图；
[0056]图3是根据另一示例性实施例示出的一种用户操作示意图；
[0057]图4是根据另一示例性实施例示出的另一种用户操作示意图；
[0058]图5是根据另一示例性实施例示出的又一种用户操作示意图；
[0059]图6是根据另一示例性实施例示出的一种调整后的网页示意图；[0060]图7是根据又一示例性实施例示出的一种网页调整方法的流程图；
[0061]图8是根据一示例性实施例示出的一种网页调整装置的示意图；
[0062]图9是根据另一示例性实施例示出的一种网页调整装置的示意图；
[0063]图10是根据一示例性实施例示出的一种电子设备的框图；
[0064]图11是根据一示例性实施例示出的一种电子设备的框图。
【具体实施方式】
[0065]这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的设备和方法的例子。
[0066]图1是根据一示例性实施例示出的一种网页调整方法的流程图，如图1所示，该网页调整方法可以用于在电子设备中对当前显示的网页进行调整。该电子设备可以是智能手机、平板电脑或者电子书阅读器等。该网页调整方法可以包括以下步骤:
[0067]在步骤102中，接收网页调整指令，该网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，该网页调整指令中包含有至少一个触控点坐标；
[0068]在步骤104中，根据该至少一个触控点坐标和该网页的DOM (Document ObjectModel，文件对象模型)树从该网页的各个内容节点中确定目标内容节点；
[0069]在步骤106中，将该目标内容节点对应的显示区域的中心调整至屏幕的中心。
[0070]综上所述，本示例性实施例示出的网页调整方法，通过接收包含有至少一个触控点坐标的网页调整指令，根据该至少一个触控点坐标和该网页的文件对象模型DOM树从该网页的各个内容节点中确定目标内容节点，并将该目标内容节点对应的显示区域的中心调整至屏幕的中心，只需要用户一次操作就可以将对应的内容节点的显示区域移动至适合用户浏览的屏幕中心位置，解决了相关技术中若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，达到简化用户操作，节约用户时间的效果。
[0071]图2是根据另一示例性实施例示出的一种网页调整方法的流程图，如图2所示，该网页调整方法可以用于在电子设备中对当前显示的网页进行调整。该电子设备可以是智能手机、平板电脑或者电子书阅读器等。该网页调整方法可以包括以下步骤:
[0072]在步骤202中，接收网页调整指令，该网页调整指令中包含有至少一个触控点坐标；
[0073]网页调整指令为检测到对用户当前显示的网页的触控操作时生成的指令。其中，用户对当前显示的网页的触控操作可以是点击操作或者滑动操作。比如，若用户操作为点击操作，该网页调整指令中包含有用户点击位置的触控点坐标；若用户操作为滑动操作，且滑动轨迹为一个闭合曲线，则该网页调整指令中包含有该闭合曲线所经过的各个触控点坐标。
[0074]在步骤204中，当该至少一个触控点坐标中包含一个触控点坐标时，根据该网页的DOM树确定第一候选节点集合，该第一候选节点集合中包含有该触控点坐标所在的各个内容节点；
[0075]网页显示在屏幕中时，该网页的DOM树中的每个可视化内容节点都可以对应在屏幕中的某一块矩形显示区域。在这些可视化内容节点中，某些大节点可能包含一层或多层小节点，对应在屏幕中即显示为大的矩形显示区域包含一层或多层小的矩形显示区域。
[0076]以电子设备为智能手机为例，请参考图3所示的一种用户操作示意图，其中，当前网页中显示有4个一级可视化内容节点，分别对应图3中的四块矩形区域A、B、C和D ;B区域对应的一级可视化内容节点中又包含有一个二级可视化内容节点，对应图3中的矩形区域B1 J1区域对应的二级可视化内容节点中又包含有三个三级可视化内容节点，对应图3中的矩形区域Bn、B12和B13。用户在对该网页进行点击操作时，生成的网页调整指令包含有该用户点击位置的触控点坐标，智能手机根据该触控点坐标和网页的DOM树确定该触控点坐标处于B13区域内，则包含触控点坐标的区域有B、B1和B13 ;智能手机确定第一候选节点集合为区域B、B1和B13对应的内容节点组成的集合。
[0077]在步骤206中，将该第一候选节点集合中，显示宽度小于屏幕宽度且显示面积最大的内容节点确定为目标内容节点；
[0078]以图3为例，区域B的宽度与屏幕宽度相同，则第一候选节点集合中区域B1和B13对应的内容节点的显示宽度小于屏幕宽度，而区域B1的面积大于区域B13,因此，智能手机选择区域B1对应的内容节点为目标内容节点。
[0079]在步骤208中，当该至少一个触控点坐标为一段闭合曲线的坐标时，根据该网页的DOM树确定第二候选节点集合，该第二候选节点集合中包含有与该闭合曲线所围区域的相交面积占该闭合曲线所围面积的比例大于预定比例阈值的内容节点；
[0080]其中，该预定比例阈值可以是开发人员预先设置的比例阈值，比如50%、70%或者80%等，本示例性实施例对该预定比例阈值的数值不做限定。
[0081]以电子设备为智能手机,该预设比例阈值为50%为例，请参考图4所示的另一种用户操作示意图，其中，在初始时刻，智能手机在屏幕中显示整个网页的所有可视化内容节点，各个节点对应的显示区域如图4所示。用户在对该网页进行滑动操作时，滑动轨迹为一个闭合曲线，则生成的网页调整指令包含有该用户滑动轨迹上的各个触控点坐标，智能手机根据该滑动轨迹上的各个触控点坐标和网页的DOM树确定该各个触控点坐标围成的闭合曲线所覆盖到的显示区域有除区域A之外的所有区域，其中，与该闭合曲线所围区域的相交面积占该闭合曲线所围面积的比例大于50%的显示区域有区域B和B1，智能手机将区域B和B1对应的内容节点组成的集合确定为第二候选节点集合。
[0082]在步骤210中，将该第二候选节点集合中显示面积最小的内容节点确定为该目标内容节点；
[0083]以图4为例，由于区域B1的面积小于区域B的面积，因此，智能手机将区域B1对应的内容节点确定为目标内容节点。
[0084]在步骤212中，当该至少一个触控点坐标为一段闭合曲线的坐标时，根据该网页的DOM树确定第三候选节点集合，该第三候选节点集合中包含有与该闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点；
[0085]以电子设备为智能手机为例，请参考图5所示的另一种用户操作示意图，其中，在初始时刻，智能手机在屏幕中显示整个网页的所有可视化内容节点，各个节点对应的显示区域如图5所示。用户在对该网页进行滑动操作时，滑动轨迹为一个闭合曲线，则生成的网页调整指令包含有该用户滑动轨迹上的各个触控点坐标，智能手机根据该滑动轨迹上的各个触控点坐标和网页的DOM树确定该各个触控点坐标围成的闭合曲线所覆盖到的显示区域有除区域A之外的所有区域，其中，与该闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点有3个，分别区域Bn、B12和B13对应的内容节点，其比例均为100%，则智能手机将区域Bn、B12和B13对应的内容节点组成的集合确定为第三候选节点集合。
[0086]在步骤214中，将该第三候选节点集合中显示面积最大的内容节点确定为该目标内容节点；
[0087]以图5为例，其中区域B13的面积大于区域B11和B12的面积，因此，智能手机将区域B13对应的内容节点确定为目标内容节点。
[0088]在步骤216中，根据该目标内容节点对应的显示区域的当前尺寸和该屏幕的尺寸计算缩放比例，并根据该缩放比例对该网页进行缩放。
[0089]其中，电子设备可以预先设置该目标内容节点缩放后的显示区域占整个屏幕的最佳比例，比如，设置该目标内容节点缩放后的显示区域的宽度占屏幕宽度的最佳比例或者设置该目标内容节点缩放后的显示区域的高度占屏幕高度的最佳比例，该最佳比例可以是80%、100%、120%或者其它数值，对此，本示例性实施例不做限定。
[0090]以设置该目标内容节点缩放后的显示区域的宽度占屏幕宽度的最佳比例为100%为例，假设该目标内容节点对应的显示区域的当前宽度为5，而屏幕宽度为10，则缩放比例为+100%(即放大100%)，若显示区域的当前宽度为20，而屏幕宽度为10，则缩放比例为-50%(即缩小50%)ο
[0091]以图3至图5任一所示的用户操作示意图中所示的网页为例，假设智能手机通过步骤204?206或者步骤208?210或者步骤212?214任一所示的方法确定区域B1对应的可视化内容节点为目标内容节点，则将区域B1的中心调整至屏幕中心，同时按照计算出的缩放比例将区域B1的宽度调整为屏幕的宽度，调整后的网页示意图如图6所示。
[0092]综上所述，本示例性实施例示出的网页调整方法，通过接收包含有至少一个触控点坐标的网页调整指令，根据该至少一个触控点和该网页的文件对象模型DOM树从该网页的各个内容节点中确定目标内容节点，并将该目标内容节点对应的显示区域的中心调整至屏幕的中心，只需要用户一次操作就可以将对应的内容节点的显示区域移动至适合用户浏览的屏幕中心位置，解决了相关技术中若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，达到简化用户操作，节约用户时间的效果。
[0093]其次，本示例性实施例提供的网页调整方法，通过根据该目标内容节点对应的显示区域的当前尺寸和该屏幕的尺寸计算缩放比例，并根据该缩放比例对该网页进行缩放，将目标内容节点对应的显示区域调整至更佳的浏览尺寸，从而进一步提高用户体验，简化用户操作。
[0094]图7是根据又一示例性实施例示出的一种网页调整方法的流程图，如图7所示，该网页调整方法可以用于在电子设备中对当前显示的网页进行调整。该电子设备可以是智能手机、平板电脑或者电子书阅读器等。该网页调整方法可以包括以下步骤:
[0095]在步骤302中，检测当前显示的网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；
[0096]对网页进行缩放和移动时，需要占用一定的处理资源，并消耗一定的电量，而在实际应用中，并不是所有的网页在便携式电子设备中显示时都需要进行缩放或者移动，为了节约电子设备的处理资源和电量，可以只对需要进行调整的网页进行网页调整指令的响应。即检测当前显示的网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值，若小于，则该网页的字符在默认状态下显示面积较小，需要进行调整，否则，可以不进行调整。
[0097]其中，该面积阈值可以是一个固定值，也可以根据电子设备的屏幕的分辨率和尺寸进行确定。比如，开发人员可以通过人工标注的方式确定网络中不需要进行调整的网页的集合，并计算集合中的各个网页中的纯文本节点内的字符的平均显示面积S1，在显示网页时，电子设备首先获取当前网页的纯文本节点内的字符的平均显示面积S2，并判断S2< k*Sl是否成立，其中，k为可以是开发人员预先设置的比例参数，也可以是根据电子设备的屏幕的分辨率和尺寸确定的比例参数，对此，本示例性实施例不做限定。
[0098]在步骤304中，若当前显示的网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则接收网页调整指令，该网页调整指令中包含有至少一个触控点坐标；
[0099]网页调整指令为检测到对用户当前显示的网页的触控操作时生成的指令。其中，用户对当前显示的网页的触控操作可以是点击操作或者滑动操作。比如，若用户操作为点击操作，该网页调整指令中包含有用户点击位置的触控点坐标；若用户操作为滑动操作，且滑动轨迹为一个闭合曲线，则该网页调整指令中包含有该闭合曲线所经过的各个触控点坐标。
[0100]在步骤306中，当该至少一个触控点坐标中包含一个触控点坐标时，根据该网页的DOM树确定第一候选节点集合，该第一候选节点集合中包含有该触控点坐标所在的各个内容节点；
[0101 ] 网页显示在屏幕中时，该网页的DOM树中的每个可视化内容节点都可以对应在屏幕中的某一块矩形显示区域。在这些可视化内容节点中，某些大节点可能包含一层或多层小节点，对应在屏幕中即显示为大的矩形显示区域包含一层或多层小的矩形显示区域。
[0102]以电子设备为智能手机为例，请参考图3所示的一种用户操作示意图，其中，当前网页中显示有4个一级可视化内容节点，分别对应图3中的四块矩形区域A、B、C和D ;B区域对应的一级可视化内容节点中又包含有一个二级可视化内容节点，对应图3中的矩形区域B1 J1区域对应的二级可视化内容节点中又包含有三个三级可视化内容节点，对应图3中的矩形区域Bn、B12和B13。用户在对该网页进行点击操作时，生成的网页调整指令包含有该用户点击位置的触控点坐标，智能手机根据该触控点坐标和网页的DOM树确定该触控点坐标处于B13区域内，则包含触控点坐标的区域有B、B1和B13 ;智能手机确定第一候选节点集合为区域B、B1和B13对应的内容节点组成的集合。
[0103]在步骤308中，将该第一候选节点集合中，显示宽度小于屏幕宽度且显示面积最大的内容节点确定为目标内容节点；
[0104]以图3为例，区域B的宽度与屏幕宽度相同，则第一候选节点集合中区域B1和B13对应的内容节点的显示宽度小于屏幕宽度，而区域B1的面积大于区域B13,因此，智能手机选择区域B1对应的内容节点为目标内容节点。
[0105]在步骤310中，当该至少一个触控点坐标为一段闭合曲线的坐标时，根据该网页的DOM树确定第二候选节点集合，该第二候选节点集合中包含有与该闭合曲线所围区域的相交面积占该闭合曲线所围面积的比例大于预定比例阈值的内容节点；[0106]其中，该预定比例阈值可以是开发人员预先设置的比例阈值，比如50%、70%或者80%等，本示例性实施例对该预定比例阈值的数值不做限定。
[0107]以电子设备为智能手机，该预设比例阈值为50%为例，请参考图4所示的另一种用户操作示意图，其中，在初始时刻，智能手机在屏幕中显示整个网页的所有可视化内容节点，各个节点对应的显示区域如图4所示。用户在对该网页进行滑动操作时，滑动轨迹为一个闭合曲线，则生成的网页调整指令包含有该用户滑动轨迹上的各个触控点坐标，智能手机根据该滑动轨迹上的各个触控点坐标和网页的DOM树确定该各个触控点坐标围成的闭合曲线所覆盖到的显示区域有除区域A之外的所有区域，其中，与该闭合曲线所围区域的相交面积占该闭合曲线所围面积的比例大于50%的显示区域有区域B和B1,智能手机将区域B和B1对应的内容节点组成的集合确定为第二候选节点集合。
[0108]在步骤312中，将该第二候选节点集合中显示面积最小的内容节点确定为该目标内容节点；
[0109]以图4为例，由于区域B1的面积小于区域B的面积，因此，智能手机将区域B1对应的内容节点确定为目标内容节点。
[0110]在步骤314中，当该至少一个触控点坐标为一段闭合曲线的坐标时，根据该网页的DOM树确定第三候选节点集合，该第三候选节点集合中包含有与该闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点；
[0111]以电子设备为智能手机，请参考图5所示的另一种用户操作示意图，其中，在初始时刻，智能手机在屏幕中显示整个网页的所有可视化内容节点，各个节点对应的显示区域如图5所示。用户在对该网页进行滑动操作时，滑动轨迹为一个闭合曲线，则生成的网页调整指令包含有该用户滑动轨迹上的各个触控点坐标，智能手机根据该滑动轨迹上的各个触控点坐标和网页的DOM树确定该各个触控点坐标围成的闭合曲线所覆盖到的显示区域有除区域A之外的所有区域，其中，与该闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点有3个，分别区域Bn、B12和B13对应的内容节点，其比例均为100%，则智能手机将区域Bn、B12和B13对应的内容节点组成的集合确定为第三候选节点集合。
[0112]在步骤316中，将该第三候选节点集合中显示面积最大的内容节点确定为该目标内容节点；
[0113]以图5为例，其中区域B13的面积大于区域B11和B12的面积，因此，智能手机将区域B13对应的内容节点确定为目标内容节点。
[0114]在步骤318中，根据该目标内容节点对应的显示区域的当前尺寸和该屏幕的尺寸计算缩放比例，并根据该缩放比例对该网页进行缩放。
[0115]其中，电子设备可以预先设置该目标内容节点缩放后的显示区域占整个屏幕的最佳比例，比如，设置该目标内容节点缩放后的显示区域的宽度占屏幕宽度的最佳比例或者设置该目标内容节点缩放后的显示区域的高度占屏幕高度的最佳比例，该最佳比例可以是80%、100%、120%或者其它数值，对此，本示例性实施例不做限定。
[0116]以设置该目标内容节点缩放后的显示区域的宽度占屏幕宽度的最佳比例为100%为例，假设该目标内容节点对应的显示区域的当前宽度为5，而屏幕宽度为10，则缩放比例为+100%(即放大100%)，若显示区域的当前宽度为20，而屏幕宽度为10，则缩放比例为-50%(即缩小50%)ο[0117]以图3至图5任一所示的用户操作示意图中所示的网页为例，假设智能手机通过步骤306?308或者步骤310?312或者步骤314?316任一所示的方法确定区域B1对应的可视化内容节点为目标内容节点，则将区域B1的中心调整至屏幕中心，同时按照计算出的缩放比例将区域B1的宽度调整为屏幕的宽度，调整后的网页如图6所示。
[0118]综上所述，本示例性实施例示出的网页调整方法，通过接收包含有至少一个触控点坐标的网页调整指令，根据该至少一个触控点和该网页的文件对象模型DOM树从该网页的各个内容节点中确定目标内容节点，并将该目标内容节点对应的显示区域的中心调整至屏幕的中心，只需要用户一次操作就可以将对应的内容节点的显示区域移动至适合用户浏览的屏幕中心位置，解决了相关技术中若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，达到简化用户操作，节约用户时间的效果。
[0119]其次，本示例性实施例提供的网页调整方法，通过根据该目标内容节点对应的显示区域的当前尺寸和该屏幕的尺寸计算缩放比例，并根据该缩放比例对该网页进行缩放，将目标内容节点对应的显示区域调整至更佳的浏览尺寸，从而进一步提高用户体验，简化用户操作。
[0120]最后，本示例性实施例示出的网页调整方法，通过在接收该网页调整指令之前，检测该网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；若检测结果为该网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行该接收该网页调整指令的步骤，避免对不需要调整的网页进行调整，达到节约电子设备的处理资源和电量的效果。
[0121]图8是根据一示例性实施例示出的一种网页调整装置的示意图，如图8所示,该网页调整装置可以用于在电子设备中执行上述图1、图2或者图7任一所示的方法。该电子设备可以是智能手机、平板电脑或者电子书阅读器等。该网页调整装置可以包括:指令接收模块401、目标节点确定模块402以及调整模块403 ；
[0122]指令接收模块401设配置为用于接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；
[0123]目标节点确定模块402被设置为用于根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点；
[0124]调整模块403被设置为用于将所述目标内容节点对应的显示区域的中心调整至屏幕的中心。
[0125]综上所述，本示例性实施例示出的网页调整装置，通过接收包含有至少一个触控点坐标的网页调整指令，根据该至少一个触控点和该网页的文件对象模型DOM树从该网页的各个内容节点中确定目标内容节点，并将该目标内容节点对应的显示区域的中心调整至屏幕的中心，只需要用户一次操作就可以将对应的内容节点的显示区域移动至适合用户浏览的屏幕中心位置，解决了相关技术中若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，达到简化用户操作，节约用户时间的效果。
[0126]图9是根据另一示例性实施例示出的一种网页调整装置的示意图,如图9所示,该网页调整装置可以用于在电子设备中执行上述图1、图2或者图7任一所示的方法。该电子设备可以是智能手机、平板电脑或者电子书阅读器等。该网页调整装置可以包括:指令接收模块501、目标节点确定模块502以及调整模块503 ；
[0127]指令接收模块501设配置为用于接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标；
[0128]目标节点确定模块502被设置为用于根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点；
[0129]调整模块503被设置为用于将所述目标内容节点对应的显示区域的中心调整至屏幕的中心。
[0130]所述装置还包括:计算模块504和缩放模块505 ；
[0131]计算模块504被设置为用于根据所述目标内容节点对应的显示区域的当前尺寸和所述屏幕的尺寸计算缩放比例；
[0132]缩放模块505被设置为用于根据所述缩放比例对所述网页进行缩放。
[0133]所述目标节点确定模块502，包括:第一确定单元502a、检测单元502b以及第二确定单元502c ；
[0134]第一确定单元502a被设置为用于当所述至少一个触控点坐标中包含一个触控点坐标时，根据所述网页的DOM树确定第一候选节点集合，所述第一候选节点集合中包含有所述触控点坐标所在的各个内容节点；
[0135]第二确定单元502b被设置为用于将所述第一候选节点集合中，显示宽度小于屏幕宽度且显示面积最大的内容节点确定为所述目标内容节点。
[0136]所述目标节点确定模块502包括:第三确定单元502c和第四确定单元502d ；
[0137]第三确定单元502c被设置为用于当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第二候选节点集合，所述第二候选节点集合中包含有与所述闭合曲线所围区域的相交面积占所述闭合曲线所围面积的比例大于预定比例阈值的内容节点；
[0138]第四确定单元502d被设置为用于将所述第二候选节点集合中显示面积最小的内容节点确定为所述目标内容节点。
[0139]所述目标节点确定模块502，包括:第五确定单元502e和第六确定单元502f ；
[0140]第五确定单元502e被设置为用于当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第三候选节点集合，所述第三候选节点集合中包含有与所述闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点；
[0141]第六确定单元502f被设置为用于将所述第三候选节点集合中显示面积最大的内容节点确定为所述目标内容节点。
[0142]所述装置还包括:检测模块506 ；
[0143]检测模块506被设置为用于在接收所述网页调整指令之前，检测所述网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；
[0144]所述指令接收模块501被设置为用于若所述检测模块506的检测结果为所述网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行所述接收所述网页调整指令的步骤。
[0145]综上所述，本示例性实施例示出的网页调整装置，通过接收包含有至少一个触控点坐标的网页调整指令，根据该至少一个触控点和该网页的文件对象模型DOM树从该网页的各个内容节点中确定目标内容节点，并该目标内容节点对应的显示区域的中心调整至屏幕的中心，只需要用户一次操作就可以将对应的内容节点的显示区域移动至适合用户浏览的屏幕中心位置，解决了相关技术中若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，达到简化用户操作，节约用户时间的效果。
[0146]其次，本示例性实施例提供的网页调整装置，通过根据该目标内容节点对应的显示区域的当前尺寸和该屏幕的尺寸计算缩放比例，并根据该缩放比例对该网页进行缩放，将目标内容节点对应的显示区域调整至更佳的浏览尺寸，从而进一步提高用户体验，简化用户操作。
[0147]最后，本示例性实施例示出的网页调整装置，通过在接收该网页调整指令之前，检测该网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；若检测结果为该网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行该接收该网页调整指令的步骤，避免对不需要调整的网页进行调整，达到节约电子设备的处理资源和电量的效果。
[0148]图10是根据一不例性实施例不出的一种电子设备的框图，如图10所不,该电子设备可以用于对当前显示的网页进行调整。该电子设备可以是智能手机、平板电脑或者电子书阅读器等。该电子设备可以包括:
[0149]如上述图8或图9所示的网页调整装置001。
[0150]综上所述,本示例性实施例示出的电子设备，通过接收包含有至少一个触控点坐标的网页调整指令，根据该至少一个触控点和该网页的文件对象模型DOM树从该网页的各个内容节点中确定目标内容节点，并该目标内容节点对应的显示区域的中心调整至屏幕的中心，只需要用户一次操作就可以将对应的内容节点的显示区域移动至适合用户浏览的屏幕中心位置，解决了相关技术中若要将网页中的某一块内容调整至适合浏览的位置，通常需要用户经过多次调整操作的问题，达到简化用户操作，节约用户时间的效果。
[0151]其次，本示例性实施例提供的电子设备，通过根据该目标内容节点对应的显示区域的当前尺寸和该屏幕的尺寸计算缩放比例，并根据该缩放比例对该网页进行缩放，将目标内容节点对应的显示区域调整至更佳的浏览尺寸，从而进一步提高用户体验，简化用户操作。
[0152]最后，本示例性实施例示出的电子设备，通过在接收该网页调整指令之前，检测该网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值；若检测结果为该网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行该接收该网页调整指令的步骤，避免对不需要调整的网页进行调整，达到节约电子设备的处理资源和电量的效果。
[0153]图11是根据一示例性实施例示出的一种电子设备600的框图。例如，电子设备600可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。
[0154]参照图11，电子设备600可以包括以下一个或多个组件:处理组件602，存储器604，电源组件606，多媒体组件608，音频组件610，输入/输出(I/O)的接口 612，传感器组件614，以及通信组件616。[0155]处理组件602通常控制电子设备600的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件602可以包括一个或多个处理器620来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件602可以包括一个或多个模块，便于处理组件602和其他组件之间的交互。例如，处理组件602可以包括多媒体模块，以方便多媒体组件608和处理组件602之间的交互。
[0156]存储器604被配置为存储各种类型的数据以支持在电子设备600的操作。这些数据的示例包括用于在电子设备600上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器604可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPR0M)，可擦除可编程只读存储器(EPR0M)，可编程只读存储器(PR0M)，只读存储器(R0M)，磁存储器，快闪存储器，磁盘或光盘。存储器604中还存储有一个或多个模块，该一个或多个模块被配置成由该一个或多个处理器620执行，以完成上述图1、图2或者图7任一所示方法的全部或部分步骤。
[0157]电源组件606为电子设备600的各种组件提供电力。电源组件606可以包括电源管理系统，一个或多个电源，及其他与为电子设备600生成、管理和分配电力相关联的组件。
[0158]多媒体组件608包括在所述电子设备600和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(IXD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件608包括一个前置摄像头和/或后置摄像头。当电子设备600处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
[0159]音频组件610被配置为输出和/或输入音频信号。例如，音频组件610包括一个麦克风(MIC)，当电子设备600处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器604或经由通信组件616发送。在一些实施例中，音频组件610还包括一个扬声器，用于输出音频信号。
[0160]I/0接口 612为处理组件602和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
[0161]传感器组件614包括一个或多个传感器，用于为电子设备600提供各个方面的状态评估。例如，传感器组件614可以检测到电子设备600的打开/关闭状态，组件的相对定位，例如所述组件为电子设备600的显示器和小键盘，传感器组件614还可以检测电子设备600或电子设备600的一个组件的位置改变，用户与电子设备600接触的存在或不存在，电子设备600方位或加速/减速和电子设备600的温度变化。传感器组件614可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件614还可以包括光传感器，如CMOS或CXD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件614还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。
[0162]通信组件616被配置为便于电子设备600和其他设备之间有线或无线方式的通信。电子设备600可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件616经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件616还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。
[0163]在示例性实施例中，电子设备600可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。
[0164]在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器604，上述指令可由电子设备600的处理器620执行以完成上述方法。例如，该非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
[0165]本领域技术人员在考虑说明书及实践这里的公开后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本【技术领域】中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。
[0166]应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
【权利要求】
1.一种网页调整方法，其特征在于，所述方法包括: 接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标； 根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点； 将所述目标内容节点对应的显示区域的中心调整至屏幕的中心。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括: 根据所述目标内容节点对应的显示区域的当前尺寸和所述屏幕的尺寸计算缩放比例； 根据所述缩放比例对所述网页进行缩放。
3.根据权利要求1所述的方法，其特征在于，所述根据所述至少一个触控点坐标和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括: 当所述至少一个触控点坐标中包含一个触控点坐标时，根据所述网页的DOM树确定第一候选节点集合，所述第一候选节点集合中包含有所述触控点坐标所在的各个内容节点；将所述第一候选节点集合中，显示宽度小于屏幕宽度且显示面积最大的内容节点确定为所述目标内容节点。
4.根据权利要求1所述的方法，其特征在于，所述根据所述至少一个触控点坐标和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括: 当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第二候选节点集合，所述第二候选节点集合中包含有与所述闭合曲线所围区域的相交面积占所述闭合曲线所围面积的比例大于预定比例阈值的内容节点； 将所述第二候选节点集合中显示面积最小的内容节点确定为所述目标内容节点。
5.根据权利要求1所述的方法，其特征在于，所述根据所述至少一个触控点坐标和所述网页的DOM树从所述网页的各个内容节点中确定目标内容节点，包括: 当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第三候选节点集合，所述第三候选节点集合中包含有与所述闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点； 将所述第三候选节点集合中显示面积最大的内容节点确定为所述目标内容节点。
6.根据权利要求1所述的方法，其特征在于，所述方法还包括: 在接收所述网页调整指令之前，检测所述网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值； 若检测结果为所述网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行所述接收所述网页调整指令的步骤。
7.—种网页调整装置，其特征在于，所述装置包括: 指令接收模块，用于接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标； 目标节点确定模块，用于根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点； 调整模块，用于将所述目标 内容节点对应的显示区域的中心调整至屏幕的中心。
8.根据权利要求7所述的装置，其特征在于，所述装置还包括: 计算模块，用于根据所述目标内容节点对应的显示区域的当前尺寸和所述屏幕的尺寸计算缩放比例； 缩放模块，用于根据所述缩放比例对所述网页进行缩放。
9.根据权利要求7所述的装置，其特征在于，所述目标节点确定模块，包括: 第一确定单元，用于当所述至少一个触控点坐标中包含一个触控点坐标时，根据所述网页的DOM树确定第一候选节点集合，所述第一候选节点集合中包含有所述触控点坐标所在的各个内容节点； 第二确定单元，用于将所述第一候选节点集合中，显示宽度小于屏幕宽度且显示面积最大的内容节点确定为所述目标内容节点。
10.根据权利要求7所述的装置，其特征在于，所述目标节点确定模块，包括: 第三确定单元，用于当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第二候选节点集合，所述第二候选节点集合中包含有与所述闭合曲线所围区域的相交面积占所述闭合曲线所围面积的比例大于预定比例阈值的内容节点； 第四确定单元，用于将所述第二候选节点集合中显示面积最小的内容节点确定为所述目标内容节点。
11.根据权利要求7所述的装置，其特征在于，所述目标节点确定模块，包括: 第五确定单元，用于当所述至少一个触控点坐标为一段闭合曲线的坐标时，根据所述网页的DOM树确定第三候选节点集合，所述第三候选节点集合中包含有与所述闭合曲线所围区域的相交面积占显示面积的比例最大的内容节点； 第六确定单元，用于将所述第三候选节点集合中显示面积最大的内容节点确定为所述目标内容节点。
12.根据权利要求7所述的装置，其特征在于，所述装置还包括: 检测模块，用于在接收所述网页调整指令之前，检测所述网页中的纯文本节点内的字符的平均显示面积是否小于预设的面积阈值； 所述指令接收模块，用于若所述检测模块的检测结果为所述网页中的纯文本节点内的字符的平均显示面积小于预设的面积阈值，则执行所述接收所述网页调整指令的步骤。
13.—种电子设备,其特征在于,所述电子设备包括: 处理器； 用于存储所述处理器可执行指令的存储器； 其中，所述处理器被配置为: 接收网页调整指令，所述网页调整指令为检测到对当前显示的网页的触控操作时生成的指令，所述网页调整指令中包含有至少一个触控点坐标； 根据所述至少一个触控点坐标和所述网页的文件对象模型DOM树从所述网页的各个内容节点中确定目标内容节点； 将所述目标内容节点对应 的显示区域的中心调整至屏幕的中心。
【文档编号】G06F3/0488GK103885712SQ201410108833
【公开日】2014年6月25日 申请日期:2014年3月21日 优先权日:2014年3月21日
【发明者】杜中义, 左景龙, 徐国市 申请人:小米科技有限责任公司