CN103473348A - 网页浏览器导航方法、网页浏览器导航装置和电视机 - Google Patents

网页浏览器导航方法、网页浏览器导航装置和电视机 Download PDF

Info

Publication number
CN103473348A
CN103473348A CN201310439735XA CN201310439735A CN103473348A CN 103473348 A CN103473348 A CN 103473348A CN 201310439735X A CN201310439735X A CN 201310439735XA CN 201310439735 A CN201310439735 A CN 201310439735A CN 103473348 A CN103473348 A CN 103473348A
Authority
CN
China
Prior art keywords
focus
webpage
regional
navigation
web browser
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
CN201310439735XA
Other languages
English (en)
Other versions
CN103473348B (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.)
Qingdao Hisense Electronics Co Ltd
Original Assignee
Qingdao Hisense Electronics Co Ltd
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 Qingdao Hisense Electronics Co Ltd filed Critical Qingdao Hisense Electronics Co Ltd
Priority to CN201710139525.7A priority Critical patent/CN106951481A/zh
Priority to CN201310439735.XA priority patent/CN103473348B/zh
Publication of CN103473348A publication Critical patent/CN103473348A/zh
Application granted granted Critical
Publication of CN103473348B publication Critical patent/CN103473348B/zh
Expired - Fee Related 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • 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
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41—Structure of client; Structure of client peripherals
    • H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
    • H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
    • H04N21/42206—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details
    • H04N21/42222—Additional components integrated in the remote control device, e.g. timer, speaker, sensors for detecting position, direction or movement of the remote control, microphone or battery charging device
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41—Structure of client; Structure of client peripherals
    • H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
    • H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
    • H04N21/42206—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details
    • H04N21/42225—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details characterized by types of remote control, e.g. universal remote control
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content

Landscapes

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

Abstract

本发明提供了一种网页浏览器导航方法、一种网页浏览器导航装置和一种电视机，其中网页浏览器导航装置包括：获取并解析当前载入的网页的源文件，以得到所述网页的树状文档结构；解析所述源文件，根据所述源文件的根据树状文档结构，将所述网页识别为多级区域焦点；在接收到来自控制设备的控制指令时，根据所述控制指令按区域焦点对所述网页进行导航，绘制并显示当前导航的目标区域焦点。通过本发明的技术方案能够简化网页浏览导航操作步骤，提高网页浏览导航效率。

Description

