CN112948719A - 一种目标特性文本浏览交互方法和装置 - Google Patents

一种目标特性文本浏览交互方法和装置 Download PDF

Info

Publication number
CN112948719A
CN112948719A CN202110338863.XA CN202110338863A CN112948719A CN 112948719 A CN112948719 A CN 112948719A CN 202110338863 A CN202110338863 A CN 202110338863A CN 112948719 A CN112948719 A CN 112948719A
Authority
CN
China
Prior art keywords
data
characteristic
title
navigation bar
display area
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202110338863.XA
Other languages
English (en)
Other versions
CN112948719B (zh
Inventor
李香祯
王磊
李元
张鹏
王泽浩
甄晓伟
谢晓丹
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Institute of Environmental Features
Original Assignee
Beijing Institute of Environmental Features
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Institute of Environmental Features filed Critical Beijing Institute of Environmental Features
Priority to CN202110338863.XA priority Critical patent/CN112948719B/zh
Publication of CN112948719A publication Critical patent/CN112948719A/zh
Application granted granted Critical
Publication of CN112948719B publication Critical patent/CN112948719B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/954—Navigation, e.g. using categorised browsing
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9558—Details of hyperlinks; Management of linked annotations
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
    • G06F9/45504—Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
    • G06F9/45529—Embedded in an application, e.g. JavaScript in a Web browser

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供了一种目标特性文本浏览交互方法和装置，所述方法包括：根据用户当前选择，设置对应的特性标题的锚链接；通过设置对应的特性标题的锚链接，在一个特性标题被点击时，内容展示区域相滚动到所述特性标题对应的文本区域；获取目标特性数据，递归地将所述目标特性数据按照特性标题的层级修改数据结构；根据所述目标特性数据的数据结构对所述目标特型数据进行渲染，渲染体现对应的特性标题的层次关系；根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题。本发明能够使用户更直观预览，提高查看数据以及分析数据的效率。

Description

一种目标特性文本浏览交互方法和装置
技术领域
本发明涉及数据浏览技术领域，特别是涉及一种目标特性文本浏览交互方法和装置。
背景技术
由于信息化进程的快速推进，在试验等过程中积累了大量的产品特性数据，产品特性数据量呈指数级增长，现有的产品特性数据量已经达到TB级。并且数据类型多样，形态复杂，少部分产品特性数据为结构化数据，可直接存储于数据库中，绝大部分产品特性数据为半结构化、非结构化数据，以文档、图片、视频、模型等形式进行存储。现阶段，产品特性数据的展示多数以查询方式对产品特性数据内容进行查看，或者以层级浏览进行展示，没有整体地、系统地将目标当前存储的数据都展示出来，并且交互起来不便捷,不利于对目标特性进行整体把控和后续的分析。
发明内容
本发明提出一种目标特性文本浏览交互方法和装置，以解决传统目标特性数据无法整体展示并且交互不便捷的问题，使用户更直观预览，提高查看数据以及分析数据的效率。
本发明公开了一种目标特性文本浏览交互方法，包括：
根据用户当前选择，设置对应的特性标题的锚链接；通过设置对应的特性标题的锚链接，在一个特性标题被点击时，内容展示区域相滚动到所述特性标题对应的文本区域；
获取目标特性数据，递归地将所述目标特性数据按照特性标题的层级修改数据结构；
根据所述目标特性数据的数据结构对所述目标特型数据进行渲染，渲染体现对应的特性标题的层次关系；
根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题。
优选地，获取目标特性数据包括通过接口获取后台传来的产品特性数据。
优选地，递归地将所述目标特性数据按照特性标题的层级修改数据结构包括：
循环确定所述目标特性数据中的一级标题数据；
根据一级标题数据的父级节点标识找出二级标题和数组对象储存在一级标题的子字段；
递归依次找出三级以及以下层级标题，存储生成新的数据结构。
优选地，根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题包括：
遍历所述内容展示区域各个模块的页面代码结构Dom节点；其中，所述页面代码结构Dom用于页面的渲染；
计算每个Dom节点相对于内容区域顶部的距离；若某个Dom节点的距离不为负数且为所有节点的距离的最小值，则其内容为当前浏览内容；
导航栏的高亮对应内容及指向图标移动到对应的内容旁边。
优选地，根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题还包括：
计算指向图标相对导航栏可视区域的距离，若该距离小于导航栏滚动距离或大于导航栏可视区域的高度，则判断当前内容展示区域的特性标题不在所述导航栏可视区域内；触发导航栏的滚动事件，滚动距离为指向图标相对导航栏可视区域的距离减去可视区域的一半。
另一方面，本发明还提供一种目标特性文本浏览交互装置，包括：
链接设置模块，设置为根据用户当前选择，设置对应的特性标题的锚链接；通过设置对应的特性标题的锚链接，在一个特性标题被点击时，内容展示区域相滚动到所述特性标题对应的文本区域；
数据模块，设置为获取目标特性数据，递归地将所述目标特性数据按照特性标题的层级修改数据结构；
渲染模块，设置为根据所述目标特性数据的数据结构对所述目标特型数据进行渲染，渲染体现对应的特性标题的层次关系；
交互模块，设置为根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题。
优选地，所述数据模块获取目标特性数据是通过接口获取后台传来的产品特性数据。
优选地，所述数据模块递归地将所述目标特性数据按照特性标题的层级修改数据结构包括：
循环确定所述目标特性数据中的一级标题数据；
根据一级标题数据的父级节点标识找出二级标题和数组对象储存在一级标题的子字段；
递归依次找出三级以及以下层级标题，存储生成新的数据结构。
优选地，所述交互模块根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题包括：
遍历所述内容展示区域各个模块的页面代码结构Dom节点；其中，所述页面代码结构Dom用于页面的渲染；
计算每个Dom节点相对于内容区域顶部的距离；若某个Dom节点的距离不为负数且为所有节点的距离的最小值，则其内容为当前浏览内容；
导航栏的高亮对应内容及指向图标移动到对应的内容旁边。
优选地，所述交互模块根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题还包括：
计算指向图标相对导航栏可视区域的距离，若该距离小于导航栏滚动距离或大于导航栏可视区域的高度，则判断当前内容展示区域的特性标题不在所述导航栏可视区域内；触发导航栏的滚动事件，滚动距离为指向图标相对导航栏可视区域的距离减去可视区域的一半。
与现有技术相比，本发明具有以下优点：
本发明通过在网页中以文本形式展示目标已存在的详细信息，便捷的交互功能为用户提供方便的文本浏览体验，功能交互界面分为内容展示区域和导航栏区域，内容展示区域展示当前目标的详细信息。根据目标的id(子级唯一标识)查询数据库获取到的当前目标的详细信息进行，然后在页面上渲染获取到的数据信息。导航栏区域展示当前目标的各类型标题，提供锚链接跳转功能，帮助用户快速定位到用户需要优先查看的信息。提高查看数据以及分析数据的效率。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。
附图说明
附图用来提供对本发明技术方案的进一步理解，并且构成说明书的一部分，与本申请的实施例一起用于解释本发明的技术方案，并不构成对本发明技术方案的限制。
图1为本发明实施例的目标特性文本浏览交互方法的流程图；
图2为本发明实施例的目标特性文本浏览交互装置的示意图；
图3为本发明实施例的架构示意图；
图4为本发明实施例的导航栏渲染流程示意图；
图5为本发明实施例的滚动交互功能流程示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。
为使本发明的目的、技术方案和优点更加清楚明白，下文中将结合附图对本发明的实施例进行详细说明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。
在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
图1为本发明实施例的目标特性文本浏览交互方法的流程图，本发明实施例的一种目标特性文本浏览交互方法，包括：
步骤101、根据用户当前选择，设置对应的特性标题的锚链接；通过设置对应的特性标题的锚链接，在一个特性标题被点击时，内容展示区域相滚动到所述特性标题对应的文本区域；
步骤102、获取目标特性数据，递归地将所述目标特性数据按照特性标题的层级修改数据结构；
步骤103、根据所述目标特性数据的数据结构对所述目标特型数据进行渲染，渲染体现对应的特性标题的层次关系；
步骤104、根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题。
本发明实施例中，功能交互界面分为内容展示区域和导航栏区域，内容展示区域展示当前目标的详细信息。根据目标的id查询数据库获取到的当前目标的详细信息进行，然后在页面上渲染获取到的数据信息。导航栏区域展示当前目标的各类型标题，提供锚链接跳转功能，帮助用户快速定位到用户需要优先查看的信息。提高查看数据以及分析数据的效率。
导航栏的主要目的是展示目标整体的特性标题，通过设置对应的特性标题的锚链接，在点击某个特性标题时，展示区域相应滚动到对应的特性区。导航栏需要展示当前目标已录入数据的标题，同时也要体现标题的层次性。
本发明实施例中，步骤102中获取目标特性数据包括通过接口获取后台传来的产品特性数据。
本发明实施例通过接口获取后台传来的产品特性数据，然后递归地将产品特性数据按照层级修改数据结构。后台传来的数据为json类型的数组，通过数组的每条数据的“code”区分数组的层级，通过“pid”(父级节点标识)关联两条数据的父子级关系。
本发明实施例中，步骤102中递归地将所述目标特性数据按照特性标题的层级修改数据结构包括：
循环确定所述目标特性数据中的一级标题数据；
根据一级标题数据的父级节点标识找出二级标题和数组对象储存在一级标题的子字段；
递归依次找出三级以及以下层级标题，存储生成新的数据结构。
本发明实施例中，步骤104中根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题包括：
遍历所述内容展示区域各个模块的Dom(页面代码结构)节点，其中，Dom主要用于渲染页面；
计算每个Dom节点相对于内容区域顶部的距离；若某个Dom节点的距离不为负数且为所有节点的距离的最小值，则其内容为当前浏览内容；
导航栏的高亮对应内容及指向图标移动到对应的内容旁边。
本发明实施例中，步骤104中根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题还包括：
计算指向图标相对导航栏可视区域的距离，若该距离小于导航栏滚动距离或大于导航栏可视区域的高度，则判断当前内容展示区域的特性标题不在所述导航栏可视区域内；触发导航栏的滚动事件，滚动距离为指向图标相对导航栏可视区域的距离减去可视区域的一半。
本发明实施例中，内容展示区域交互导航栏，当内容展示区域的滚动时，导航栏跟着对应滚动。当目标有大量的特性数据时，内容展示区域的篇幅会很长，所以需要能随时定位到当前浏览的内容位置，便于查询以及分析数据。
如图2所示，本发明实施例还提供一种目标特性文本浏览交互装置，包括：
链接设置模块100，设置为根据用户当前选择，设置对应的特性标题的锚链接；通过设置对应的特性标题的锚链接，在一个特性标题被点击时，内容展示区域相滚动到所述特性标题对应的文本区域；
数据模块200，设置为获取目标特性数据，递归地将所述目标特性数据按照特性标题的层级修改数据结构；
渲染模块300，设置为根据所述目标特性数据的数据结构对所述目标特型数据进行渲染，渲染体现对应的特性标题的层次关系；
交互模块400，设置为根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题。
本发明实施例中，所述数据模块200获取目标特性数据是通过接口获取后台传来的产品特性数据。
本发明实施例中，所述数据模块200递归地将所述目标特性数据按照特性标题的层级修改数据结构包括：
循环确定所述目标特性数据中的一级标题数据；
根据一级标题数据的父级节点标识找出二级标题和数组对象储存在一级标题的子字段；
递归依次找出三级以及以下层级标题，存储生成新的数据结构。
本发明实施例中，所述交互模块400根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题包括：
遍历所述内容展示区域各个模块的Dom节点；
计算每个Dom节点相对于内容区域顶部的距离；若某个Dom节点的距离不为负数且为所有节点的距离的最小值，则其内容为当前浏览内容；
导航栏的高亮对应内容及指向图标移动到对应的内容旁边。
本发明实施例中，所述交互模块400根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题还包括：
计算指向图标相对导航栏可视区域的距离，若该距离小于导航栏滚动距离或大于导航栏可视区域的高度，则判断当前内容展示区域的特性标题不在所述导航栏可视区域内；触发导航栏的滚动事件，滚动距离为指向图标相对导航栏可视区域的距离减去可视区域的一半。
实施例一
结合图3，对本实施例的目标特性文本浏览交互方法的关键内容进行详细说明：
(1)导航栏设置锚链接
导航栏的主要目的是展示目标整体的目标特性标题，通过设置对应的目标特性标题的锚链接，在点击某个目标特性标题时，展示区域相应滚动到对应的特性区。导航栏需要展示当前目标已录入数据的标题，同时也要体现标题的层次性。
导航栏处理流程如图4所示。
(2)前端获取产品特性数据
前端通过接口获取后台传来的产品特性数据，然后递归地将产品特性数据按照层级修改数据结构。后台传来的数据为json类型的数组，通过数组的每条数据的“code”区分数组的层级，通过“pid”关联两条数据的父子级关系。
初始化数据算法设计，循环找出数据中的一级标题数据(根据code字段的规则判断)，根据“pid”找出二级标题以数组对象储存在一级标题的“children”字段里，“children”以数组形式存储数据。递归依次找出三级以及四级标题，存储生成新的数据结构。
数据初始化后，遍历数据，通过JavaScript以及jQuery提供的方法生成Dom节点，并依次添加到文档对象(Document)中。若无数据的属性则不生成Dom节点，不展示该属性数据。
在网页内数据生成后，则需要css(层叠样式表)对数据的文案进行样式渲染。样式渲染主要作用为：
a)目标特性各级标题在视觉上呈现层次感。
b)目标各个特性分块展示。
c)目标有大量数据时，超出部分已滚动条形式浏览。
(3)前端获取导航栏数据
前端获取导航栏数据，导航栏标题根据文本数据初始化获得的数据进行渲染，样式渲染主要体现标题的层次关系。
锚链接以html(超文本标记语言)的“a”标签实现。内容区域生成目标的特性标题时，给每个标题生成一个独立id，“a”标签“href”属性设置为对应id，即可通过点击“a”标签跳转至展示对应内容的区域。
导航栏当前浏览的内容的标题高亮显示，锚链接跳转至浏览内容时切换选中状态。
(4)内容展示区域滚动交互导航栏
内容展示区域交互导航栏，当内容展示区域的滚动时，导航栏跟着对应滚动。当目标有大量的特性数据时，内容区域的篇幅会很长，所以需要能随时定位到当前浏览的内容位置，便于查询以及分析数据。
滚动交互处理流程如图5所示。
滚动交互实现思路如下：
1)遍历内容区域各个模块的Dom节点，然后计算其每个相对于内容区域顶部的距离。若某个Dom节点的距离不为负数且为所有节点的距离的最小值，则其内容为当前浏览内容。导航栏的高亮对应内容及指向图标移动到对应的内容旁边。
2)导航栏计算指向图标相对导航栏可视区域的距离，若该距离小于导航栏滚动距离或大于导航栏可视区域的高度，则判断当前浏览内容的标题不在可视区域内。此时触发导航栏的滚动事件，滚动距离为指向图标相对导航栏可视区域的距离减去可视区域的一半。
本领域普通技术人员可以理解，上文中所公开方法中的全部或某些步骤、系统、装置中的功能模块/单元可以被实施为软件、固件、硬件及其适当的组合。在硬件实施方式中，在以上描述中提及的功能模块/单元之间的划分不一定对应于物理组件的划分；例如，一个物理组件可以具有多个功能，或者一个功能或步骤可以由若干物理组件合作执行。某些组件或所有组件可以被实施为由处理器，如数字信号处理器或微处理器执行的软件，或者被实施为硬件，或者被实施为集成电路，如专用集成电路。这样的软件可以分布在计算机可读介质上，计算机可读介质可以包括计算机存储介质(或非暂时性介质)和通信介质(或暂时性介质)。如本领域普通技术人员公知的，术语计算机存储介质包括在用于存储信息(诸如计算机可读指令、数据结构、程序模块或其他数据)的任何方法或技术中实施的易失性和非易失性、可移除和不可移除介质。计算机存储介质包括但不限于RAM、ROM、EEPROM、闪存或其他存储器技术、CD-ROM、数字多功能盘(DVD)或其他光盘存储、磁盒、磁带、磁盘存储或其他磁存储装置、或者可以用于存储期望的信息并且可以被计算机访问的任何其他的介质。此外，本领域普通技术人员公知的是，通信介质通常包含计算机可读指令、数据结构、程序模块或者诸如载波或其他传输机制之类的调制数据信号中的其他数据，并且可包括任何信息递送介质。

