定位页面内容的方法及装置制造方法
【专利摘要】本发明实施例公开了定位页面内容的方法及装置，所述方法包括：提取页面内容的标题标签，所述标题标签包括标题主体和标题内容；按照所述标题主体的层级关系生成由所述标题内容组成的列表索引；将所述列表索引浮动显示在显示界面上；当接收到用户对所述列表索引中的第一标题内容的操作命令时，定位到所述页面内容上所述第一标题内容所在的位置。由于本发明实施例可以将生成的列表索引浮动显示在显示界面上，因此用户在浏览页面内容的过程中，可以随时通过点击列表索引中的标题内容定位到页面内容的对应位置上，尤其在内容较长的页面中进行定位时，由于无需用户进行繁琐的滚动操作，因此定位操作便捷，提升了用户浏览页面内容的体验。
【专利说明】定位页面内容的方法及装置
【技术领域】
[0001 ] 本发明涉及通信【技术领域】，特别涉及定位页面内容的方法及装置。
【背景技术】
[0002]超文本标记语言(Hypertext Markup Language, HTML)标记标签通常被称为HTML标签(HTML tag)，HTML标签是HTML语言中最基本的单位，其中常用到的标题标签(headingtags)由标题主体和标题内容两部分组成，标题主体用hl-h6表示，用于为页面生成不同层次的标题，标题内容可以是文字或图片等。当终端浏览器在加载页面时，可以对页面内容进行解析，并将解析得到的标题内容用加粗或加大字体的方式进行呈现，或者级联样式表(Cascading Style Sheet, CSS)指定的方式进行呈现，以便与页面的正文内容进行区别。
[0003]发明人在对现有技术的研究过程中发现，通过加粗或加大字体的方式显示标题内容时，用户只能通过在浏览器上执行滚动操作来定位标题内容，如果页面内容较长，则定位操作繁琐；而通过CSS方式显示标题内容时，标题内容通常按照层级关系固定在页面的起始位置，用户虽然查看方便，但在浏览页面过程中，如果需要查看标题内容，则仍然需要执行滚动操作到页面的起始位置，因此定位操作同样繁琐。
【发明内容】
[0004]本发明实施例中提供了定位页面内容的方法、装置及终端，以解决现有技术中标题内容的呈现方式导致定位页面内容时操作繁琐的问题。
[0005]为了解决上述技术问题，本发明实施例公开了如下技术方案:
[0006]第一方面，提供一种定位页面内容的方法，所述方法包括:
[0007]提取页面内容的标题标签，所述标题标签包括标题主体和标题内容；
[0008]按照所述标题主体的层级关系生成由所述标题内容组成的列表索引；
[0009]将所述列表索引浮动显示在显示界面上；
[0010]当接收到用户对所述列表索引中的第一标题内容的操作命令时，定位到所述页面内容上所述第一标题内容所在的位置。
[0011]结合第一方面，在第一方面的第一种可能的实现方式中，所述提取页面内容的标题标签，包括:
[0012]识别组成页面内容的内容区域；
[0013]当识别出多个内容区域时，根据设置的区域范围阈值从所述多个内容区域中选择主内容区域；
[0014]提取所述主内容区域的标题标签。
[0015]结合第一方面，或第一方面的第一种可能的实现方式，在第一方面的第二种可能的实现方式中，所述将所述列表索引浮动显示在显示界面上，包括:
[0016]在所述显示界面上为所述列表索引生成浮动控件；
[0017]当接收到用户对所述浮动控件的触发指令时，在所述显示界面上呈现所述列表索引。
[0018]结合第一方面的第二种可能的实现方式，在第一方面的第三种可能的实现方式中，所述在所述显示界面上呈现所述列表索引，包括:
[0019]当所述列表索引中的标题内容为文字内容时，按照设置的文字长度阈值呈现所述文字内容；
[0020]当所述列表索引中的标题内容为图片内容时，按照设置的图片大小阈值采用填充方式显示所述图片内容。
[0021]结合第一方面，或第一方面的第一种可能的实现方式，或第一方面的第二种可能的实现方式，或第一方面的第三种可能的实现方式，在第一方面的第四种可能的实现方式中，所述定位到所述页面内容上所述第一标题内容所在的位置，包括:
[0022]获取所述第一标题内容所属标题标签的位置属性；
[0023]跳转到所述页面内容上由所述位置属性指示的位置。
[0024]第二方面，提供一种定位页面内容的装置，所述装置包括:
[0025]提取单元，用于提取页面内容的标题标签，所述标题标签包括标题主体和标题内容；
[0026]生成单元，用于按照所述提取单元提取的标题主体的层级关系生成由所述标题内容组成的列表索引；
[0027]显示单元，用于将所述生成单元生成的列表索引浮动显示在显示界面上；
[0028]定位单元，用于当接收到用户对所述显示单元显示的列表索引中的第一标题内容的操作命令时，定位到所述页面内容上所述第一标题内容所在的位置。
[0029]结合第二方面，在第二方面的第一种可能的实现方式中，所述提取单元包括:
[0030]区域识别子单元，用于识别组成页面内容的内容区域；
[0031]区域选择子单元，用于当所述区域识别子单元识别出多个内容区域时，根据设置的区域范围阈值从所述多个内容区域中选择主内容区域；
[0032]标签提取子单元，用于提取所述区域选择子单元选择的主内容区域的标题标签。
[0033]结合第二方面，或第二方面的第一种可能的实现方式，在第二方面的第二种可能的实现方式中，所述显示单元包括:
[0034]控件生成子单元，用于在所述显示界面上为所述列表索引生成浮动控件；
[0035]列表呈现子单元，用于当接收到用户对所述控件生成子单元生成的浮动控件的触发指令时，在所述显示界面上呈现所述列表索引。
[0036]结合第二方面的第二种可能的实现方式，在第二方面的第三种可能的实现方式中，所述列表呈现子单元，具体用于当所述列表索引中的标题内容为文字内容时，按照设置的文字长度阈值呈现所述文字内容，当所述列表索引中的标题内容为图片内容时，按照设置的图片大小阈值采用填充方式显示所述图片内容。
[0037]结合第二方面，或第二方面的第一种可能的实现方式，或第二方面的第二种可能的实现方式，或第二方面的第三种可能的实现方式，在第二方面的第四种可能的实现方式中，所述定位单元包括:
[0038]位置获取子单元，用于获取所述第一标题内容所属标题标签的位置属性；
[0039]位置跳转子单元，用于跳转到所述页面内容上由所述位置获取子单元获取的位置属性指示的位置。
[0040]第三方面，提供一种终端，所述终端包括前述任意一项所述的装置。
[0041]本发明实施例中，提取页面内容的标题标签，按照标题标签的标题主体的层级关系生成由标题内容组成的列表索引，将列表索引浮动显示在显示界面上，当接收到用户对列表索引中的第一标题内容的操作命令时，定位到页面内容上第一标题内容所在的位置。由于本发明实施例可以将生成的列表索引浮动显示在显示界面上，因此用户在浏览页面内容的过程中，可以随时通过点击列表索引中的标题内容定位到页面内容的对应位置上，尤其在内容较长的页面中进行定位时，由于无需用户进行繁琐的滚动操作，因此定位操作便捷，提升了用户浏览页面内容的体验。
【专利附图】
【附图说明】
[0042]为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0043]图1为本发明定位页面内容的方法的一个实施例流程图；
[0044]图2A为本发明定位页面内容的方法的另一个实施例流程图；
[0045]图2B为图2A所示实施例中页面内容的内容区域示意图；
[0046]图2C为图2A所示实施例中列表索引的结构示意图；
[0047]图3为本发明定位页面内容的装置的实施例框图；
[0048]图4为本发明终端的实施例框图。
【具体实施方式】
[0049]为了使本【技术领域】的人员更好地理解本发明实施例中的技术方案，并使本发明实施例的上述目的、特征和优点能够更加明显易懂，下面结合附图对本发明实施例中技术方案作进一步详细的说明。
[0050]参见图1，为本发明定位页面内容的方法的一个实施例流程图:
[0051]步骤101:提取页面内容的标题标签，该标题标签包括标题主体和标题内容。
[0052]本发明实施例可以应用在智能终端上浏览器对页面的浏览，智能终端可以具体为各种智能手机、PAD等。其中，页面内容通过HTML进行描述，当浏览器加载页面过程中，提取页面内容中的标题标签，本实施例中提取的标题标签主要指用于指示页面内容标题(head)的标签,该标题标签包括标题主体和标题内容,其中标题主体用hl_h6进行表示，“h”后的数字用来表示标题标签的层级，标题内容可以为文字或图片等，例如，一个标签为<hl>XXXXXX〈/hl>，其中标题主体为“hl”，标题内容为“XXXXXX”。
[0053]本实施例中，页面内容可能分为多个内容区域，因此进一步的，可以识别组成页面内容的内容区域，如果仅有一个内容区域，则直接提取该内容区域的标题标签，如果识别出多个内容区域时，可以根据设置的区域范围阈值从多个内容区域中选择主内容区域，并提取该主内容区域的标题标签。
[0054]步骤102:按照标题主体的层级关系生成由标题内容组成的列表索引。
[0055]当提取到标题标签后，可以根据标题主体的层级关系生成树形列表索引，该列表索引中的每一条索弓I由对应的标题内容组成。
[0056]步骤103:将列表索引浮动显示在显示界面上。
[0057]本实施例中，由于有些页面内容较多，因此可能根据提取出的标签生成的列表索引层级较多，直接显示在显示界面较大，影响用户浏览页面。因此，可以在终端的显示界面上为列表索引生成浮动控件，例如一个浮动按钮，当用户有定位页面内容的需求时，可以点击该浮动按钮，相应的终端接收到点击浮动按钮生成的触发指令时，在显示界面上呈现列表索引。
[0058]本实施例中，当列表索引中的标题内容为文字内容时，可以按照设置的文字长度阈值呈现文字内容，例如，可以设置文字长度阈值为6，则标题内容超过6个字时，只显示前6个字即可，如果用户想要查看完整的文字内容，则可以通过滑动操作实现；当列表索引中的标题内容为图片内容时，可以按照设置的图片大小阈值采用填充方式显示图片内容，如果用户想要查看完整的图片内容，则可以在手指滑动到该图片内容时，显示完整的图片内容。
[0059]步骤104:当接收到用户对列表索引中的第一标题内容的操作命令时，定位到页面内容上该第一标题内容所在的位置。
[0060]其中，当接收到用户对列表索引中的第一标题内容的操作命令时，获取第一标题内容所属标题标签的位置属性，并跳转到页面内容上由位置属性指示的位置。其中，第一标题内容可以是列表索引中由用户点击操作的任意一个标题内容，第一标题内容所属的标题标签的位置属性可以在终端提取标题标签的过程中，通过解析该标题标签在页面内容中的位置获得。
[0061]由上述实施例可见，由于该实施例可以将生成的列表索引浮动显示在显示界面上，因此用户在浏览页面内容的过程中，可以随时通过点击列表索引中的标题内容定位到页面内容的对应位置上，尤其在内容较长的页面中进行定位时，由于无需用户进行繁琐的滚动操作，因此定位操作便捷，提升了用户浏览页面内容的体验。
[0062]参见图2A，为本发明定位页面内容的方法的一个实施例流程图:
[0063]步骤201:提取页面内容的标题标签，该标题标签包括标题主体和标题内容。
[0064]本发明实施例可以应用在智能终端上浏览器对页面的浏览，智能终端可以具体为各种智能手机、PAD等。其中，页面内容通过HTML进行描述，当浏览器加载页面过程中，提取页面内容中的标题标签，本实施例中提取的标题标签主要指用于指示页面内容标题(head)的标签,该标题标签包括标题主体和标题内容,其中标题主体用hl_h6进行表示，“h”后的数字用来表示标题标签的层级，标题内容可以为文字或图片等，例如，一个标签为<hI>XXXXXX</hI>，其中标题主体为“hI ”，标题内容为“XXXXXX”。
[0065]本实施例中，页面内容可能分为多个内容区域，因此进一步的，可以识别组成页面内容的内容区域，如果仅有一个内容区域，则直接提取该内容区域的标题标签，如果识别出多个内容区域时，可以根据设置的区域范围阈值从多个内容区域中选择主内容区域，并提取该主内容区域的标题标签，例如，该区域范围阈值可以具体为整个页面内容大小的60%，当识别出的某个内容区域占整个页面内容的比例大于60%时，则可以将该内容区域作为主内容区域。
[0066]参见图2B，为本实施例中页面内容的内容区域示意图:图2B中简单示出了一个“XX论坛”的页面内容，该页面内容包括了内容区域I和内容区域2，其中内容区域I通常为论坛的版块索引，而内容区域2是某个版块下的具体内容展示。仍然以区域范围阈值为60%为例，当识别出内容区域I和内容区域2后，可以根据两个内容区域所占页面内容比例的大小,将内容区域2确定为主内容区域。
[0067]步骤202:判断是否提取出有效标题标签，若是，则执行步骤203 ;否则，结束当前流程。
[0068]本实施例中，当提取出的标题标签仅有标题主体而没有标题内容时，则可以将该标题标签确定为无效标题标签。
[0069]步骤203:按照标题主体的层级关系生成由标题内容组成的列表索引。
[0070]当提取到有效标题标签后，可以根据标题主体的层级关系生成树形列表索引，该列表索引中的每一条索引由对应的标题内容组成。本实施例中，假设提取出的有效标题标签如下所示:
[0071]<hl> 主标题 l〈/hl>
[0072]<hl> 主标题 2〈/hl>
[0073]<h2> 子标题 21〈/h2>
[0074]<h2> 主标题 22〈/h2>
[0075]<hl> 主标题 3〈/hl>
[0076]参见图2C，为本实施例中列表索引的结构示意图:图2C中示出的列表索引结构为根据上述提取出的有效标题标签生成的列表索引。
[0077]步骤204:在显示界面上为列表索引生成浮动控件。
[0078]本实施例中，由于有些页面内容较多，因此可能根据提取出的标题标签生成的列表索引层级较多，直接显示在显示界面较大，影响用户浏览页面。因此，可以在终端的显示界面上为列表索引生成浮动控件，例如一个浮动按钮。
[0079]步骤205:当接收到用户对浮动控件的触发指令时，在显示界面上呈现列表索引。
[0080]如图2C所示，当用户在显示界面上点击浮动控件后，终端接收到用户为浮动控件的触发指令，此时可以展开右侧的列表索引，供用户进行页面内容的定位操作。
[0081]本实施例中，当列表索引中的标题内容为文字内容时，可以按照设置的文字长度阈值呈现文字内容，例如，可以设置文字长度阈值为6，则标题内容超过6个字时，只显示前6个字即可，如果用户想要查看完整的文字内容，则可以通过滑动操作实现；当列表索引中的标题内容为图片内容时，可以按照设置的图片大小阈值采用填充方式显示图片内容，如果用户想要查看完整的图片内容，则可以在手指滑动到该图片内容时，显示完整的图片内容。
[0082]步骤206:当接收到用户对列表索引中的第一标题内容的操作命令时，获取第一标题内容所属标题标签的位置属性。
[0083]本实施例中，第一标题内容可以是列表索引中由用户点击操作的任意一个标题内容，第一标题内容所属的标题标签的位置属性可以在终端提取标题标签的过程中，通过解析该标题标签在页面内容中的位置获得。当接收到用户对列表索引中的第一标题内容的操作命令时，获取第一标题内容所属标题标签的位置属性。
[0084]步骤207:跳转到页面内容上由该位置属性指示的位置，结束当前流程。[0085]由上述实施例可见，由于该实施例可以将生成的列表索引浮动显示在显示界面上，因此用户在浏览页面内容的过程中，可以随时通过点击列表索引中的标题内容定位到页面内容的对应位置上，尤其在内容较长的页面中进行定位时，由于无需用户进行繁琐的滚动操作，因此定位操作便捷，提升了用户浏览页面内容的体验；并且，由于可以通过浮动控件触发显示列表索引，而不是直接浮动显示列表索引，从而在实现了便捷的页面内容定位的同时，避免了列表索引对用户浏览页面内容的干扰。
[0086]与本发明定位页面内容的方法的实施例相对应，本发明还提供了定位页面内容的装置及终端的实施例。
[0087]参见图3，为本发明定位页面内容的装置的实施例框图:
[0088]该装置包括:提取单元310、生成单元320、显示单元330和定位单元340。
[0089]其中，提取单元310，用于提取页面内容的标题标签，所述标题标签包括标题主体和标题内容；
[0090]生成单元320，用于按照所述提取单元310提取的标题主体的层级关系生成由所述标题内容组成的列表索引；
[0091]显示单元330，用于将所述生成单元320生成的列表索引浮动显示在显示界面上；
[0092]定位单元340，用于当接收到用户对所述显示单元330显示的列表索引中的第一标题内容的操作命令时，定位到所述页面内容上所述第一标题内容所在的位置。
[0093]在一个可选的实现方式中，所述提取单元310可以包括(图3中未示出):
[0094]区域识别子单元，用于识别组成页面内容的内容区域；
[0095]区域选择子单元，用于当所述区域识别子单元识别出多个内容区域时，根据设置的区域范围阈值从所述多个内容区域中选择主内容区域；
[0096]标签提取子单元，用于提取所述区域选择子单元选择的主内容区域的标题标签。
[0097]在另一个可选的实现方式中，所述显示单元330可以包括(图3中未示出):
[0098]控件生成子单元，用于在所述显示界面上为所述列表索引生成浮动控件；
[0099]列表呈现子单元，用于当接收到用户对所述控件生成子单元生成的浮动控件的触发指令时，在所述显示界面上呈现所述列表索引。
[0100]其中，所述列表呈现子单元，可以具体用于当所述列表索引中的标题内容为文字内容时，按照设置的文字长度阈值呈现所述文字内容，当所述列表索引中的标题内容为图片内容时，按照设置的图片大小阈值采用填充方式显示所述图片内容。
[0101]在另一个可选的实现方式中，所述定位单元340可以包括(图3中未示出):
[0102]位置获取子单元，用于获取所述第一标题内容所属标题标签的位置属性；
[0103]位置跳转子单元，用于跳转到所述页面内容上由所述位置获取子单元获取的位置属性指示的位置。
[0104]参见图4，为本发明终端的实施例框图:
[0105]该终端400可以包括前述图3示出的实施例中的定位页面内容的装置410，该定位页面内容的装置410可以设置在终端的处理器内。
[0106]其中，本发明实施例中的终端主要指各种具有通信功能的智能终端,例如,智能手机、个人数字助理(Personal Digital Assistant, PDA)、平板电脑等。
[0107]由上述实施例可见，提取页面内容的标题标签，按照标题标签的标题主体的层级关系生成由标题内容组成的列表索引，将列表索引浮动显示在显示界面上，当接收到用户对列表索引中的第一标题内容的操作命令时，定位到页面内容上第一标题内容所在的位置。由于本发明实施例可以将生成的列表索引浮动显示在显示界面上，因此用户在浏览页面内容的过程中，可以随时通过点击列表索引中的标题内容定位到页面内容的对应位置上，尤其在内容较长的页面中进行定位时，由于无需用户进行繁琐的滚动操作，因此定位操作便捷，提升了用户浏览页面内容的体验。
[0108]本领域的技术人员可以清楚地了解到本发明实施例中的技术可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明实施例中的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如R0M/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
[0109]本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
[0110]以上所述的本发明实施方式，并不构成对本发明保护范围的限定。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种定位页面内容的方法，其特征在于，所述方法包括: 提取页面内容的标题标签，所述标题标签包括标题主体和标题内容； 按照所述标题主体的层级关系生成由所述标题内容组成的列表索引； 将所述列表索引浮动显示在显示界面上； 当接收到用户对所述列表索引中的第一标题内容的操作命令时，定位到所述页面内容上所述第一标题内容所在的位置。
2.根据权利要求1所述的方法，其特征在于，所述提取页面内容的标题标签，包括: 识别组成页面内容的内容区域； 当识别出多个内容区域时，根据设置的区域范围阈值从所述多个内容区域中选择主内容区域； 提取所述主内容区域的标题标签。
3.根据权利要求1或2所述的方法，其特征在于，所述将所述列表索引浮动显示在显示界面上，包括: 在所述显示界面上为所述列表索引生成浮动控件； 当接收到用户对所述浮动控件的触发指令时，在所述显示界面上呈现所述列表索引。
4.根据权利要求3所述的方法，其特征在于，所述在所述显示界面上呈现所述列表索引，包括: 当所述列表索引中的标题内容为文字内容时，按照设置的文字长度阈值呈现所述文字内容； 当所述列表索引中的标题内容为图片内容时，按照设置的图片大小阈值采用填充方式显示所述图片内容。
5.根据权利要求1至4任意一项所述的方法，其特征在于，所述定位到所述页面内容上所述第一标题内容所在的位置，包括: 获取所述第一标题内容所属标题标签的位置属性； 跳转到所述页面内容上由所述位置属性指示的位置。
6.一种定位页面内容的装置，其特征在于，所述装置包括: 提取单元，用于提取页面内容的标题标签，所述标题标签包括标题主体和标题内容； 生成单元，用于按照所述提取单元提取的标题主体的层级关系生成由所述标题内容组成的列表索引； 显示单元，用于将所述生成单元生成的列表索引浮动显示在显示界面上； 定位单元，用于当接收到用户对所述显示单元显示的列表索引中的第一标题内容的操作命令时，定位到所述页面内容上所述第一标题内容所在的位置。
7.根据权利要求6所述的装置，其特征在于，所述提取单元包括: 区域识别子单元，用于识别组成页面内容的内容区域； 区域选择子单元，用于当所述区域识别子单元识别出多个内容区域时，根据设置的区域范围阈值从所述多个内容区域中选择主内容区域； 标签提取子单元，用于提取所述区域选择子单元选择的主内容区域的标题标签。
8.根据权利要求6或7所述的装置，其特征在于，所述显示单元包括: 控件生成子单元，用于在所述显示界面上为所述列表索引生成浮动控件；列表呈现子单元，用于当接收到用户对所述控件生成子单元生成的浮动控件的触发指令时，在所述显示界面上呈现所述列表索引。
9.根据权利要求8所述的装置，其特征在于， 所述列表呈现子单元，具体用于当所述列表索引中的标题内容为文字内容时，按照设置的文字长度阈值呈现所述文字内容，当所述列表索引中的标题内容为图片内容时，按照设置的图片大小阈值采用填充方式显示所述图片内容。
10.根据权利要求6至9任意一项所述的装置，其特征在于，所述定位单元包括: 位置获取子单元，用于获取所述第一标题内容所属标题标签的位置属性； 位置跳转子单元，用于跳转到所述页面内容上由所述位置获取子单元获取的位置属性指示的位置。
【文档编号】G06F9/445GK103472983SQ201310344949
【公开日】2013年12月25日 申请日期:2013年8月8日 优先权日:2013年8月8日
【发明者】陈浩, 梁捷 申请人:广州市动景计算机科技有限公司