网页浏览器导航方法、网页浏览器导航装置和电视机
技术领域
本发明涉及电视技术领域，具体而言，涉及一种网页浏览器导航方法、一种网页浏览器导航装置和一种具有该网页浏览器导航装置的电视机。
背景技术
现有的遥控器控制浏览网页的方式，一般为图1所示的在热点间移动的浏览方式，图中被灰色置底显示的内容即可以认为是一个热点，按照图1的显示内容，共计热点41个左右，从页面左上角到右下角最少按键次数为7次。因此，在浏览某些热点过多的网页时，操控极为不便，特别是目前电视浏览器使用遥控器控制时，浏览网页均采用直接移动焦点的方式，操作效率非常低，要定位到相应的热点需要遥控器按多次甚至是几十次才能够移动到相应的热点位置。
因此，需要一种高效的导航方式，能够快速移动到所需的热点位置。
发明内容
考虑到上述背景技术，本发明的一个目的是提供一种网页浏览器导航技术，能够高效浏览网页。
有鉴于此，根据本发明的一个方面，提供了一种网页浏览器导航方法，包括：获取并解析当前载入的网页的源文件，得到所述网页的树状文档结构；根据所述树状文档结构，将所述网页识别为多级区域焦点；在接收到来自控制设备的控制指令时，根据所述控制指令按区域焦点对所述网页进行导航，绘制并显示当前导航的目标区域焦点。
网页的源文件能够表现出网页的树状文档结构，根据该树状文档结构可以将当前导入的网页识别为多级区域焦点，区域焦点之间的关系类似于树状结构关系。由于将网页识别为多级区域焦点，因此，在导航时可以按照区域焦点进行导航，而不是按照热点进行导航，并且在导航时可以按照区域焦点之间的层级关系进行导航，并不是无序导航。为了标识当前的导航位置，可以绘制当前的目标区域焦点并显示，显示效果类似于方形框，该方形框涵盖了一个区域焦点所包含的内容（例如多个热点）。由于按照区域焦点进行导航，并不是逐个按照网页中的热点进行导航，因此可提高网页浏览效率，并且由于按照网页的树状文档结构来识别出区域焦点，因此在导航时能够体现出各区域焦点的层级关系，导航顺序清晰，无需用户认知学习，能够快速导航到相应的目标位置。
根据本发明的另一方面，提供了一种网页浏览器导航装置，包括：获取单元，用于获取并解析当前载入的网页的源文件，得到所述网页的树状文档结构；识别单元，连接至所述获取单元，用于根据所述树状文档结构，将所述网页识别为多级区域焦点；导航单元，用于在接收到来自控制设备的控制指令时，根据所述控制指令按区域焦点对所述网页进行导航；绘制单元，绘制并显示当前导航的目标区域焦点。
网页的源文件能够表现出网页的树状文档结构，根据该树状文档结构可以将当前导入的网页识别为多级区域焦点，区域焦点之间的关系类似于树状结构关系。由于将网页识别为多级区域焦点，因此，在导航时可以按照区域焦点进行导航，而不是按照热点进行导航，并且在导航时可以按照区域焦点之间的层级关系进行导航，并不是无序导航。为了标识当前的导航位置，可以绘制当前的目标区域焦点并显示，显示效果类似于方形框，该方形框涵盖了一个区域焦点所包含的内容（例如多个热点）。由于按照区域焦点进行导航，并不是逐个按照网页中的热点进行导航，因此可提高网页浏览效率，并且由于按照网页的树状文档结构来识别出区域焦点，因此在导航时能够体现出各区域焦点的层级关系，导航顺序清晰，无需用户认知学习，能够快速导航到相应的目标位置。
根据本发明的另一方面，还提供了一种电视机，包括上述技术方案中所述的网页浏览器导航装置。由于网页浏览器导航装置具有高效的导航功能，因此采用该网络浏览器导航装置的电视机能够利用遥控器或鼠标准确且快速地定位到所需的内容，操作简便，提高了遥控器或鼠标浏览网页的性能。
附图说明
图1示出了相关技术中的网页浏览的示意图；
图2示出了根据本发明的实施例的网页浏览器导航方法的流程图；
图3示出了根据本发明的实施例的网页树状结构的截屏示意图；
图4示出了根据本发明的实施例的网页中的块级元素的截屏示意图；
图5示出了根据本发明的实施例的网页中的较大块级元素的截屏示意图；
图6示出了图5所示的块级元素的下一级元素的截屏示意图；
图7示出了根据本发明的实施例的识别出的区域焦点截屏示意图；
图8A至图8D示出了根据本发明的实施例的通过遥控器按键进行区域焦点移动的截屏示意图；
图9A示出了根据本发明的实施例的网页中未被识别为区域焦点的大区域示意图；
图9B示出了根据本发明的实施例的在未识别出的区域焦点的位置上插入区域焦点的示意图；
图10示出了根据本发明的实施例的网页浏览器导航装置的示意图。
具体实施方式
为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施方式对本发明进行进一步的详细描述。需要说明的是，在不冲突的情况下，本申请的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是，本发明还可以采用其他不同于在此描述的其他方式来实施，因此，本发明并不限于下面公开的具体实施例的限制。
本文中出现的热点是指网页浏览过程中可获得焦点的元素，由于网页经浏览器解析后为最终呈现为代码，该代码DOM有完整的树状结构，一般常见的元素包括A标签、各种可获得焦点的Input元素、拥有Onclick等事件的元素、按钮、图片热点等。在浏览器中置入热点分析器完成对网页具有热点元素的识别。
图2示出了根据本发明的实施例的网页浏览器导航方法的流程图。
如图2所示，根据本发明的实施例的网页浏览器导航方法可以包括以下步骤：步骤202，获取并解析当前载入的网页的源文件，得到网页的树状文档结构；步骤204，根据树状文档结构，将网页识别为多级区域焦点；步骤206，在接收到来自控制设备的控制指令时，根据控制指令按区域焦点对网页进行导航，绘制并显示当前导航的目标区域焦点。
网页的源文件能够表现出网页的树状文档结构，根据该树状文档结构可以将当前导入的网页识别为多级区域焦点，区域焦点之间的关系类似于树状结构关系。由于将网页识别为多级区域焦点，因此，在导航时可以按照区域焦点进行导航，而不是按照热点进行导航，并且在导航时可以按照区域焦点之间的层级关系进行导航，并不是无序导航。为了标识当前的导航位置，可以绘制当前的目标区域焦点并显示，显示效果类似于方形框，该方形框涵盖了一个区域焦点所包含的内容（例如多个热点）。由于按照区域焦点进行导航，并不是逐个按照网页中的热点进行导航，因此可提高网页浏览效率，并且由于按照网页的树状文档结构来识别出区域焦点，因此在导航时能够体现出各区域焦点的层级关系，导航顺序清晰，无需用户认知学习，能够快速导航到相应的目标位置。
在上述技术方案中，优选的，根据所述树状文档结构，将所述网页识别为多级区域焦点的步骤具体包括：在解析所述源文件时，检测所述源文件符合的标签规范，并参考所述标签规范获取所述网页的树状文档结构；根据所述树状文档结构逐一判断网页中的块级元素是否包含热点。
超文本标记语言是用于描述网页的一种标记语言，并且目前已经有多种超文本标记语言的规范版本，例如HTML4、HTML5，因此在解析网页的源文件时，需要检测当前网页符合哪种标签规范，标签规范即超文本标记语言规范，当确定当前网页的标签规范后，结合该标签规范来分析网页的树状文档结构，从而得到网页的树状文档结构。该树状文档结构中的主体部分是用户可视的部分，在该主体部分中包含了多层块级元素（如div），因此在获取当前网页的树状文档结构之后，就可以获取网页中的每一块级元素，然后判断网页中的块级元素是否包含热点，判断是否包含热点的原因是如果该块级元素仅仅是一张图片并没有相应的链接，就无需将其识别为一个区域焦点。由于本发明根据网页的树状结构来识别区域焦点，因此区域焦点之间的关系与树状结构是有关联的，区域焦点实际上也可以分为一级区域焦点和二级等多级区域焦点，例如某一级区域焦点对应的块级元素对应于树状文档结构中的第二节点，则某二级区域焦点对应的块级元素对应于树状文档结构中的第二节点下的子节点。
在上述任一技术方案中，优选的，网页浏览器导航方法还可以包括：判断网页中的块级元素的尺寸是否大于第一预设尺寸，若是，则放弃将所述块级元素识别为区域焦点，并对大于所述第一预设尺寸的块级元素的下一级元素进行识别，将包含热点的下一级元素识别为所述区域焦点。
如果块级元素的尺寸大于区域的设定尺寸，说明该块级元素的高度过大，那么对该块级元素的下一级元素进行识别。
为了便于用户能够仔细浏览没有热点的网页内容，因此在确定所述网页中的块级元素的尺寸大于第二预设尺寸且所述块级元素未包含热点时，在已识别出的区域焦点之间且对应于所述块级元素的位置处插入区域焦点，以供导航。
在上述任一技术方案中，优选的，所述绘制所述区域焦点的步骤具体包括：根据所述目标区域焦点的尺寸以及预设显示样式，绘制所述目标区域焦点；将所述目标区域焦点建立为一个独立块级元素，并设置在所述网页的最顶层，以透明方式显示。
根据源文件能够获取块级元素的尺寸大小，当确定该块级元素可以识别为一个区域焦点时，则可将该块级元素的尺寸作为对应的区域焦点的尺寸。并且可以按照预设的显示样式来绘制该目标区域焦点，该显示样式包括颜色、线条的粗细等。当导航到相应的区域焦点时，立刻绘制该区域焦点，并将绘制的区域焦点建立为一个独立的块级元素，这样不会影响原来的网页结构，也不会改变原来的网页结构，以透明方式显示绘制的区域焦点不会影响具体的显示内容，并且也能标识当前所定位到的区域焦点在网页中的哪个位置。
在上述任一技术方案中，优选的，根据所述控制指令按区域焦点对所述网页进行导航的步骤具体包括：在接收到所述控制指令后，基于所述网页中识别出的区域焦点之间的层级结构关系，执行与所述控制指令对应的导航动作，以导航至所述目标区域焦点，其中，导航动作包括上下移动、左右移动、跳转、进入和/或返回。
在前面已经说明由于根据网页的树状文档结构识别出区域焦点，故区域焦点之间也具有关联关系，同一级的区域焦点可能有多个，每个区域焦点下也可能有多个二级区域焦点，因此，在导航时，根据控制设备例如遥控器发送过来的遥控指令，例如上下按键的按键信息、左右按键的按键信息，可以在识别出的区域焦点之间按照区域焦点之间的关系进行上下移动或左右移动，假设识别出的区域焦点之间的关系是区域焦点A的上面是区域焦点B，其左边是区域焦点C，其右边是区域焦点D，若当前导航到的位置是区域焦点A，接收到往左移的控制指令，则导航至区域焦点C，并显示该区域焦点C，从而实现了区域焦点之间的导航控制。
下面结合图3至图7进一步说明根据本发明的实施例的网页浏览器导航方法。
在网页中，以DOM树结构表达HTML文档，可以根据这一点建立网页上各元素的平行关系、包含关系。在本实施例中以HTML5网页作为例子进行说明。在HTML5中新增了主体结构元素以及非主体结构元素：
其中，HTML5主体结构元素包括：article元素、section元素、nav元素、aside元素。article元素代表独立的、完整的内容，可独立被外部引用；section元素用于对页面上的内容进行分块；nav元素表示页面导航链接组；aside元素表示页面或文章的附属部分。HTML5的非结构性元素，包括header元素、hgroup元素、footer元素、address元素，这些元素表示逻辑结构和附加信息。
由此可见，HTML5的文档结构较清晰、明确，为根据网页的树状文档结构识别出区域焦点提供了条件。
智能电视浏览器获取网页信息，经过一定的分析，获取用户的控制方式，例如是使用鼠标、语音，还是使用遥控器，由于采用鼠标时可利用鼠标滚动方式来快速浏览网页，因此即使网页中热点过多，也不会严重影响浏览效率，而在采用遥控器来操作网页时，由于遥控器的按键限制，在网页中热点较多时，须不断地触按按键才能够定位到所需的热点上，因此操作效率非常低，故在确认用户使用遥控器时，可优先采用本实施例提供的网页浏览方式，但并不是限定只在使用遥控器时才可以采用本实施例的网页浏览方式，在使用鼠标或手势或语音时，也可以采用本实施例的网页浏览方式。
如果网页尺寸较大，网页焦点较多，采用以下划分区域进行浏览的方式能够大大提高浏览效率；如果尺寸较小或者焦点数量在某一范围内，则可自动采取不划分区域模式。
下面结合附图开始详细说明根据本发明的网络导航方法：
1.判断用户当前浏览网页控制方式，例如是鼠标、手势或者遥控器按键中的哪一种。
2.若是遥控器按键的网页控制方式，则对载入的网页进行分析，包括检测是否符合HTML5规范。
3.在确定网页符合HTML5规范时，结合HTML5规范分析当前载入的网页的文档结构。
4.根据文档结构及当前的显示结果识别出网页区域（即区域焦点）。
5.增加与识别出的区域相关的样式代码。
6.在网页中增加区域代码以及相关的控制代码。
7.以上实现了通过遥控器按键在区域焦点之间的移动，当按下“OK键”后，分析该区域的内部结构，当区域内的热点数量少于某给定值、区域尺寸在某给定范围内、区域内的对象为图像或者没有明确的子区域存在时，执行热点计算操作，否则对该区域分析所得的子区域执行5～6步的操作；
8.在按下“OK”键进入某区域，在按下“返回键”时，退出该区域，并且焦点停留在当前区域。
针对上述步骤3，对网页总体结构进行识别，即根据网页执行的规范、DOM树来对网页的内容布局完成分析，在浏览器中置入网页结构分析器完成，包括网页是否使用框架、网页中是否包含显式结构定义的标签、网页主要采用的定位方式为DIV块定位或者表格定位、对DOM中接近顶层的DIV标签在页面上的呈现方式以及呈现尺寸分析等等。
如图3所示，示出了当前载入网页的源文件的结构，通过分析源文件，能够获取网页的树状文档结构。该页在HTML5、CSS3标准检测过程中检测结果为符合HTML5规范，主体body部分是用户可见的部分，网页结构分析器未发现使用主体结构标签，即判断为隐式结构，对body的下一级div进行识别，如图中画方框的代码代表一个块级元素。
针对上述步骤4，图3中第一个方框中的块级元素由于其没有包含热点，故忽略该块级元素，不将其识别为区域焦点。
如图4所示，块级元素（即图3中第二个方框中的块级元素）404包含有热点，且其尺寸为1498px×44px（402），即宽是1498个像素，高是44个像素，其尺寸小于预设尺寸值，符合逻辑，因此将其识别为一级区域焦点。
接下来识别图3中的第三个块级元素，如图5所示，该块级元素504的尺寸大小为960px×6368px（502），因此该块级元素的尺寸大于预设尺寸值，放弃将其识别为一级区域焦点，则对其下的元素进行识别，如图6所示。在该块级元素504下一共有10个块级元素602，且每一个DIV包含有热点，尺寸均小于规定的预设尺寸，故该块级元素504下的每一个DIV可以被识别为一级区域。
如此类推，识别出网页的各个区域焦点，一级区域焦点下还有可能包含有二级区域焦点、三级区域焦点，在此不再赘述。
需说明的是，在区域焦点识别完成后，对同一级别的区域焦点所表示的矩形进行分析，判断是否有重叠等情况，如果有重叠情况，可以将重叠的两个区域焦点进行合并或将重叠部分进行重新划分。
按照上述区域识别方法将图1中所示的网页进行区域识别后，得到如图7所示的区域焦点划分截屏示意图。从图7中可以看出，将网页按照树状结构进行划分，得到15个区域焦点，用户在导航时，若需定位到“军事”该热点，最多需要操作6次就能够定位到所需的热点位置，而对于图1，则至少需要操作12次才能够定位到所需的热点位置，因此，采用根据本发明的网页导航方法能够极大地提高浏览效率，由于图1中的热点较少，因此对比相差的操作次数不是很多，如果网页的热点较多，更能突显本发明的导航效率。
在对网页进行区域焦点识别之后，可以开始区域焦点的绘制。区域焦点的绘制由置入浏览器的区域焦点绘制器完成。区域焦点绘制器的绘制处理过程包含但不限于如下：
第一步，插入有关区域的CSS代码，用于定义区域的显示样式，在以下步骤中的块级元素将采用该样式显示。
第二步，建立区域焦点div。区域焦点绘制在一个独立的层（div），不影响网页原有的页面结构，该div设置最高的z-index值（通过检索网页元素最高z-index（该值表明具体在哪一层）值，然后加1设置为该div的z-index值），透明显示，在该层内移动按键的操作事件不传递到原有网页。
第三步，在区域焦点div层内。绘制一级区域焦点div，这些div会采用第一步中给定的样式，将第一个区域焦点设置为激活状态，在页面生成的绘制效果如图8A中的802所示。
第四步，完成二级、三级区域焦点的绘制。
第五步，插入区域焦点之间的控制script脚本代码（将遥控器的控制指令与区域焦点的移动方向进行对应），以实现区域焦点之间的移动。
第六步，完成绘制，在浏览器中显示。
在解析出网页的区域焦点的基础上，可根据遥控器按键在区域焦点间进行移动，如图8B所示，在图8A的基础上，在遥控器上按下移按键时，跳转至同一级的下一个区域焦点804中，继续按下移按键，继续跳转至同一级的下一个区域焦点906中，如图8C所示。
当按下遥控器“OK”键后，如果该区域内包含热点或子区域，则进入该区域，定位在该区域内第一个热点上或子区域上，此时按下方向键，如图8D所示，将在该区域内部移动，此时移动至“财经”热点808。按下返回键退出，焦点重新定位到区域焦点上，当移动到区域边界时，可考虑移动到同级别区域。
上述实施例中描述的通过遥控器按键浏览网页的方式，焦点可分为区域级焦点以及网页本身的热点焦点，区域级焦点又可划分为一级区域焦点、二级区域焦点、三级区域焦点等。划分区域焦点的方法根据对网页结构的分析计算生成。其中步骤5、6步中提到的代码为经过计算后自动附加到浏览器中的代码。
因此，根据本发明的网页浏览器导航方法首先对网页进行分析，划分和设定区域，区域生成代码和区域控制代码由浏览器附加生成，不影响网页本身的功能和结构，用户可在区域之间移动实现快速定位目标内容，到达目标区域后，则进入该区域，执行原有的网页浏览方式。
需说明的是，在对网页进行区域焦点识别之后，如果发现有网页中有很大一块面积区域并不能识别作为区域焦点，例如该区域是一篇文章，并且该文章的长度在占三个屏幕的大小，由于该文章不包含热点，因此该区域不能被识别为区域焦点，在导航时，直接从该文章顶端的区域焦点直接跳转到该文章结束端的区域焦点，用户根本不能够浏览该文章的内容，为了便于用户能够浏览文章内容，在已识别出的区域焦点之间的该文章区域处插入区域焦点，插入的两个区域焦点之间的距离须小于一个屏幕的高度，并且每个插入的区域焦点的尺寸大小可以根据浏览器可显示区域的高度进行设置，但不能超出一个显示区域的高度（显示样式可以与识别出的区域焦点的样式相同，也可以不相同），这样用户能够通过移动插入的区域焦点来浏览该文章，而不是直接跳转至文章的末尾，该区域焦点的插入示意图如图9A至图9B所示。
图9A所示，在该图中，网页上下两侧为识别出的区域焦点，被置为灰色显示，网页中间是一篇高度远大于屏幕高度的文章，需要分两屏显示，如果不对该文章的导航进行处理，则直接从文章上侧的区域焦点跳转至文章下侧的区域焦点中，用户看不到该文章中的具体内容，为了解决这个问题，在文章的上下两侧识别出的区域焦点之间插入设置的区域焦点，如图9B所示，图9B中的902即插入的区域焦点，该区域焦点也作为一个独立的层，置于网页的最顶层，也同样不会影响原来的网页结构。
图10示出了根据本发明的实施例的网页浏览器导航装置的示意图。
如图10所示，根据本发明的实施例的网页浏览器导航装置100包括：解析单元102，用于获取并解析当前载入的网页的源文件，得到所述网页的树状文档结构；识别单元104，连接至所述解析单元102，用于根据所述树状文档结构，将所述网页识别为多级区域焦点；导航单元106，用于在接收到来自控制设备的控制指令时，根据所述控制指令按区域焦点对所述网页进行导航；绘制单元108，绘制并显示当前导航的目标区域焦点。
网页的源文件能够表现出网页的树状文档结构，根据该树状文档结构可以将当前导入的网页识别为多级区域焦点，区域焦点之间的关系类似于树状结构关系。由于将网页识别为多级区域焦点，因此，在导航时可以按照区域焦点进行导航，而不是按照热点进行导航，并且在导航时可以按照区域焦点之间的层级关系进行导航，并不是无序导航。为了标识当前的导航位置，可以绘制当前的目标区域焦点并显示，显示效果类似于方形框，该方形框涵盖了一个区域焦点所包含的内容（例如多个热点）。由于按照区域焦点进行导航，并不是逐个按照网页中的热点进行导航，因此可提高网页浏览效率，并且由于按照网页的树状文档结构来识别出区域焦点，因此在导航时能够体现出各区域焦点的层级关系，导航顺序清晰，无需用户认知学习，能够快速导航到相应的目标位置。
在上述技术方案中，优选的，所述解析单元102包括：检测单元1022，用于在解析所述源文件时，检测所述源文件符合的标签规范，并参考所述标签规范获取所述源文件网页的树状文档结构；所述识别单元104包括：第一判断单元1042，用于根据所述树状文档结构逐一判断网页中的块级元素是否包含热点；区域焦点确定单元1044，用于将包含热点的一个块级元素识别为一个所述区域焦点。
超文本标记语言是用于描述网页的一种标记语言，并且目前已经有多种超文本标记语言的规范版本，例如HTML4、HTML5，因此在解析网页的源文件时，需要检测当前网页符合哪种标签规范，标签规范即超文本标记语言规范，当确定当前网页的标签规范后，参考该标签规范来分析网页的树状文档结构，从而得到网页的树状文档结构。该树状文档结构中的主体部分是用户可视的部分，在该主体部分中包含了多层块级元素（如div），因此在获取当前网页的树状文档结构之后，就可以获取网页中的每一块级元素，然后判断网页中的块级元素是否包含热点，判断是否包含热点的原因是如果该块级元素仅仅是一张图片并没有相应的链接，就无需将其识别为一个区域焦点。由于本发明根据网页的树状结构来识别区域焦点，因此区域焦点之间的关系与树状结构是有关联的，区域焦点实际上也可以分为一级区域焦点和二级等多级区域焦点，例如某一级区域焦点对应的块级元素对应于树状文档结构中的第二节点，则某二级区域焦点对应的块级元素对应于树状文档结构中的第二节点下的子节点。
在上述任一技术方案中，优选的，所述识别单元104还包括：第二判断单元1046，用于判断网页中的块级元素的尺寸是否大于第一预设尺寸；所述区域焦点确定单元1044还用于在所述第二判断单元1046确定所述块级元素的尺寸大于所述第一预设尺寸时，放弃将所述块级元素识别为区域焦点，并对大于所述第一预设尺寸的块级元素的下一级元素进行识别，将包含热点的下一级元素识别为所述区域焦点。
如果块级元素的尺寸大于区域的设定尺寸，说明该块级元素的高度过大，那么对该块级元素的下一级元素进行识别。
在上述任一技术方案中，优选的，所述绘制单元108还用于根据所述目标区域焦点的尺寸以及预设显示样式，绘制所述目标区域焦点，将所述目标区域焦点建立为一个独立块级元素，并设置在所述网页的最顶层，以透明方式显示。
根据源文件能够获取块级元素的尺寸大小，当确定该块级元素可以识别为一个区域焦点时，则可将该块级元素的尺寸作为对应的区域焦点的尺寸。并且可以按照预设的显示样式来绘制该目标区域焦点，该显示样式包括颜色、线条的粗细等。当导航到相应的区域焦点时，立刻绘制该区域焦点，并将绘制的区域焦点建立为一个独立的块级元素，这样不会影响原来的网页结构，也不会改变原来的网页结构，以透明方式显示绘制的区域焦点不会影响具体的显示内容，并且也能标识当前所定位到的区域焦点在网页中的哪个位置。
在上述任一技术方案中，优选的，所述导航单元106还用于在接收到所述控制指令后，基于所述网页中识别出的区域焦点之间的层级结构关系，执行与所述控制指令对应的导航动作，以导航至所述目标区域焦点，其中，导航动作包括上下移动、左右移动、跳转、进入和/或返回。
在前面已经说明由于根据网页的树状文档结构识别出区域焦点，故区域焦点之间也具有关联关系，同一级的区域焦点可能有多个，每个区域焦点下也可能有多个第二级区域焦点，因此，在导航时，根据控制设备例如遥控器发送过来的遥控指令，例如上下按键的按键信息、左右按键的按键信息，可以在识别出的区域焦点之间按照区域焦点之间的关系进行上下移动或左右移动，假设识别出的区域焦点之间的关系是区域焦点A的上面是区域焦点B，其左边是区域焦点C，其右边是区域焦点D，若当前导航到的位置是区域焦点A，接收到往左移的控制指令，则导航至区域焦点C，并显示该区域焦点C。
本发明还提供了一种电视机，包括如上述任一技术方案中所述的网页浏览器导航装置。由于网页浏览器导航装置具有高效的导航功能，因此采用该网络浏览器导航装置的电视机能够利用遥控器或鼠标准确且快速地定位到所需的内容，操作简便，提高了遥控器或鼠标浏览网页的性能。
智能电视或者网络电视浏览网页，通过遥控器按键移动焦点，对于某些热点过多的网页，浏览极为不便，本发明在浏览器中对网页结构进行分析，通过识别区域，建立区域焦点，另外结合HTML5网页标签语义化的特点，能够更为有效地建立区域焦点，在不影响网页原有结构的基础上，附加生成区域焦点的控制，使用户在区域间快速移动和定位，定位区域后，再进一步限定在该区域内移动焦点来定位热点链接或图片，从而加快了导航速度。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (11)