Claims (10)

1.一种目标特性文本浏览交互方法，其特征在于，包括：
根据用户当前选择，设置对应的特性标题的锚链接；通过设置对应的特性标题的锚链接，在一个特性标题被点击时，内容展示区域相滚动到所述特性标题对应的文本区域；
获取目标特性数据，递归地将所述目标特性数据按照特性标题的层级修改数据结构；
根据所述目标特性数据的数据结构对所述目标特型数据进行渲染，渲染体现对应的特性标题的层次关系；
根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题。
2.根据权利要求1所述的方法，其特征在于，获取目标特性数据包括通过接口获取后台传来的产品特性数据。
3.根据权利要求1或2所述的方法，其特征在于，递归地将所述目标特性数据按照特性标题的层级修改数据结构包括：
循环确定所述目标特性数据中的一级标题数据；
根据一级标题数据的父级节点标识找出二级标题和数组对象储存在一级标题的子字段；
递归依次找出三级以及以下层级标题，存储生成新的数据结构。
4.根据权利要求1或2所述的方法，其特征在于，根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题包括：
遍历所述内容展示区域各个模块的页面代码结构Dom节点；其中，所述页面代码结构Dom用于页面的渲染；
计算每个Dom节点相对于内容区域顶部的距离；若某个Dom节点的距离不为负数且为所有节点的距离的最小值，则其内容为当前浏览内容；
导航栏的高亮对应内容及指向图标移动到对应的内容旁边。
5.根据权利要求4所述的方法，其特征在于，根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题还包括：
计算指向图标相对导航栏可视区域的距离，若该距离小于导航栏滚动距离或大于导航栏可视区域的高度，则判断当前内容展示区域的特性标题不在所述导航栏可视区域内；触发导航栏的滚动事件，滚动距离为指向图标相对导航栏可视区域的距离减去可视区域的一半。
6.一种目标特性文本浏览交互装置，其特征在于，包括：
链接设置模块，设置为根据用户当前选择，设置对应的特性标题的锚链接；通过设置对应的特性标题的锚链接，在一个特性标题被点击时，内容展示区域相滚动到所述特性标题对应的文本区域；
数据模块，设置为获取目标特性数据，递归地将所述目标特性数据按照特性标题的层级修改数据结构；
渲染模块，设置为根据所述目标特性数据的数据结构对所述目标特型数据进行渲染，渲染体现对应的特性标题的层次关系；
交互模块，设置为根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题。
7.根据权利要求6所述的装置，其特征在于，所述数据模块获取目标特性数据是通过接口获取后台传来的产品特性数据。
8.根据权利要求6或7所述的装置，其特征在于，所述数据模块递归地将所述目标特性数据按照特性标题的层级修改数据结构包括：
循环确定所述目标特性数据中的一级标题数据；
根据一级标题数据的父级节点标识找出二级标题和数组对象储存在一级标题的子字段；
递归依次找出三级以及以下层级标题，存储生成新的数据结构。
9.根据权利要求6或7所述的装置，其特征在于，所述交互模块根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题包括：
遍历所述内容展示区域各个模块的页面代码结构Dom节点；其中，所述页面代码结构Dom用于页面的渲染；
计算每个Dom节点相对于内容区域顶部的距离；若某个Dom节点的距离不为负数且为所有节点的距离的最小值，则其内容为当前浏览内容；
导航栏的高亮对应内容及指向图标移动到对应的内容旁边。
10.根据权利要求9所述的装置，其特征在于，所述交互模块根据用户选择的内容展示区域，导航栏中显示与所述内容展示区域对应的特性标题还包括：
计算指向图标相对导航栏可视区域的距离，若该距离小于导航栏滚动距离或大于导航栏可视区域的高度，则判断当前内容展示区域的特性标题不在所述导航栏可视区域内；触发导航栏的滚动事件，滚动距离为指向图标相对导航栏可视区域的距离减去可视区域的一半。
CN202110338863.XA 2021-03-30 2021-03-30 一种目标特性文本浏览交互方法和装置 Active CN112948719B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110338863.XA CN112948719B (zh) 2021-03-30 2021-03-30 一种目标特性文本浏览交互方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110338863.XA CN112948719B (zh) 2021-03-30 2021-03-30 一种目标特性文本浏览交互方法和装置

