网页内容定位方法和装置制造方法
【专利摘要】一种网页内容定位方法，包括以下步骤：获取对网页的导航区中子导航区的点击操作；获取所述点击操作对应的子导航区所链接的锚点；获取所述锚点在网页的内容显示区的版面内容中对应的网页位置；将网页的内容显示区的版面内容跳转到所述对应的网页位置；所述导航区与所述内容显示区为网页的相互独立的分区。此外，还提供一种网页内容定位装置。上述网页内容定位方法和装置，网页中包括相互独立的两个分区导航区和内容显示区，可点击导航区中的子导航区将内容显示区的版面内容定位到对应网页位置，从而提高了网页内容的定位速度。
【专利说明】网页内容定位方法和装置
【【技术领域】】
[0001 ] 本发明涉及网络技术，特别涉及一种网页内容定位方法和装置。
【【背景技术】】
[0002]网页是构成网站的基本元素。网站中属于同一个主题的数据信息一般分布于同一个网页中。若属于同一个主题的数据信息的篇幅很大，可以将该主题的数据信息设置于同一个网页中，也可以将其设置于多个网页中。可通过某一网页的滚动条来控制该网页的网页内容的移动，定位到用户需要浏览的网页内容，但当网页中的数据信息篇幅很大时，为了定位到某一部分的网页内容滚动条需要移动的距离有可能很大。而当同一主题的数据信息设置于多个网页中时，则需要先进入到对应的网页，控制该网页的滚动条来定位网页内容，操作较为繁琐。
【
【发明内容】
】
[0003]基于此，有必要提供一种能提高网页内容定位速度的网页内容定位方法。
[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]图1为一个实施例中的网页内容定位方法的流程示意图；
[0040]图2为一个实施例中生成并显示版面内容的标志信息的步骤的流程示意图；
[0041]图3为一个实施例中网页内容定位方法中网页排版示意图；
[0042]图4为一个实施例中的网页内容定位系统的结构示意图；
[0043]图5为另一实施例中的网页内容定位系统的结构示意图。
【【具体实施方式】】
[0044]如图1所示，在一个实施例中，一种网页内容定位方法，包括以下步骤:
[0045]步骤S101，获取对网页的导航区中子导航区的点击操作。
[0046]本实施例中，网页包括导航区和内容显示区。导航区与内容显示区分别对应网页源代码中两个的相互独立的分区。内容显示区中显示的网页内容称为版面内容，内容显示区中包括用于控制版面内容移动的滚动条。内容显示区中显示的版面内容随着滚动条的移动而变化。导航区包括多个子导航区。子导航区中显示对应的版面内容的标志信息。在一个实施例中，导航区的position样式为“fixed”样式，该样式可使得导航区在网页中的位置固定不变。
[0047]步骤S102，获取点击操作对应的子导航区所链接的锚点。
[0048]在一个实施例中，可预先在内容显示区的源代码中预定位置设置锚点。例如，可设置名称为“nav_namel ”、ID 为“nav_idl ” 的锚点如下:〈a name=” nav_namel ” id=” nav_idl”X/a>。设置的锚点可将内容显示区的源代码分成多个源代码块，某一个锚点至其下一个锚点之间的源代码块为该锚点对应的源代码块，最后一个锚点至内容显示区的源代码末尾之间的源代码块为该最后一个锚点对应的源代码块。
[0049]进一步的，可为各个子导航区设置指向某一个锚点的链接。具体的，可在各个子导航区的源代码中设置指向某一个锚点的链接。例如，可在某一子导航区的源代码中设置一个指向上述ID为”nav_idl”的锚点的链接:〈ahref =” #nav_idl” >,则该子导航区所链接的锚点即为上述ID为”nav_idl”的锚点。
[0050]步骤S102可在点击操作对应的子导航区的源代码中查找包含的锚点的名称或ID0
[0051 ] 步骤S103，获取所链接的锚点在网页的内容显示区的版面内容中对应的网页位置。
[0052]具体的，可在内容显示区的源代码中查找上述锚点的名称或ID，根据该锚点的名称或ID在内容显示区的源代码中的位置获取该位置在内容显示区的版面内容中对应的网页位置。
[0053]步骤S104，将网页的内容显示区的版面内容跳转到上述对应的网页位置。
[0054]具体的，可将版面内容的上述网页位置移动到内容显示区的最上端。
[0055]在一个实施例中，如上文所提及的，内容显示区中包括用于控制版面内容移动的滚动条。在步骤S104之后，上述网页内容定位方法还包括步骤:根据步骤S103获取的网页位置移动滚动条在滚动栏中的位置。
[0056]例如，上述网页位置位于版面内容的中部，则可将滚动条移动到滚动栏的中部。
[0057]如图2所示，在一个实施例中，在步骤SlOl之前，上述网页内容定位方法还包括生成并显示版面内容的标志信息的步骤，其过程包括以下步骤:
[0058]步骤S201，在导航区的源代码中获取导航区的子导航区所链接的锚点。
[0059]在一个实施例中，可在各个子导航区的源代码中查找包含的锚点的名称或ID，该名称或ID即为对应的子导航区所链接的锚点的名称或ID。
[0060]步骤S202，在内容显示区的源代码中获取子导航区所链接的锚点对应的源代码块。
[0061]在一个实施例中，可在内容显示区的源代码中查找子导航区所链接的锚点的下一个锚点，获取子导航区所链接的锚点至其下一个锚点之间的源代码块为该子导航区所链接的锚点对应的源代码块。若已查找到内容显示区的源代码末尾但未查找到下一个锚点，则获取子导航区所链接的锚点至内容显示区的源代码末尾之间的源代码块为该子导航区所链接的锚点对应的源代码块。
[0062]步骤S203，获取对应的源代码块解析而成的版面内容的标志信息。
[0063]在一个实施例中，版面内容的标志信息包括版面内容的缩略图或版面内容中的部分文字。具体的，可使用截图工具对版面内容进行截图，获取版面内容的缩略图。
[0064]步骤S204，在对应的子导航区中显示版面内容的标志信息。
[0065]图3为一个实施例中上述网页内容定位方法中网页排版示意图。网页的内容显示区301位于网页左侧，内容显示区301中显示的网页内容称为版面内容。导航区302位于网页右侧，导航区302包括多个子导航区，子导航区中显示对应版面内容的缩略图。当用户点击某一子导航区时，内容显示区的版面内容跳转到该子导航区对应的位置。
[0066]如图4所示，在一个实施例中，一种网页内容定位装置，包括操作获取模块401、点击操作锚点获取模块402、网页位置获取模块403和跳转模块404，其中:
[0067]操作获取模块401用于获取对网页的导航区中子导航区的点击操作。
[0068]本实施例中，网页包括导航区和内容显示区。导航区与内容显示区分别对应网页源代码中两个的相互独立的分区。内容显示区中显示的网页内容称为版面内容，内容显示区中包括用于控制版面内容移动的滚动条。内容显示区中显示的版面内容随着滚动条的移动而变化。导航区包括多个子导航区。子导航区中显示对应的版面内容的标志信息。在一个实施例中，导航区的position样式为“fixed”样式，该样式可使得导航区在网页中的位置固定不变。
[0069]点击操作锚点获取模块402用于获取点击操作对应的子导航区所链接的锚点。
[0070]在一个实施例中，可预先在内容显示区的源代码中预定位置设置锚点。例如，可设置名称为 “nav_namel”、ID 为 “nav_idl” 的锚点如下:〈aname=”nav_namel” id=”nav_idl”X/a>。设置的锚点可将内容显示区的源代码分成多个源代码块，某一个锚点至其下一个锚点之间的源代码块为该锚点对应的源代码块，最后一个锚点至内容显示区的源代码末尾之间的源代码块为该最后一个锚点对应的源代码块。
[0071]进一步的，可为各个子导航区设置指向某一个锚点的链接。具体的，可在各个子导航区的源代码中设置指向某一个锚点的链接。例如，可在某一子导航区的源代码中设置一个指向上述ID为”nav_idl”的锚点的链接:〈a href = ”#nav_idl”>,则该子导航区所链接的锚点即为上述ID为”nav_idl”的锚点。
[0072]点击操作锚点获取模块402可在点击操作对应的子导航区的源代码中查找包含的锚点的名称或ID。
[0073]网页位置获取模块403用于获取所链接的锚点在网页的内容显示区的版面内容中对应的网页位置。
[0074]具体的，网页位置获取模块403可在内容显示区的源代码中查找上述锚点的名称或ID，根据该锚点的名称或ID在内容显示区的源代码中的位置获取该位置在内容显示区的版面内容中对应的网页位置。
[0075]跳转模块404用于将网页的内容显示区的版面内容跳转到上述对应的网页位置。
[0076]具体的，跳转模块404可将版面内容的上述网页位置移动到内容显示区的最上端。
[0077]在一个实施例中，如上文所提及的，内容显示区中包括用于控制版面内容移动的滚动条。上述网页内容定位系统还包括滚动条移动模块(图中未示出)，用于根据网页位置获取模块403获取的网页位置移动滚动条在滚动栏中的位置。
[0078]例如，上述网页位置位于版面内容的中部，则滚动条移动模块可将滚动条移动到滚动栏的中部。
[0079]如图5所示，在一个实施例中，上述网页内容定位系统还包括子导航区锚点获取模块501、源代码块获取模块502、标志信息获取模块503和显示模块504:
[0080]子导航区锚点获取模块501用于在导航区的源代码中获取导航区的子导航区所链接的锚点。
[0081]在一个实施例中，子导航区锚点获取模块501可在各个子导航区的源代码中查找包含的锚点的名称或ID，该名称或ID即为对应的子导航区所链接的锚点的名称或ID。
[0082]源代码块获取模块502用于在内容显示区的源代码中获取子导航区所链接的锚点对应的源代码块。
[0083]在一个实施例中，源代码块获取模块502可在内容显示区的源代码中查找子导航区所链接的锚点的下一个锚点，获取子导航区所链接的锚点至其下一个锚点之间的源代码块为该子导航区所链接的锚点对应的源代码块。若已查找到内容显示区的源代码末尾但未查找到下一个锚点，则获取子导航区所链接的锚点至内容显示区的源代码末尾之间的源代码块为该子导航区所链接的锚点对应的源代码块。
[0084]标志信息获取模块503获取对应的源代码块解析而成的版面内容的标志信息。
[0085]在一个实施例中，版面内容的标志信息包括版面内容的缩略图或版面内容中的部分文字。具体的，标志信息获取模块503可使用截图工具对版面内容进行截图，获取版面内容的缩略图。
[0086]显示模块504用于在对应的子导航区中显示版面内容的标志信息。
[0087]以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。
【权利要求】
1.一种网页内容定位方法，包括以下步骤: 获取对网页的导航区中子导航区的点击操作； 获取所述点击操作对应的子导航区所链接的锚点； 获取所述锚点在网页的内容显示区的版面内容中对应的网页位置； 将网页的内容显示区的版面内容跳转到所述对应的网页位置； 所述导航区与所述内容显示区为网页的相互独立的分区。
2.根据权利要求1所述的网页内容定位方法，其特征在于，在获取对网页的导航区中子导航区的点击操作的步骤之前，所述方法还包括: 在导航区的源代码中获取导航区的子导航区所链接的锚点； 在内容显示区的源代码中获取所述锚点对应的源代码块； 获取所述源代码块解析而成的版面内容的标志信息； 在对应的子导航区中显示所述标志信息。
3.根据权利要求2所述 的网页内容定位方法，其特征在于，获取所述锚点对应的源代码块的步骤为: 在内容显示区的源代码中查找所述锚点的下一个锚点，获取所述锚点至所述下一个锚点之间的源代码块为所述锚点对应的源代码块； 若已查找到内容显示区的源代码末尾但未查找到所述下一个锚点，则获取所述锚点至内容显示区的源代码末尾之间的源代码块为所述锚点对应的源代码块。
4.根据权利要求2所述的网页内容定位方法，其特征在于，所述标志信息包括版面内容的缩略图或版面内容中的部分文字。
5.根据权利要求1所述的网页内容定位方法，其特征在于，所述内容显示区中包括用于控制版面内容移动的滚动条； 在将网页的内容显示区的版面内容跳转到所述对应的网页位置的步骤之后，所述方法还包括: 根据所述网页位置移动滚动条在滚动栏中的位置。
6.一种网页内容定位装置，其特征在于，包括: 操作获取模块，用于获取对网页的导航区中子导航区的点击操作； 点击操作锚点获取模块，用于获取所述点击操作对应的子导航区所链接的锚点； 网页位置获取模块，用于获取所述锚点在网页的内容显示区的版面内容中对应的网页位置； 跳转模块，用于将网页的内容显示区的版面内容跳转到所述对应的网页位置； 所述导航区与所述内容显示区为网页的相互独立的分区。
7.根据权利要求6所述的网页内容定位装置，其特征在于，所述系统还包括: 子导航区锚点获取模块，用于在导航区的源代码中获取导航区的子导航区所链接的锚点， 源代码块获取模块，在内容显示区的源代码中获取所述锚点对应的源代码块； 标志信息获取模块，用于获取所述源代码块解析而成的版面内容的标志信息； 显示模块，用于在对应的子导航区中显示所述标志信息。
8.根据权利要求7所述的网页内容定位装置，其特征在于，所述源代码块获取模块用于在内容显示区的源代码中查找所述锚点的下一个锚点，获取所述锚点至所述下一个锚点之间的源代码块为所述锚点对应的源代码块，若已查找到内容显示区的源代码末尾但未查找到所述下一个锚点，则获取所述锚点至内容显示区的源代码末尾之间的源代码块为所述锚点对应的源代码块。
9.根据权利要求7所述的网页内容定位装置，其特征在于，所述标志信息包括版面内容的缩略图或版面内容中的部分文字。
10.根据权利要求6所述的网页内容定位装置，其特征在于，所述内容显示区中包括用于控制版面内容移动的滚动条； 所述系统还包括滚 动条移动模块，用于根据所述网页位置移动滚动条在滚动栏中的位置。
【文档编号】G06F3/0485GK103902170SQ201210580751
【公开日】2014年7月2日 申请日期:2012年12月27日 优先权日:2012年12月27日
【发明者】曾江 申请人:深圳市金蝶中间件有限公司