1.一种网页浏览器导航方法，其特征在于，包括：
获取并解析当前载入的网页的源文件，得到所述网页的树状文档结构；
根据所述树状文档结构，将所述网页识别为多级区域焦点；
在接收到来自控制设备的控制指令时，根据所述控制指令按区域焦点对所述网页进行导航，绘制并显示当前导航的目标区域焦点。
2.根据权利要求1所述的网页浏览器导航方法，其特征在于，所述根据所述树状文档结构，将所述网页识别为多级区域焦点的步骤具体包括：
在解析所述源文件时，检测所述源文件符合的标签规范，并参考所述标签规范获取所述网页的树状文档结构；
根据所述树状文档结构逐一判断网页中的块级元素是否包含热点；
将包含热点的一个块级元素识别为一个所述区域焦点。
3.根据权利要求2所述的网页浏览器导航方法，其特征在于，还包括：
判断网页中的块级元素的尺寸是否大于第一预设尺寸，若是，则放弃将所述块级元素识别为区域焦点，并对大于所述第一预设尺寸的块级元素的下一级元素进行识别，将包含热点的下一级元素识别为所述区域焦点。
4.根据权利要求2所述的网页浏览器导航方法，其特征在于，在确定所述网页中的块级元素的尺寸大于第二预设尺寸且所述块级元素未包含热点时，在已识别出的区域焦点之间且对应于所述块级元素的位置处插入区域焦点，以供导航。
5.根据权利要求1所述的网页浏览器导航方法，其特征在于，所述绘制所述区域焦点的步骤具体包括：
根据所述目标区域焦点的尺寸以及预设显示样式，绘制所述目标区域焦点；
将所述目标区域焦点建立为一个独立块级元素，并设置在所述网页的最顶层，以透明方式显示。
6.根据权利要求1至5中任一项所述的网页浏览器导航方法，其特征在于，根据所述控制指令按区域焦点对所述网页进行导航的步骤具体包括：
在接收到所述控制指令后，基于所述网页中识别出的区域焦点之间的层级结构关系，执行与所述控制指令对应的导航动作，以导航至所述目标区域焦点，其中，导航动作包括上下移动、左右移动、跳转、进入和/或返回。
7.一种网页浏览器导航装置，其特征在于，包括：
解析单元，用于获取并解析当前载入的网页的源文件，得到所述网页的树状文档结构；
识别单元，连接至所述解析单元，用于根据所述树状文档结构，将所述网页识别为多级区域焦点；
导航单元，用于在接收到来自控制设备的控制指令时，根据所述控制指令按区域焦点对所述网页进行导航；
绘制单元，绘制并显示当前导航的目标区域焦点。
8.根据权利要求7所述的网页浏览器导航装置，其特征在于，所述解析单元包括：
检测单元，用于在解析所述源文件时，检测所述源文件符合的标签规范，并参考所述标签规范获取所述网页的树状文档结构；
所述识别单元包括：
第一判断单元，用于根据所述树状文档结构逐一判断网页中的块级元素是否包含热点；
区域焦点确定单元，用于将包含热点的一个块级元素识别为一个所述区域焦点；
第二判断单元，用于判断网页中的块级元素的尺寸是否大于第一预设尺寸；
所述区域焦点确定单元还用于在所述第二判断单元确定所述块级元素的尺寸大于所述第一预设尺寸时，放弃将所述块级元素识别为区域焦点，并对大于所述第一预设尺寸的块级元素的下一级元素进行识别，将包含热点的下一级元素识别为所述区域焦点。
9.根据权利要求8所述的网页浏览器导航装置，其特征在于，在确定所述网页中的块级元素的尺寸大于第二预设尺寸且所述块级元素未包含热点时，在已识别出的区域焦点之间且对应于所述块级元素的位置处插入区域焦点，以供导航。
10.根据权利要求7所述的网页浏览器导航装置，其特征在于，所述绘制单元还用于根据所述目标区域焦点的尺寸以及预设显示样式，绘制所述目标区域焦点，将所述目标区域焦点建立为一个独立块级元素，并设置在所述网页的最顶层，以透明方式显示；
所述导航单元还用于在接收到所述控制指令后，基于所述网页中识别出的区域焦点之间的层级结构关系，执行与所述控制指令对应的导航动作，以导航至所述目标区域焦点，其中，导航动作包括上下移动、左右移动、跳转、进入和/或返回。
11.一种电视机，其特征在于，包括如权利要求7至10中任一项所述的网页浏览器导航装置。
CN201310439735.XA 2013-09-24 2013-09-24 网页浏览器导航方法、网页浏览器导航装置和电视机 Expired - Fee Related CN103473348B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201710139525.7A CN106951481A (zh) 2013-09-24 2013-09-24 网页浏览器导航方法、网页浏览器导航装置和电视机
CN201310439735.XA CN103473348B (zh) 2013-09-24 2013-09-24 网页浏览器导航方法、网页浏览器导航装置和电视机

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310439735.XA CN103473348B (zh) 2013-09-24 2013-09-24 网页浏览器导航方法、网页浏览器导航装置和电视机

Related Child Applications (1)

Application Number Title Priority Date Filing Date
CN201710139525.7A Division CN106951481A (zh) 2013-09-24 2013-09-24 网页浏览器导航方法、网页浏览器导航装置和电视机

Publications (2)

Publication Number Publication Date
CN103473348A true CN103473348A (zh) 2013-12-25
CN103473348B CN103473348B (zh) 2017-02-22

Family

ID=49798196

Family Applications (2)

Application Number Title Priority Date Filing Date
CN201310439735.XA Expired - Fee Related CN103473348B (zh) 2013-09-24 2013-09-24 网页浏览器导航方法、网页浏览器导航装置和电视机
CN201710139525.7A Withdrawn CN106951481A (zh) 2013-09-24 2013-09-24 网页浏览器导航方法、网页浏览器导航装置和电视机

Family Applications After (1)

Application Number Title Priority Date Filing Date
CN201710139525.7A Withdrawn CN106951481A (zh) 2013-09-24 2013-09-24 网页浏览器导航方法、网页浏览器导航装置和电视机

Country Status (1)

Country Link
CN (2) CN103473348B (zh)

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104506941A (zh) * 2014-12-11 2015-04-08 中国科学院声学研究所 智能电视中按键事件的处理方法及装置
CN105338414A (zh) * 2014-06-03 2016-02-17 广州市动景计算机科技有限公司 电视浏览器的控制方法和装置
CN106155644A (zh) * 2015-03-27 2016-11-23 中国科学院声学研究所 适用于智能电视浏览器的网页焦点控制实现方法
CN106445321A (zh) * 2016-09-13 2017-02-22 宇龙计算机通信科技(深圳)有限公司 一种文档内容显示的方法和终端
CN106921894A (zh) * 2017-02-28 2017-07-04 烽火通信科技股份有限公司 一种机顶盒浏览器页面初始焦点的查找方法及系统
CN108108377A (zh) * 2016-11-24 2018-06-01 广州市动景计算机科技有限公司 浏览器页面跳转方法、装置及终端设备
CN111522491A (zh) * 2020-04-09 2020-08-11 广州视源电子科技股份有限公司 焦点移动方法、装置、存储介质及处理器
CN112989766A (zh) * 2021-05-11 2021-06-18 金锐同创(北京)科技股份有限公司 文档标注信息的处理方法、装置及终端设备
CN113065022A (zh) * 2021-04-16 2021-07-02 北京金堤科技有限公司 终端设备的交互控制方法、装置及电子设备

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107770630B (zh) * 2017-10-25 2021-03-12 深圳市雷鸟网络传媒有限公司 电视导航页面显示方法、装置、导航系统及可读存储介质
CN111381809B (zh) * 2018-12-28 2023-12-05 深圳市茁壮网络股份有限公司 一种焦点页面的查找方法及装置
CN113051495B (zh) * 2019-12-27 2023-10-20 成都鼎桥通信技术有限公司 一种web页面焦点导航方法和装置
CN112218162A (zh) * 2020-08-28 2021-01-12 福州智象信息技术有限公司 一种调用操作系统中间件的电视遥控方法、系统及设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102231167A (zh) * 2011-07-08 2011-11-02 深圳市同洲电子股份有限公司 一种基于嵌入式浏览器的焦点移动方法及装置
CN102306174A (zh) * 2011-08-24 2012-01-04 百度在线网络技术（北京）有限公司 一种基于网页元素与用户进行互动的方法与设备
US20120110437A1 (en) * 2010-10-28 2012-05-03 Microsoft Corporation Style and layout caching of web content
CN102955797A (zh) * 2011-08-25 2013-03-06 联想(北京)有限公司 一种终端导航方法、终端导航装置及终端导航系统

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN100553326C (zh) * 2005-10-21 2009-10-21 深圳Tcl新技术有限公司 通过电视的动态用户操作界面实现快速搜索的方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120110437A1 (en) * 2010-10-28 2012-05-03 Microsoft Corporation Style and layout caching of web content
CN102231167A (zh) * 2011-07-08 2011-11-02 深圳市同洲电子股份有限公司 一种基于嵌入式浏览器的焦点移动方法及装置
CN102306174A (zh) * 2011-08-24 2012-01-04 百度在线网络技术（北京）有限公司 一种基于网页元素与用户进行互动的方法与设备
CN102955797A (zh) * 2011-08-25 2013-03-06 联想(北京)有限公司 一种终端导航方法、终端导航装置及终端导航系统

Cited By (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105338414A (zh) * 2014-06-03 2016-02-17 广州市动景计算机科技有限公司 电视浏览器的控制方法和装置
CN104506941A (zh) * 2014-12-11 2015-04-08 中国科学院声学研究所 智能电视中按键事件的处理方法及装置
CN104506941B (zh) * 2014-12-11 2018-01-30 中国科学院声学研究所 智能电视中按键事件的处理方法及装置
CN106155644A (zh) * 2015-03-27 2016-11-23 中国科学院声学研究所 适用于智能电视浏览器的网页焦点控制实现方法
CN106155644B (zh) * 2015-03-27 2019-07-23 中国科学院声学研究所 适用于智能电视浏览器的网页焦点控制实现方法
CN106445321A (zh) * 2016-09-13 2017-02-22 宇龙计算机通信科技(深圳)有限公司 一种文档内容显示的方法和终端
CN108108377A (zh) * 2016-11-24 2018-06-01 广州市动景计算机科技有限公司 浏览器页面跳转方法、装置及终端设备
CN106921894B (zh) * 2017-02-28 2019-05-14 烽火通信科技股份有限公司 一种机顶盒浏览器页面初始焦点的查找方法及系统
CN106921894A (zh) * 2017-02-28 2017-07-04 烽火通信科技股份有限公司 一种机顶盒浏览器页面初始焦点的查找方法及系统
CN111522491A (zh) * 2020-04-09 2020-08-11 广州视源电子科技股份有限公司 焦点移动方法、装置、存储介质及处理器
CN111522491B (zh) * 2020-04-09 2022-03-08 广州视源电子科技股份有限公司 焦点移动方法、装置、存储介质及处理器
CN113065022A (zh) * 2021-04-16 2021-07-02 北京金堤科技有限公司 终端设备的交互控制方法、装置及电子设备
CN113065022B (zh) * 2021-04-16 2024-04-19 北京金堤科技有限公司 终端设备的交互控制方法、装置及电子设备
CN112989766A (zh) * 2021-05-11 2021-06-18 金锐同创(北京)科技股份有限公司 文档标注信息的处理方法、装置及终端设备
CN112989766B (zh) * 2021-05-11 2021-08-03 金锐同创(北京)科技股份有限公司 文档标注信息的处理方法、装置及终端设备

Also Published As

Publication number Publication date
CN103473348B (zh) 2017-02-22
CN106951481A (zh) 2017-07-14

Similar Documents

Publication Publication Date Title
CN103473348A (zh) 网页浏览器导航方法、网页浏览器导航装置和电视机
US8656295B2 (en) Selecting and manipulating web content
CN107239528B (zh) 搜索结果显示方法及装置
US20150106357A1 (en) Configuring web crawler to extract web page information
RU2662632C2 (ru) Представление документов фиксированного формата в формате с измененной компоновкой
US20170270506A1 (en) Display terminal-based data processing method
CN103886088A (zh) 一种拦截网页中的广告的方法及装置
CN110046357A (zh) 呈现图像中描绘的文本的翻译
US20180107758A1 (en) Apparatus and method for changing webpage output scheme
TWI615766B (zh) 視覺網頁分析系統與方法
CN107885538B (zh) 在图片上添加热区链接的方法和装置
AU2013222958A1 (en) Method and apparatus for object size adjustment on a screen
KR101400480B1 (ko) 정보 표시 시스템, 정보 표시 장치, 정보 표시 방법, 정보 제공 장치, 및, 기록 매체
CN101677392B (zh) 用于交互式个人电视终端的当前焦点移动方法及装置
CN103049193A (zh) 通过按键实现网页翻页的方法和装置
WO2015043352A1 (en) Method and apparatus for selecting test nodes on webpages
US20150212988A1 (en) Information display method and program
JP6279997B2 (ja) 情報処理装置、情報処理方法及びプログラム
JP5431911B2 (ja) コンテンツ表示装置
CN105389357B (zh) 一种用于调整界面信息块排布的方法与设备
CN105095351B (zh) 一种用于提供本地搜索建议的方法和装置
KR20150097250A (ko) 태그 정보를 이용한 스케치 검색 시스템, 사용자 장치, 서비스 제공 장치, 그 서비스 방법 및 컴퓨터 프로그램이 기록된 기록매체
CN110147477B (zh) Web系统的数据资源模型化提取方法、装置以及设备
US20150138119A1 (en) Method and apparatus for providing advertisement using touch pen
CN104731920A (zh) 信息搜索方法和装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20170222

Termination date: 20190924

CF01 Termination of patent right due to non-payment of annual fee