Publications (2)

Publication Number Publication Date
CN112948719A true CN112948719A (zh) 2021-06-11
CN112948719B CN112948719B (zh) 2023-12-22

Family

ID=76227475

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110338863.XA Active CN112948719B (zh) 2021-03-30 2021-03-30 一种目标特性文本浏览交互方法和装置

Country Status (1)

Country Link
CN (1) CN112948719B (zh)

Citations (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6741268B1 (en) * 1999-07-26 2004-05-25 Nec Corporation Page information display method and apparatus, and storage medium for storing program or data for display page
CN102023801A (zh) * 2009-09-17 2011-04-20 索尼公司 信息处理设备、数据显示方法和程序
CN103034675A (zh) * 2011-10-07 2013-04-10 索尼公司 信息处理装置、服务器、方法、信息提取方法和程序
CN103543996A (zh) * 2012-07-17 2014-01-29 腾讯科技（深圳）有限公司 一种浏览器窗口管理方法及装置
CN104484104A (zh) * 2014-12-15 2015-04-01 北京国双科技有限公司 页面显示的方法及装置
CN104699706A (zh) * 2013-12-06 2015-06-10 中国移动通信集团海南有限公司 目录树的生成方法、装置及系统
CN105022806A (zh) * 2015-07-03 2015-11-04 厦门二五八集团有限公司 基于翻译模板的互联网网页建构移动页面的方法与系统
US20150339006A1 (en) * 2014-05-21 2015-11-26 Facebook, Inc. Asynchronous Preparation of Displayable Sections of a Graphical User Interface
CN106897361A (zh) * 2017-01-10 2017-06-27 中电科华云信息技术有限公司 基于树状结构的标签页分组管理系统及方法
CN106951495A (zh) * 2017-03-15 2017-07-14 百度在线网络技术（北京）有限公司 用于呈现信息的方法和装置
CN107168969A (zh) * 2016-03-07 2017-09-15 北京搜狗科技发展有限公司 一种页面元素控制方法、装置及电子设备
CN107423322A (zh) * 2017-03-31 2017-12-01 广州视源电子科技股份有限公司 网页页面的标签嵌套层级的显示方法和装置
CN109189879A (zh) * 2018-09-14 2019-01-11 腾讯科技（深圳）有限公司 电子书籍显示方法及装置
CN109189513A (zh) * 2018-06-29 2019-01-11 深圳市彬讯科技有限公司 基于标签的层叠展示方法、装置、电子设备及存储介质
CN109358785A (zh) * 2018-09-26 2019-02-19 北京小米移动软件有限公司 主题预览方法及装置
CN110688531A (zh) * 2019-08-26 2020-01-14 北京旷视科技有限公司 树组件渲染方法和装置、数据处理设备及介质
CN111221528A (zh) * 2019-12-27 2020-06-02 广东金赋科技股份有限公司 级联数据显示方法

Patent Citations (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6741268B1 (en) * 1999-07-26 2004-05-25 Nec Corporation Page information display method and apparatus, and storage medium for storing program or data for display page
CN102023801A (zh) * 2009-09-17 2011-04-20 索尼公司 信息处理设备、数据显示方法和程序
CN103034675A (zh) * 2011-10-07 2013-04-10 索尼公司 信息处理装置、服务器、方法、信息提取方法和程序
CN103543996A (zh) * 2012-07-17 2014-01-29 腾讯科技（深圳）有限公司 一种浏览器窗口管理方法及装置
CN104699706A (zh) * 2013-12-06 2015-06-10 中国移动通信集团海南有限公司 目录树的生成方法、装置及系统
US20150339006A1 (en) * 2014-05-21 2015-11-26 Facebook, Inc. Asynchronous Preparation of Displayable Sections of a Graphical User Interface
CN104484104A (zh) * 2014-12-15 2015-04-01 北京国双科技有限公司 页面显示的方法及装置
CN105022806A (zh) * 2015-07-03 2015-11-04 厦门二五八集团有限公司 基于翻译模板的互联网网页建构移动页面的方法与系统
CN107168969A (zh) * 2016-03-07 2017-09-15 北京搜狗科技发展有限公司 一种页面元素控制方法、装置及电子设备
CN106897361A (zh) * 2017-01-10 2017-06-27 中电科华云信息技术有限公司 基于树状结构的标签页分组管理系统及方法
CN106951495A (zh) * 2017-03-15 2017-07-14 百度在线网络技术（北京）有限公司 用于呈现信息的方法和装置
CN107423322A (zh) * 2017-03-31 2017-12-01 广州视源电子科技股份有限公司 网页页面的标签嵌套层级的显示方法和装置
CN109189513A (zh) * 2018-06-29 2019-01-11 深圳市彬讯科技有限公司 基于标签的层叠展示方法、装置、电子设备及存储介质
CN109189879A (zh) * 2018-09-14 2019-01-11 腾讯科技（深圳）有限公司 电子书籍显示方法及装置
CN109358785A (zh) * 2018-09-26 2019-02-19 北京小米移动软件有限公司 主题预览方法及装置
CN110688531A (zh) * 2019-08-26 2020-01-14 北京旷视科技有限公司 树组件渲染方法和装置、数据处理设备及介质
CN111221528A (zh) * 2019-12-27 2020-06-02 广东金赋科技股份有限公司 级联数据显示方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
YU CHEN 等: "Detecting web page structure for adaptive viewing on small form factor devices", 《WWW \'03: PROCEEDINGS OF THE 12TH INTERNATIONAL CONFERENCE ON WORLD WIDE WEB》, pages 225 - 233 *
王晓: "基于HTML5的矢量地图发布关键技术研究", 《中国优秀硕士学位论文全文数据库 基础科学辑》, no. 05, pages 008 - 13 *

Also Published As

Publication number Publication date
CN112948719B (zh) 2023-12-22

Similar Documents

Publication Publication Date Title
US8639680B1 (en) Hidden text detection for search result scoring
CN107729475B (zh) 网页元素采集方法、装置、终端与计算机可读存储介质
US9195372B2 (en) Methods, systems, and computer program products for grouping tabbed portion of a display object based on content relationships and user interaction levels
US10229655B2 (en) Contextual zoom
CN101782911B (zh) 一种网络资源内容提示方法及系统
US7917846B2 (en) Web clip using anchoring
US8898296B2 (en) Detection of boilerplate content
CN110717121B (zh) 一种页面首屏时间确定方法及装置
CN106156244B (zh) 一种信息搜索导航方法及装置
US20110302510A1 (en) Reader mode presentation of web content
US20140337703A1 (en) Identifying And Abstracting The Visualization Point From An Arbitrary Two-Dimensional Dataset Into A Unified Metadata For Further Consumption
CN112770187B (zh) 店铺数据处理方法及装置
CN106095985B (zh) 一种动态收集并聚合网页信息的方法
CN111258577B (zh) 页面渲染方法、装置、电子设备和存储介质
CN110968813A (zh) 一种索引页面展示方法及装置
CN112052368B (zh) 自动提取列表数据的方法、系统、存储介质及电子设备
US20110197133A1 (en) Methods and apparatuses for identifying and monitoring information in electronic documents over a network
CN114021042A (zh) 网页内容的提取方法、装置、计算机设备和存储介质
CN109522473B (zh) 一种推荐关联信息的方法及其终端、服务器
US8626773B2 (en) Aligning records for visual comparison
CN105701124A (zh) 一种提供提示信息的方法及装置
CN112948719B (zh) 一种目标特性文本浏览交互方法和装置
CN105183846B (zh) 网页信息的推送方法及装置
CN116821534A (zh) 基于滚动加载定位网页页面的方法和系统
WO2023136875A1 (en) List extraction and visualization in web pages

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant