[go: up one dir, main page]

CN106954091A - The method and device of TV browser fast browsing webpage - Google Patents

The method and device of TV browser fast browsing webpage Download PDF

Info

Publication number
CN106954091A
CN106954091A CN201611195427.7A CN201611195427A CN106954091A CN 106954091 A CN106954091 A CN 106954091A CN 201611195427 A CN201611195427 A CN 201611195427A CN 106954091 A CN106954091 A CN 106954091A
Authority
CN
China
Prior art keywords
page
target area
page elements
display interface
region
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
CN201611195427.7A
Other languages
Chinese (zh)
Other versions
CN106954091B (en
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.)
Shenzhen TCL New Technology Co Ltd
Original Assignee
Shenzhen TCL New Technology 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 Shenzhen TCL New Technology Co Ltd filed Critical Shenzhen TCL New Technology Co Ltd
Priority to CN201611195427.7A priority Critical patent/CN106954091B/en
Publication of CN106954091A publication Critical patent/CN106954091A/en
Application granted granted Critical
Publication of CN106954091B publication Critical patent/CN106954091B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41Structure of client; Structure of client peripherals
    • H04N21/422Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47End-user applications
    • H04N21/472End-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
    • H04N21/4728End-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 for selecting a Region Of Interest [ROI], e.g. for requesting a higher resolution version of a selected region
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04NPICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85Assembly of content; Generation of multimedia applications
    • H04N21/858Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种电视浏览器快速浏览网页的方法。本发明还公开了一种电视浏览器快速浏览网页的装置。本发明通过将显示界面中所展示的当前网页划分成预设数量的区域,获取由用户所选取的目标区域,根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素,再将放大后的目标区域展示于所述显示界面中,从而改善了放大后的目标区域的排版,提高了用户体验,并且由于在显示界面中展示放大后的目标区域,相比在显示界面中展示当前页面,显示界面中的页面元素明显减少,易于用户使用遥控器的方向键进行操作。

The invention discloses a method for quickly browsing web pages by a TV browser. The invention also discloses a TV browser device for quickly browsing webpages. The present invention divides the current webpage displayed in the display interface into a preset number of regions, obtains the target region selected by the user, and determines the page elements in the target region according to the position information of the page elements in the current webpage, Then the enlarged target area is displayed in the display interface, thereby improving the typesetting of the enlarged target area and improving user experience, and because the enlarged target area is displayed in the display interface, compared with the display interface. Display the current page, the number of page elements in the display interface is significantly reduced, and it is easy for users to use the direction keys of the remote control to operate.

Description

电视浏览器快速浏览网页的方法及装置Method and device for quickly browsing web pages with TV browser

技术领域technical field

本发明涉及电视技术领域,尤其涉及一种电视浏览器快速浏览网页的方法及装置。The invention relates to the technical field of television, in particular to a method and device for quickly browsing webpages with a television browser.

背景技术Background technique

目前,电视机的分辨率越来越高,通常支持4K的显示器物理分辨率为 3840X2160,如果使用电视浏览器,按照4K的点阵去显示原本为PC机所设计的网站,在家居的环境(用户坐在离电视机3米左右的沙发上欣赏电视),电视机显示出来的网页,有字体显示太小,用户无法看清内容的问题。电视机的遥控器也不同于PC的鼠标键盘操控灵活,一个大屏幕上密密麻麻都是网页内容,无法有效操作,进行下拉滚动页面等动作。造成电视机浏览器用户体验不佳。而目前市场上大多数的网站,并没有针对电视机的特点,例如设计专门的页面(减少单页内容,增加页面数量),当前,迫切需要有一种方法,能够让用户较容易操控电视机的浏览器进行网页的浏览。At present, the resolution of TV sets is getting higher and higher, and the physical resolution of monitors that usually support 4K is 3840X2160. If you use a TV browser, it will display the website originally designed for PC according to the 4K dot matrix. In the home environment ( The user sits on a sofa about 3 meters away from the TV and enjoys the TV), the webpage displayed on the TV has the problem that the font is too small, and the user cannot see the content clearly. The remote control of the TV is also different from the flexible operation of the mouse and keyboard of the PC. A large screen is densely packed with web content, which cannot be effectively operated, such as pulling down and scrolling pages. Cause the TV browser user experience is not good. However, most of the websites on the market are not aimed at the characteristics of TV sets, such as designing special pages (reducing the content of a single page and increasing the number of pages). At present, there is an urgent need for a method that allows users to more easily control the TV The browser browses the webpage.

而现有技术中移动终端通过移动放大镜(类似一个取景框)到网页的指定区域,对该放大镜框住的网页内容进行放大,其基于手机终端,因手机普遍是触摸屏,可以便捷移动放大镜,而电视机由于尺寸过大,主流电视机均为非触摸屏。通过遥控器的方向键控制精确移动放大镜到指定位置困难。且由于屏幕的物理分辨率过高,网页全页显示时,字体过小,在舒适的观看距离内无法辨认,无法选定内容去使用放大镜,因此,现有技术中的大尺寸电视机使用浏览器观看网页,字体过小,操作不灵活。同时,在放大网页的同时,不可避免地对网页原有排版的破坏。一个长词条的页面元素部分落在待放大的区域,造成放大后,只能看到被截断的词条,造成用户无法理解该页面元素的内容。电视机没有触控功能,操作放大的图片只能使用遥控器,而提高用户体验则需要非常方便用户灵活打开放大的页面,同样是现有技术无法解决的。And in the prior art, the mobile terminal moves the magnifying glass (similar to a viewfinder frame) to the designated area of the webpage to enlarge the webpage content framed by the magnifying glass. Due to the large size of the TV set, mainstream TV sets are all non-touch screen. It is difficult to precisely move the magnifying glass to the designated position by controlling the direction keys of the remote control. And because the physical resolution of the screen is too high, when the full page of the web page is displayed, the font is too small, it cannot be recognized within a comfortable viewing distance, and the content cannot be selected to use the magnifying glass. Viewing the webpage with a browser, the font is too small and the operation is inflexible. At the same time, while enlarging the webpage, it will inevitably destroy the original layout of the webpage. A part of the page element of a long entry falls in the area to be zoomed in. After zooming in, only the truncated entry can be seen, making the user unable to understand the content of the page element. The TV has no touch function, and the enlarged picture can only be operated with a remote control. To improve the user experience, it is very convenient for the user to flexibly open the enlarged page, which is also unsolvable by the existing technology.

上述内容仅用于辅助理解本发明的技术方案,并不代表承认上述内容是现有技术。The above content is only used to assist in understanding the technical solution of the present invention, and does not mean that the above content is admitted as prior art.

发明内容Contents of the invention

本发明的主要目的在于提供一种电视浏览器快速浏览网页的方法及装置,旨在解决现有技术中电视浏览器浏览网站时,电视机遥控器不便于控制,且放大后的页面排版不佳,词条被截断的技术问题。The main purpose of the present invention is to provide a method and device for quickly browsing webpages with a TV browser, aiming to solve the problem that the remote control of the TV is not easy to control when the TV browser browses the website in the prior art, and the layout of the enlarged page is not good , a technical problem that the entry is truncated.

为实现上述目的,本发明提供一种电视浏览器快速浏览网页的方法,所述方法包括:To achieve the above object, the present invention provides a method for quickly browsing webpages with a TV browser, the method comprising:

响应于用户输入的网页快速浏览指令,获取在显示界面中展示的当前网页;Obtain the current webpage displayed on the display interface in response to the webpage quick browsing instruction input by the user;

将所述显示界面中所展示的当前网页划分成预设数量的区域,并在各区域分别嵌入对应的区域标识;Dividing the current webpage displayed on the display interface into a preset number of regions, and embedding corresponding region identifiers in each region;

响应于用户输入的区域选取指令,从所述区域选取指令中提取当前区域标识,并获取与所述当前区域标识对应的目标区域;In response to an area selection instruction input by a user, extracting a current area identifier from the area selection instruction, and acquiring a target area corresponding to the current area identifier;

根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素;determining the page elements in the target area according to the position information of the page elements in the current webpage;

将所述目标区域放大,并将放大后的目标区域展示于所述显示界面中。The target area is enlarged, and the enlarged target area is displayed on the display interface.

优选地,所述根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素,具体包括:Preferably, the determining the page elements in the target area according to the position information of the page elements in the current web page specifically includes:

根据所述当前网页中页面元素的位置信息获取待选取页面元素,所述待选取页面元素为所述当前网页中至少部分位于所述目标区域中的页面元素;Acquiring page elements to be selected according to position information of page elements in the current webpage, where the page elements to be selected are page elements at least partially located in the target area in the current webpage;

遍历所述待选取页面元素,当遍历到的待选取页面元素满足预设条件时,将该待选取页面元素添加至元素集合中;Traversing the page elements to be selected, and adding the page elements to be selected to the element collection when the page elements to be selected through traversal meet the preset conditions;

将所述元素集合中的页面元素作为所述目标区域的页面元素。Use the page elements in the element set as the page elements of the target area.

优选地,所述预设条件包括:Preferably, the preset conditions include:

页面元素被所述目标区域包含;the page element is contained by said target area;

和/或,and / or,

页面元素在所述目标区域中所占面积比例超过预设比例;The proportion of the area occupied by the page elements in the target area exceeds the preset proportion;

和/或,and / or,

页面元素位于多个区域中,且该页面元素在所述目标区域中所占面积比例最高。The page element is located in multiple areas, and the page element occupies the highest area ratio in the target area.

优选地,所述将所述显示界面中所展示的当前网页划分成预设数量的区域,并在各区域分别嵌入对应的区域标识,具体包括:Preferably, dividing the current webpage displayed in the display interface into a preset number of regions, and embedding corresponding region identifiers in each region, specifically includes:

获取所述显示界面的宽高比,并获取所述当前网页的分辨率;Obtain the aspect ratio of the display interface, and obtain the resolution of the current webpage;

基于所述显示界面的宽高比、所述当前网页的分辨率以及所述当前网页的滚动方式将所述显示界面中所展示的当前网页划分成预设数量的区域,以保证各区域的宽高比与所述显示界面的宽高比一致;Based on the aspect ratio of the display interface, the resolution of the current web page, and the scrolling manner of the current web page, the current web page displayed on the display interface is divided into a preset number of areas, so as to ensure the width of each area. The height ratio is consistent with the aspect ratio of the display interface;

在各区域分别嵌入对应的区域标识。Embed corresponding region identifiers in each region.

优选地,所述将所述目标区域放大,并将放大后的目标区域展示于所述显示界面中之后,所述方法还包括:Preferably, after the target area is enlarged and the enlarged target area is displayed on the display interface, the method further includes:

获取所述目标区域中一个页面元素,将获取的页面元素作为当前页面元素,并将光标焦点移动到所述当前页面元素上。Acquire a page element in the target area, use the acquired page element as the current page element, and move the cursor focus to the current page element.

此外,为实现上述目的,本发明还提供一种电视浏览器快速浏览网页的装置,所述装置包括:In addition, in order to achieve the above object, the present invention also provides a TV browser device for quickly browsing webpages, said device comprising:

网页获取模块,用于响应于用户输入的网页快速浏览指令,获取在显示界面中展示的当前网页;A webpage acquisition module, configured to acquire the current webpage displayed on the display interface in response to a webpage quick browsing instruction input by the user;

区域划分模块,用于将所述显示界面中所展示的当前网页划分成预设数量的区域,并在各区域分别嵌入对应的区域标识;A region division module, configured to divide the current webpage displayed on the display interface into a preset number of regions, and embed corresponding region identifiers in each region;

区域获取模块,用于响应于用户输入的区域选取指令,从所述区域选取指令中提取当前区域标识,并获取与所述当前区域标识对应的目标区域;An area acquisition module, configured to respond to an area selection instruction input by a user, extract a current area identifier from the area selection instruction, and acquire a target area corresponding to the current area identifier;

元素确定模块,用于根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素;An element determination module, configured to determine the page elements in the target area according to the position information of the page elements in the current web page;

放大展示模块,用于将所述目标区域放大,并将放大后的目标区域展示于所述显示界面中。The enlargement display module is configured to enlarge the target area and display the enlarged target area on the display interface.

优选地,所述元素确定模块,还用于根据所述当前网页中页面元素的位置信息获取待选取页面元素,所述待选取页面元素为所述当前网页中至少部分位于所述目标区域中的页面元素;遍历所述待选取页面元素,当遍历到的待选取页面元素满足预设条件时,将该待选取页面元素添加至元素集合中;将所述元素集合中的页面元素作为所述目标区域的页面元素。Preferably, the element determination module is further configured to obtain page elements to be selected according to the position information of page elements in the current webpage, and the page elements to be selected are at least partially located in the target area in the current webpage Page elements; traversing the page elements to be selected, when the traversed page elements to be selected meet the preset conditions, adding the page elements to be selected to the element set; using the page elements in the element set as the target The page element of the zone.

优选地,所述预设条件包括:Preferably, the preset conditions include:

页面元素被所述目标区域包含;the page element is contained by said target area;

和/或,and / or,

页面元素在所述目标区域中所占面积比例超过预设比例;The proportion of the area occupied by the page elements in the target area exceeds the preset proportion;

和/或,and / or,

页面元素位于多个区域中,且该页面元素在所述目标区域中所占面积比例最高。The page element is located in multiple areas, and the page element occupies the highest area ratio in the target area.

优选地,所述区域划分模块,还用于获取所述显示界面的宽高比,并获取所述当前网页的分辨率;基于所述显示界面的宽高比、所述当前网页的分辨率以及所述当前网页的滚动方式将所述显示界面中所展示的当前网页划分成预设数量的区域,以保证各区域的宽高比与所述显示界面的宽高比一致;在各区域分别嵌入对应的区域标识。Preferably, the area dividing module is further configured to acquire the aspect ratio of the display interface, and acquire the resolution of the current webpage; based on the aspect ratio of the display interface, the resolution of the current webpage and The scrolling method of the current webpage divides the current webpage displayed in the display interface into a preset number of regions, so as to ensure that the aspect ratio of each region is consistent with the aspect ratio of the display interface; The corresponding region ID.

优选地,所述装置还包括:Preferably, the device also includes:

焦点移动模块,用于获取所述目标区域中一个页面元素,将获取的页面元素作为当前页面元素,并将光标焦点移动到所述当前页面元素上。The focus moving module is configured to acquire a page element in the target area, use the acquired page element as the current page element, and move the cursor focus to the current page element.

本发明通过将显示界面中所展示的当前网页划分成预设数量的区域,获取由用户所选取的目标区域,根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素,再将放大后的目标区域展示于所述显示界面中,从而改善了放大后的目标区域的排版,提高了用户体验,并且由于在显示界面中展示放大后的目标区域,相比在显示界面中展示当前页面,显示界面中的页面元素明显减少,易于用户使用遥控器的方向键进行操作。The present invention divides the current webpage displayed in the display interface into a preset number of regions, obtains the target region selected by the user, and determines the page elements in the target region according to the position information of the page elements in the current webpage, Then the enlarged target area is displayed in the display interface, thereby improving the typesetting of the enlarged target area and improving user experience, and because the enlarged target area is displayed in the display interface, compared with the display interface. To display the current page, the number of page elements in the display interface is significantly reduced, and it is easy for the user to use the direction keys of the remote control to operate.

附图说明Description of drawings

图1为本发明电视浏览器快速浏览网页的方法第一实施例的流程示意图;Fig. 1 is the schematic flow chart of the first embodiment of the method for quickly browsing web pages by a TV browser of the present invention;

图2为本发明电视浏览器快速浏览网页的方法第二实施例的流程示意图;Fig. 2 is the schematic flow chart of the second embodiment of the method for quickly browsing webpages by the TV browser of the present invention;

图3为本发明电视浏览器快速浏览网页的方法第三实施例的流程示意图;Fig. 3 is a schematic flow chart of the third embodiment of the method for quickly browsing webpages by the TV browser of the present invention;

图4为显示界面中所展示的当前网页的区域划分示意图;FIG. 4 is a schematic diagram of area division of the current webpage displayed in the display interface;

图5为放大后的目标区域的示意图;FIG. 5 is a schematic diagram of an enlarged target area;

图6为本发明电视浏览器快速浏览网页的方法第四实施例的流程示意图;6 is a schematic flow diagram of a fourth embodiment of a method for quickly browsing webpages by a TV browser of the present invention;

图7为本发明电视浏览器快速浏览网页的装置第一实施例的功能模块示意图;FIG. 7 is a schematic diagram of the functional modules of the first embodiment of the device for quickly browsing webpages of the TV browser of the present invention;

图8为本发明电视浏览器快速浏览网页的装置第二实施例的功能模块示意图;FIG. 8 is a schematic diagram of the functional modules of the second embodiment of the device for quickly browsing webpages of the TV browser of the present invention;

图9为本发明电视浏览器快速浏览网页的装置第三实施例的功能模块示意图;FIG. 9 is a schematic diagram of the functional modules of the third embodiment of the device for quickly browsing webpages of the TV browser of the present invention;

图10为本发明电视浏览器快速浏览网页的装置第四实施例的功能模块示意图。FIG. 10 is a schematic diagram of the functional modules of the fourth embodiment of the apparatus for quickly browsing webpages of the TV browser of the present invention.

本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。The realization of the purpose of the present invention, functional characteristics and advantages will be further described in conjunction with the embodiments and with reference to the accompanying drawings.

具体实施方式detailed description

应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。It should be understood that the specific embodiments described here are only used to explain the present invention, not to limit the present invention.

参照图1,本发明第一实施例提供一种电视浏览器快速浏览网页的方法,所述方法包括:With reference to Fig. 1, the first embodiment of the present invention provides a kind of method that TV browser quickly browses webpage, and described method comprises:

S10:响应于用户输入的网页快速浏览指令,获取在显示界面中展示的当前网页;S10: Obtain the current webpage displayed on the display interface in response to the webpage quick browsing instruction input by the user;

需要说明的是,本实施例的方法的执行主体为电视内部的控制器,其用于控制所述电视的其他组件。It should be noted that the execution body of the method in this embodiment is the controller inside the TV, which is used to control other components of the TV.

可理解的是,在用户输入网页快速浏览指令之前,已经输入网页浏览指令,也就是说,在用户输入网页快速浏览指令时,所述显示界面中展示有用户需要查看的当前网页。It can be understood that the web page browsing instruction has already been input before the user inputs the web page quick browsing instruction, that is, when the user inputs the web page quick browsing instruction, the display interface displays the current web page that the user needs to view.

应理解的是,所述网页快速浏览指令可理解为用于触发本实施例的方法的指令。It should be understood that the webpage quick browsing instruction may be understood as an instruction for triggering the method of this embodiment.

在具体实现中,用户可通过多种方式来输入所述网页快速浏览指令,例如:用户可通过所述电视的遥控器上的预设按键来输入所述网页快速浏览指令,又或是,通过所述电视机身上的预设按键来输入所述网页快速浏览指令,当然,还可通过其他方式来输入所述网页快速浏览指令,本实施例对此不加以限制。In a specific implementation, the user can input the quick browsing instruction of the webpage in various ways, for example: the user can input the quick browsing instruction of the webpage through the preset button on the remote control of the TV, or, through The preset buttons on the TV set are used to input the quick webpage browsing instruction. Of course, other ways can also be used to input the webpage quick browsing instruction, which is not limited in this embodiment.

当然,所述显示界面即为所述电视的显示界面。Of course, the display interface is the display interface of the TV.

S20:将所述显示界面中所展示的当前网页划分成预设数量的区域,并在各区域分别嵌入对应的区域标识;S20: Divide the current webpage displayed on the display interface into a preset number of regions, and embed corresponding region identifiers in each region;

需要说明的是,所述区域标识即为用于区分区域的标识,其可采用阿拉伯数字,也可采用英文字母,当然,还可采用其他方式,本实施例对此不加以限制。It should be noted that the region identifier is an identifier for distinguishing regions, which may use Arabic numerals or English letters, and of course, other methods may also be used, which is not limited in this embodiment.

S30:响应于用户输入的区域选取指令,从所述区域选取指令中提取当前区域标识,并获取与所述当前区域标识对应的目标区域;S30: In response to an area selection instruction input by a user, extract a current area identifier from the area selection instruction, and acquire a target area corresponding to the current area identifier;

可理解的是,用户可通过所述电视的遥控器输入区域选取指令,可理解的是,所述区域选取指令中包含用户所选取的当前区域标识。It can be understood that the user can input an area selection instruction through the remote control of the television, and it can be understood that the area selection instruction includes the current area identifier selected by the user.

S40:根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素;S40: Determine the page elements in the target area according to the position information of the page elements in the current web page;

在具体实现中,所述页面元素即为组成所述网页的单元,例如:文字、图片、音频、动画及视频等。In a specific implementation, the page elements are the units that make up the webpage, such as text, pictures, audio, animation, and video.

需要说明的是,由于所述当前网页存在很多页面元素,有些页面元素会存在于多个区域中,若按照区域直接划分,容易出现页面元素被截断的问题,不便于用户查看,本实施例中,根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素,也就是说,对页面元素进行分配,从而避免了页面元素被截断的问题。It should be noted that, since there are many page elements in the current webpage, some page elements will exist in multiple areas. If they are directly divided according to the areas, it is easy to have the problem of truncated page elements, which is not convenient for users to view. In this embodiment , determining the page elements in the target area according to the position information of the page elements in the current web page, that is, allocating the page elements, thereby avoiding the problem that the page elements are truncated.

S50:将所述目标区域放大,并将放大后的目标区域展示于所述显示界面中。S50: Enlarge the target area, and display the enlarged target area on the display interface.

可理解的是,在将放大后的目标区域展示于所述显示界面中时,可直接将所述显示界面中展示的内容切换为放大后的目标区。It can be understood that when the enlarged target area is displayed on the display interface, the content displayed on the display interface can be directly switched to the enlarged target area.

本实施例通过将显示界面中所展示的当前网页划分成预设数量的区域,获取由用户所选取的目标区域,根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素,再将放大后的目标区域展示于所述显示界面中,从而改善了放大后的目标区域的排版,提高了用户体验,并且由于在显示界面中展示放大后的目标区域,相比在显示界面中展示当前页面,显示界面中的页面元素明显减少,易于用户使用遥控器的方向键进行操作。In this embodiment, the current webpage displayed in the display interface is divided into a preset number of areas, the target area selected by the user is obtained, and the page elements in the target area are determined according to the position information of the page elements in the current web page , and then display the enlarged target area in the display interface, thereby improving the typesetting of the enlarged target area and improving user experience, and because the enlarged target area is displayed in the display interface, compared with the display interface The current page is displayed in , and the number of page elements in the display interface is significantly reduced, which is easy for users to operate with the direction keys of the remote control.

参照图2,图2为本发明电视浏览器快速浏览网页的方法第二实施例的流程示意图,基于上述图1所示的实施例,提出本发明电视浏览器快速浏览网页的方法的第二实施例。Referring to Fig. 2, Fig. 2 is a schematic flow chart of the second embodiment of the method for quickly browsing webpages by the TV browser of the present invention, based on the embodiment shown in Fig. 1 above, the second implementation of the method for quickly browsing webpages by the TV browser of the present invention is proposed example.

本实施例中,所述S40,具体包括:In this embodiment, the S40 specifically includes:

S401:根据所述当前网页中页面元素的位置信息获取待选取页面元素,所述待选取页面元素为所述当前网页中至少部分位于所述目标区域中的页面元素;S401: Obtain a page element to be selected according to the position information of the page element in the current web page, where the page element to be selected is a page element at least partially located in the target area in the current web page;

需要说明的是,为防止所述目标区域中页面元素的漏选,本实施例中,只要有部分位于所述目标区域中的页面元素,均可作为所述待选取页面元素。It should be noted that, in order to prevent missing selection of page elements in the target area, in this embodiment, as long as there are some page elements located in the target area, they can be used as the page elements to be selected.

S402:遍历所述待选取页面元素,当遍历到的待选取页面元素满足预设条件时,将该待选取页面元素添加至元素集合中;S402: Traverse the to-be-selected page elements, and add the to-be-selected page elements to the element set when the traversed to-be-selected page elements meet a preset condition;

为便于更加合理地选取所述目标区域的页面元素,本实施例中,所述预设条件包括:In order to facilitate more reasonable selection of page elements in the target area, in this embodiment, the preset conditions include:

页面元素被所述目标区域包含,也就是说,页面元素完全位于所述目标区域内;The page element is contained by the target area, that is, the page element is completely within the target area;

和/或,and / or,

页面元素在所述目标区域中所占面积比例超过预设比例,所述预设比例可根据需要进行设置,例如:设置为50%,当然,还可设置为其他值,本实施例对此不加以限制;The ratio of the area occupied by the page elements in the target area exceeds the preset ratio, and the preset ratio can be set according to needs, for example: set to 50%, of course, it can also be set to other values, which is not discussed in this embodiment. be restricted;

和/或,and / or,

页面元素位于多个区域中,且该页面元素在所述目标区域中所占面积比例最高。The page element is located in multiple areas, and the page element occupies the highest area ratio in the target area.

S403:将所述元素集合中的页面元素作为所述目标区域的页面元素。S403: Use the page elements in the element set as the page elements of the target area.

参照图3,图3为本发明电视浏览器快速浏览网页的方法第三实施例的流程示意图,基于上述图1或2所示的实施例,提出本发明电视浏览器快速浏览网页的方法的第三实施例,图3所示的实施例以基于图1为例。Referring to Fig. 3, Fig. 3 is a schematic flow chart of the third embodiment of the method for quickly browsing webpages of the TV browser of the present invention, based on the embodiment shown in Fig. Three embodiments, the embodiment shown in FIG. 3 is based on FIG. 1 as an example.

本实施例中,所述步骤S20,具体包括:In this embodiment, the step S20 specifically includes:

S201:获取所述显示界面的宽高比,并获取所述当前网页的分辨率;S201: Obtain the aspect ratio of the display interface, and acquire the resolution of the current webpage;

需要说明的是,在获取所述显示界面的宽高比时,可先获取所述显示界面的分辨率p,假设水平像素为x,垂直像素为y,此时,可根据所述x和y 计算出宽高比∝=f1(x,y)。It should be noted that when obtaining the aspect ratio of the display interface, the resolution p of the display interface can be obtained first, assuming that the horizontal pixel is x and the vertical pixel is y. At this time, according to the x and y Aspect ratio ∝=f1(x,y) is calculated.

可理解的是,假设所述当前网页的分辨率为H×V,其中,横轴尺寸为H,纵轴尺寸为V。It is understandable that it is assumed that the resolution of the current web page is H×V, wherein the dimension of the horizontal axis is H, and the dimension of the vertical axis is V.

S202:基于所述显示界面的宽高比、所述当前网页的分辨率以及所述当前网页的滚动方式将所述显示界面中所展示的当前网页划分成预设数量的区域,以保证各区域的宽高比与所述显示界面的宽高比一致;S202: Based on the aspect ratio of the display interface, the resolution of the current web page, and the scrolling mode of the current web page, divide the current web page displayed on the display interface into a preset number of areas, so as to ensure that each area The aspect ratio of is consistent with the aspect ratio of the display interface;

为保证各区域的宽高比与所述显示界面的宽高比一致,从而保证放大后的目标区域能够在所述显示区域上全屏展示,在具体实现中,所述当前网页的滚动方式通常可分为下拉滚动和左右滚动,当所述当前网页的滚动方式为下拉滚动时,将横轴尺寸分为n等份(其中,n由客户通过交互菜单输入,或者系统默认,例如n=3),每单个区域的横轴划定为Hi=f2(n),对于单个区域的纵轴可划定为Vi=Hi/∝,相应地,所述显示界面中所展示的当前页面被划分为m个区域,m=n2,每一区域的尺寸均为Hi×Vi。In order to ensure that the aspect ratio of each area is consistent with the aspect ratio of the display interface, so as to ensure that the enlarged target area can be displayed in full screen on the display area, in a specific implementation, the scrolling method of the current web page can usually be It is divided into pull-down scrolling and left-right scrolling. When the scrolling mode of the current web page is pull-down scrolling, the horizontal axis size is divided into n equal parts (wherein, n is input by the customer through the interactive menu, or the system defaults, such as n=3) , the horizontal axis of each single region is defined as Hi=f2(n), and the vertical axis of a single region can be defined as Vi=Hi/∝, correspondingly, the current page displayed in the display interface is divided into m regions, m=n 2 , and the size of each region is Hi×Vi.

当所述当前网页的滚动方式为左右滚动时,先等分纵轴,过程与等分横轴相类似,在此不再赘述。When the scrolling mode of the current webpage is scrolling left and right, the vertical axis is divided into equal parts first, and the process is similar to that of dividing the horizontal axis into equal parts, which will not be repeated here.

S203:在各区域分别嵌入对应的区域标识。S203: Embedding corresponding area identifiers in each area.

为便于用户选取目标区域,故而,可在各区域分别嵌入对应的区域标识,在n=3的情况下,可将区域标识依次设置为1至9,当然,还可设置为其他值,本实施例对此不加以限制。In order to facilitate the user to select the target area, the corresponding area identification can be embedded in each area respectively. In the case of n=3, the area identification can be set to 1 to 9 in sequence, and of course, other values can also be set. In this implementation The example does not limit this.

下面以一个具体的实例来说明本发明,但不限定本实施例的保护范围。假设显示界面的分辨率为1366*768,相应地,其宽高比为∝=f1(x,y)≈1.779,当前网页的整体页面分辨率为1031px*4979px(纵轴为多屏模式,即当前网页的滚动方式为下拉滚动),根据显示界面的宽高比∝可知,所述显示界面中所展示的当前网页的页面分辨率为1031*580。The present invention is described below with a specific example, but the protection scope of this embodiment is not limited. Suppose the resolution of the display interface is 1366*768, correspondingly, its aspect ratio is ∝=f1(x,y)≈1.779, and the overall page resolution of the current web page is 1031px*4979px (the vertical axis is the multi-screen mode, that is The scrolling mode of the current webpage is pull-down scrolling), according to the aspect ratio ∝ of the display interface, the page resolution of the current webpage displayed on the display interface is 1031*580.

当用户输入网页快速浏览指令时,假设所述n为3,此时,参照图4,可将所述显示界面中所展示的当前网页划分成9个区域,在各区域分别嵌入对应的区域标识,各区域的分辨率均为343.78*193.33。When the user inputs a web page browsing instruction, assuming that the n is 3, at this time, with reference to Figure 4, the current web page displayed in the display interface can be divided into 9 areas, and corresponding area identifications are respectively embedded in each area , the resolution of each area is 343.78*193.33.

假设用户输入的区域选取指令中的当前区域标识为4,将图4中的区域标识为4的区域作为目标区域,再根据所述当前网页中页面元素的位置信息获取待选取页面元素,遍历所述待选取页面元素,当遍历到的待选取页面元素满足预设条件(所述预设条件包括:一、页面元素被所述目标区域包含;二、页面元素在所述目标区域中所占面积比例超过50%;三、页面元素位于多个区域中,且该页面元素在所述目标区域中所占面积比例最高)时,将该待选取页面元素添加至元素集合中,将所述元素集合中的页面元素作为所述目标区域的页面元素。Assume that the current region identifier in the region selection command input by the user is 4, and the region marked as 4 in FIG. Describe the page elements to be selected, when the traversed page elements to be selected meet the preset conditions (the preset conditions include: 1. the page element is included in the target area; 2. the area occupied by the page element in the target area ratio exceeds 50%; 3. When the page element is located in multiple areas, and the page element occupies the highest area ratio in the target area), the page element to be selected is added to the element set, and the element set The page element in is used as the page element of the target area.

遍历待选取页面元素时,由于“27℃”的页面元素符合上述预设条件中的第三个,因此该页面元素被作为所述目标区域的页面元素,而“广告图片”的页面元素不符合上述预设条件中的任意一个,因此,该页面元素被舍弃(当然,若目标区域为区域标识为5所对应的区域,则该页面元素将会被作为所述目标区域的页面元素)。When traversing the page elements to be selected, because the page element of "27℃" meets the third of the above preset conditions, this page element is taken as the page element of the target area, while the page element of "advertising picture" does not meet the Any one of the above preset conditions, therefore, the page element is discarded (of course, if the target area is the area corresponding to the area ID 5, then the page element will be used as the page element of the target area).

可理解的是,所述目标区域的页面元素包括:“要闻”、“广东新闻”、“广州”、“27℃”、“让“一带一路”建设造福沿线各国人民”、“主持了6次重要会议四道考题治国理政”、“向新聘中央文史研究馆馆员颁发聘书”及“7月份51城市房价环比上涨深圳房价涨41.4%居首”,相应地,放大后的目标区域可参照图5。It is understandable that the page elements in the target area include: "Key News", "Guangdong News", "Guangzhou", "27°C", "Let the construction of the "Belt and Road" benefit the people of countries along the route", "Presided over 6 important meetings and four questions to govern the country", "Issuing letters of appointment to the newly recruited librarians of the Central Research Institute of Culture and History" and "July Housing prices in 51 cities have risen month-on-month, and Shenzhen’s housing prices have risen by 41.4%, ranking first.” Correspondingly, the enlarged target area can refer to Figure 5.

参照图6,图6为本发明电视浏览器快速浏览网页的方法第四实施例的流程示意图,基于上述图1或2所示的实施例,提出本发明电视浏览器快速浏览网页的方法的第四实施例,图6所示的实施例以基于图1为例。Referring to Fig. 6, Fig. 6 is a schematic flow chart of the fourth embodiment of the method for quickly browsing webpages by the TV browser of the present invention. Based on the embodiment shown in Fig. 1 or 2 above, the first method for quickly browsing webpages by the TV browser of the present invention Four embodiments, the embodiment shown in FIG. 6 is based on FIG. 1 as an example.

本实施例中,所述步骤S50之后,所述方法还包括:In this embodiment, after the step S50, the method further includes:

S60:获取所述目标区域中一个页面元素,将获取的页面元素作为当前页面元素,并将光标焦点移动到所述当前页面元素上。S60: Acquiring a page element in the target area, using the acquired page element as a current page element, and moving a cursor focus to the current page element.

为便于用户对页面元素进行点选操作,可获取所述目标区域中的一个页面元素,将获取的页面元素作为当前页面元素,并将光标焦点移动到所述当前页面元素上。In order to facilitate the user to perform a click operation on page elements, a page element in the target area may be acquired, the acquired page element may be used as a current page element, and the focus of the cursor may be moved to the current page element.

为满足用户的一般操作习惯,本实施例中,可获取所述目标区域中第一行第一个(即从左向右的第一个)的页面元素。In order to satisfy the user's general operating habits, in this embodiment, the page element that is the first in the first row (ie, the first from left to right) in the target area may be acquired.

参照图7,本发明第一实施例提供一种电视浏览器快速浏览网页的装置,所述装置包括:Referring to Fig. 7, the first embodiment of the present invention provides a device for quickly browsing webpages with a TV browser, and the device includes:

网页获取模块10,用于响应于用户输入的网页快速浏览指令,获取在显示界面中展示的当前网页;The webpage acquisition module 10 is used to obtain the current webpage displayed in the display interface in response to the webpage quick browsing instruction input by the user;

需要说明的是,本实施例的装置部署于电视内部的控制器上,所述控制器用于控制所述电视的其他组件。It should be noted that the device in this embodiment is deployed on a controller inside the TV, and the controller is used to control other components of the TV.

可理解的是,在用户输入网页快速浏览指令之前,已经输入网页浏览指令,也就是说,在用户输入网页快速浏览指令时,所述显示界面中展示有用户需要查看的当前网页。It can be understood that the web page browsing instruction has already been input before the user inputs the web page quick browsing instruction, that is, when the user inputs the web page quick browsing instruction, the display interface displays the current web page that the user needs to view.

应理解的是,所述网页快速浏览指令可理解为用于触发本实施例的方法的指令。It should be understood that the webpage quick browsing instruction may be understood as an instruction for triggering the method of this embodiment.

在具体实现中,用户可通过多种方式来输入所述网页快速浏览指令,例如:用户可通过所述电视的遥控器上的预设按键来输入所述网页快速浏览指令,又或是,通过所述电视机身上的预设按键来输入所述网页快速浏览指令,当然,还可通过其他方式来输入所述网页快速浏览指令,本实施例对此不加以限制。In a specific implementation, the user can input the quick browsing instruction of the webpage in various ways, for example: the user can input the quick browsing instruction of the webpage through the preset button on the remote control of the TV, or, through The preset buttons on the TV set are used to input the quick web page browsing instruction. Of course, other ways can also be used to input the web page quick browsing instruction, which is not limited in this embodiment.

当然,所述显示界面即为所述电视的显示界面。Of course, the display interface is the display interface of the TV.

区域划分模块20,用于将所述显示界面中所展示的当前网页划分成预设数量的区域,并在各区域分别嵌入对应的区域标识;A region division module 20, configured to divide the current webpage displayed in the display interface into a preset number of regions, and embed corresponding region identifiers in each region;

需要说明的是,所述区域标识即为用于区分区域的标识,其可采用阿拉伯数字,也可采用英文字母,当然,还可采用其他方式,本实施例对此不加以限制。It should be noted that the region identifier is an identifier for distinguishing regions, which may use Arabic numerals or English letters, and of course, other methods may also be used, which is not limited in this embodiment.

区域获取模块30,用于响应于用户输入的区域选取指令,从所述区域选取指令中提取当前区域标识,并获取与所述当前区域标识对应的目标区域;An area acquisition module 30, configured to respond to an area selection instruction input by a user, extract a current area identifier from the area selection instruction, and acquire a target area corresponding to the current area identifier;

可理解的是,用户可通过所述电视的遥控器输入区域选取指令,可理解的是,所述区域选取指令中包含用户所选取的当前区域标识。It can be understood that the user can input an area selection instruction through the remote control of the television, and it can be understood that the area selection instruction includes the current area identifier selected by the user.

元素确定模块40,用于根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素;An element determination module 40, configured to determine the page elements in the target area according to the position information of the page elements in the current web page;

在具体实现中,所述页面元素即为组成所述网页的单元,例如:文字、图片、音频、动画及视频等。In a specific implementation, the page elements are the units that make up the webpage, such as text, pictures, audio, animation, and video.

需要说明的是,由于所述当前网页存在很多页面元素,有些页面元素会存在于多个区域中,若按照区域直接划分,容易出现页面元素被截断的问题,不便于用户查看,本实施例中,根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素,也就是说,对页面元素进行分配,从而避免了页面元素被截断的问题。It should be noted that, since there are many page elements in the current webpage, some page elements will exist in multiple areas. If they are directly divided according to the areas, it is easy to have the problem of truncated page elements, which is not convenient for users to view. In this embodiment , determining the page elements in the target area according to the position information of the page elements in the current web page, that is, allocating the page elements, thereby avoiding the problem that the page elements are truncated.

放大展示模块50,用于将所述目标区域放大,并将放大后的目标区域展示于所述显示界面中。The enlargement display module 50 is configured to enlarge the target area and display the enlarged target area on the display interface.

可理解的是,在将放大后的目标区域展示于所述显示界面中时,可直接将所述显示界面中展示的内容切换为放大后的目标区。It can be understood that when the enlarged target area is displayed on the display interface, the content displayed on the display interface can be directly switched to the enlarged target area.

本实施例通过将显示界面中所展示的当前网页划分成预设数量的区域,获取由用户所选取的目标区域,根据所述当前网页中页面元素的位置信息来确定所述目标区域的页面元素,再将放大后的目标区域展示于所述显示界面中,从而改善了放大后的目标区域的排版,提高了用户体验,并且由于在显示界面中展示放大后的目标区域,相比在显示界面中展示当前页面,显示界面中的页面元素明显减少,易于用户使用遥控器的方向键进行操作。In this embodiment, the current webpage displayed in the display interface is divided into a preset number of areas, the target area selected by the user is obtained, and the page elements in the target area are determined according to the position information of the page elements in the current web page , and then display the enlarged target area in the display interface, thereby improving the typesetting of the enlarged target area and improving user experience, and because the enlarged target area is displayed in the display interface, compared with the display interface The current page is displayed in , and the number of page elements in the display interface is significantly reduced, which is easy for users to operate with the direction keys of the remote control.

参照图8,图8为本发明电视浏览器快速浏览网页的装置第二实施例的功能模块示意图,基于上述图7所示的实施例,提出本发明电视浏览器快速浏览网页的装置的第二实施例。Referring to Fig. 8, Fig. 8 is a schematic diagram of functional modules of the second embodiment of the device for quickly browsing web pages of the TV browser of the present invention. Based on the embodiment shown in Fig. 7 above, the second embodiment of the device for quickly browsing web pages of the TV browser of the present invention Example.

本实施例中,所述元素确定模块40’,还用于根据所述当前网页中页面元素的位置信息获取待选取页面元素,所述待选取页面元素为所述当前网页中至少部分位于所述目标区域中的页面元素;遍历所述待选取页面元素,当遍历到的待选取页面元素满足预设条件时,将该待选取页面元素添加至元素集合中;将所述元素集合中的页面元素作为所述目标区域的页面元素。In this embodiment, the element determining module 40' is further configured to obtain page elements to be selected according to the position information of page elements in the current web page, and the page elements to be selected are at least partially located in the current web page The page elements in the target area; traversing the page elements to be selected, and when the page elements to be selected through traversal meet the preset conditions, adding the page elements to be selected to the element set; adding the page elements in the element set The page element that is the target area.

需要说明的是,为防止所述目标区域中页面元素的漏选,本实施例中,只要有部分位于所述目标区域中的页面元素,均可作为所述待选取页面元素。It should be noted that, in order to prevent missing selection of page elements in the target area, in this embodiment, as long as there are some page elements located in the target area, they can be used as the page elements to be selected.

为便于更加合理地选取所述目标区域的页面元素,本实施例中,所述预设条件包括:In order to facilitate more reasonable selection of page elements in the target area, in this embodiment, the preset conditions include:

页面元素被所述目标区域包含,也就是说,页面元素完全位于所述目标区域内;The page element is contained by the target area, that is, the page element is completely within the target area;

和/或,and / or,

页面元素在所述目标区域中所占面积比例超过预设比例,所述预设比例可根据需要进行设置,例如:设置为50%,当然,还可设置为其他值,本实施例对此不加以限制;The ratio of the area occupied by the page elements in the target area exceeds the preset ratio, and the preset ratio can be set according to needs, for example: set to 50%, of course, it can also be set to other values, which is not discussed in this embodiment. be restricted;

和/或,and / or,

页面元素位于多个区域中,且该页面元素在所述目标区域中所占面积比例最高。The page element is located in multiple areas, and the page element occupies the highest area ratio in the target area.

参照图9,图9为本发明电视浏览器快速浏览网页的装置第三实施例的功能模块示意图,基于上述图7或8所示的实施例,提出本发明电视浏览器快速浏览网页的装置的第三实施例,图9所示的实施例以基于图7为例。Referring to Fig. 9, Fig. 9 is a schematic diagram of the functional modules of the third embodiment of the device for quickly browsing webpages of the TV browser of the present invention, based on the embodiment shown in Fig. 7 or 8 above, the device for quickly browsing webpages of the TV browser of the present invention is proposed In the third embodiment, the embodiment shown in FIG. 9 is based on FIG. 7 as an example.

本实施例中,所述区域划分模块20’,还用于获取所述显示界面的宽高比,并获取所述当前网页的分辨率;基于所述显示界面的宽高比、所述当前网页的分辨率以及所述当前网页的滚动方式将所述显示界面中所展示的当前网页划分成预设数量的区域,以保证各区域的宽高比与所述显示界面的宽高比一致;在各区域分别嵌入对应的区域标识。In this embodiment, the area division module 20' is further configured to acquire the aspect ratio of the display interface, and acquire the resolution of the current webpage; based on the aspect ratio of the display interface, the current webpage The resolution of the current web page and the scrolling method of the current web page divide the current web page displayed in the display interface into a preset number of areas, so as to ensure that the aspect ratio of each area is consistent with the aspect ratio of the display interface; Each region is embedded with a corresponding region identifier.

需要说明的是,在获取所述显示界面的宽高比时,可先获取所述显示界面的分辨率p,假设水平像素为x,垂直像素为y,此时,可根据所述x和y 计算出宽高比∝=f1(x,y)。It should be noted that when obtaining the aspect ratio of the display interface, the resolution p of the display interface can be obtained first, assuming that the horizontal pixel is x, and the vertical pixel is y. At this time, according to the x and y Aspect ratio ∝=f1(x,y) is calculated.

可理解的是,假设所述当前网页的分辨率为H×V,其中,横轴尺寸为H,纵轴尺寸为V。It is understandable that it is assumed that the resolution of the current web page is H×V, wherein the dimension of the horizontal axis is H, and the dimension of the vertical axis is V.

为保证各区域的宽高比与所述显示界面的宽高比一致,从而保证放大后的目标区域能够在所述显示区域上全屏展示,在具体实现中,所述当前网页的滚动方式通常可分为下拉滚动和左右滚动,当所述当前网页的滚动方式为下拉滚动时,将横轴尺寸分为n等份(其中,n由客户通过交互菜单输入,或者系统默认,例如n=3),每单个区域的横轴划定为Hi=f2(n),对于单个区域的纵轴可划定为Vi=Hi/∝,相应地,所述显示界面中所展示的当前页面被划分为m个区域,m=n2,每一区域的尺寸均为Hi×Vi。In order to ensure that the aspect ratio of each area is consistent with the aspect ratio of the display interface, so as to ensure that the enlarged target area can be displayed in full screen on the display area, in a specific implementation, the scrolling method of the current web page can usually be It is divided into pull-down scrolling and left-right scrolling. When the scrolling mode of the current web page is pull-down scrolling, the horizontal axis size is divided into n equal parts (wherein, n is input by the customer through the interactive menu, or the system defaults, such as n=3) , the horizontal axis of each single region is defined as Hi=f2(n), and the vertical axis of a single region can be defined as Vi=Hi/∝, correspondingly, the current page displayed in the display interface is divided into m regions, m=n 2 , and the size of each region is Hi×Vi.

当所述当前网页的滚动方式为左右滚动时,先等分纵轴,过程与等分横轴相类似,在此不再赘述。When the scrolling mode of the current webpage is scrolling left and right, the vertical axis is divided into equal parts first, and the process is similar to that of dividing the horizontal axis into equal parts, which will not be repeated here.

为便于用户选取目标区域,故而,可在各区域分别嵌入对应的区域标识,在n=3的情况下,可将区域标识依次设置为1至9,当然,还可设置为其他值,本实施例对此不加以限制。In order to facilitate the user to select the target area, the corresponding area identification can be embedded in each area respectively. In the case of n=3, the area identification can be set to 1 to 9 in sequence, and of course, other values can also be set. In this implementation The example does not limit this.

下面以一个具体的实例来说明本发明,但不限定本实施例的保护范围。假设显示界面的分辨率为1366*768,相应地,其宽高比为∝=f1(x,y)≈1.779,当前网页的整体页面分辨率为1031px*4979px(纵轴为多屏模式,即当前网页的滚动方式为下拉滚动),根据显示界面的宽高比∝可知,所述显示界面中所展示的当前网页的页面分辨率为1031*580。The present invention is described below with a specific example, but the protection scope of this embodiment is not limited. Suppose the resolution of the display interface is 1366*768, correspondingly, its aspect ratio is ∝=f1(x,y)≈1.779, and the overall page resolution of the current web page is 1031px*4979px (the vertical axis is the multi-screen mode, that is The scrolling mode of the current webpage is pull-down scrolling), and according to the aspect ratio ∝ of the display interface, the page resolution of the current webpage displayed on the display interface is 1031*580.

当用户输入网页快速浏览指令时,假设所述n为3,此时,参照图4,可将所述显示界面中所展示的当前网页划分成9个区域,在各区域分别嵌入对应的区域标识,各区域的分辨率均为343.78*193.33。When the user inputs a web page browsing instruction, assuming that the n is 3, at this time, with reference to Figure 4, the current web page displayed in the display interface can be divided into 9 areas, and corresponding area identifications are respectively embedded in each area , the resolution of each area is 343.78*193.33.

假设用户输入的区域选取指令中的当前区域标识为4,将图4中的区域标识为4的区域作为目标区域,再根据所述当前网页中页面元素的位置信息获取待选取页面元素,遍历所述待选取页面元素,当遍历到的待选取页面元素满足预设条件(所述预设条件包括:一、页面元素被所述目标区域包含;二、页面元素在所述目标区域中所占面积比例超过50%;三、页面元素位于多个区域中,且该页面元素在所述目标区域中所占面积比例最高)时,将该待选取页面元素添加至元素集合中,将所述元素集合中的页面元素作为所述目标区域的页面元素。Assume that the current region identifier in the region selection command input by the user is 4, and the region marked as 4 in FIG. Describe the page elements to be selected, when the traversed page elements to be selected meet the preset conditions (the preset conditions include: 1. the page element is included in the target area; 2. the area occupied by the page element in the target area ratio exceeds 50%; 3. When the page element is located in multiple areas, and the page element occupies the highest area ratio in the target area), the page element to be selected is added to the element set, and the element set The page element in is used as the page element of the target area.

遍历待选取页面元素时,由于“27℃”的页面元素符合上述预设条件中的第三个,因此该页面元素被作为所述目标区域的页面元素,而“广告图片”的页面元素不符合上述预设条件中的任意一个,因此,该页面元素被舍弃(当然,若目标区域为区域标识为5所对应的区域,则该页面元素将会被作为所述目标区域的页面元素)。When traversing the page elements to be selected, because the page element of "27℃" meets the third of the above preset conditions, this page element is taken as the page element of the target area, while the page element of "advertising picture" does not meet the Any one of the above preset conditions, therefore, the page element is discarded (of course, if the target area is the area corresponding to the area ID 5, then the page element will be used as the page element of the target area).

可理解的是,所述目标区域的页面元素包括:“要闻”、“广东新闻”、“广州”、“27℃”、“让“一带一路”建设造福沿线各国人民”、“主持了6次重要会议四道考题治国理政”、“向新聘中央文史研究馆馆员颁发聘书”及“7月份51城市房价环比上涨深圳房价涨41.4%居首”,相应地,放大后的目标区域可参照图5。It is understandable that the page elements in the target area include: "Key News", "Guangdong News", "Guangzhou", "27°C", "Let the construction of the "Belt and Road" benefit the people of countries along the route", "Presided over 6 important meetings and four questions to govern the country", "Issuing letters of appointment to the newly recruited librarians of the Central Research Institute of Culture and History" and "July Housing prices in 51 cities have risen month-on-month, and Shenzhen’s housing prices have risen by 41.4%, ranking first.” Correspondingly, the enlarged target area can refer to Figure 5.

参照图10,图10为本发明电视浏览器快速浏览网页的装置第四实施例的功能模块示意图,基于上述图7或8所示的实施例,提出本发明电视浏览器快速浏览网页的装置的第四实施例,图10所示的实施例以基于图7为例。Referring to Fig. 10, Fig. 10 is a schematic diagram of functional modules of the fourth embodiment of the device for quickly browsing webpages of the TV browser of the present invention, based on the embodiment shown in Fig. 7 or 8 above, the device for quickly browsing webpages of the TV browser of the present invention is proposed In the fourth embodiment, the embodiment shown in FIG. 10 is based on FIG. 7 as an example.

本实施例中,所述装置还包括:In this embodiment, the device also includes:

焦点移动模块60,用于获取所述目标区域中一个页面元素,将获取的页面元素作为当前页面元素,并将光标焦点移动到所述当前页面元素上。The focus moving module 60 is configured to acquire a page element in the target area, use the acquired page element as the current page element, and move the cursor focus to the current page element.

为便于用户对页面元素进行点选操作,可获取所述目标区域中的一个页面元素,将获取的页面元素作为当前页面元素,并将光标焦点移动到所述当前页面元素上。In order to facilitate the user to perform a click operation on page elements, a page element in the target area may be acquired, the acquired page element may be used as a current page element, and the focus of the cursor may be moved to the current page element.

为满足用户的一般操作习惯,本实施例中,可获取所述目标区域中第一行第一个(即从左向右的第一个)的页面元素。In order to satisfy the user's general operating habits, in this embodiment, the page element that is the first in the first row (ie, the first from left to right) in the target area may be acquired.

需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。It should be noted that, as used herein, the term "comprises", "comprises" or any other variation thereof is intended to cover a non-exclusive inclusion such that a process, method, article or system comprising a set of elements includes not only those elements, It also includes other elements not expressly listed, or elements inherent in the process, method, article, or system. Without further limitations, an element defined by the phrase "comprising a ..." does not preclude the presence of additional identical elements in the process, method, article or system comprising that element.

上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。The serial numbers of the above embodiments of the present invention are for description only, and do not represent the advantages and disadvantages of the embodiments.

通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘) 中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。Through the description of the above embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus a necessary general-purpose hardware platform, and of course also by hardware, but in many cases the former is better implementation. Based on this understanding, the technical solution of the present invention can be embodied in the form of a software product in essence or the part that contributes to the prior art, and the computer software product is stored in a storage medium (such as ROM/RAM, disk, CD) contains several instructions to make a terminal device (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) execute the methods described in various embodiments of the present invention.

以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。The above are only preferred embodiments of the present invention, and are not intended to limit the patent scope of the present invention. Any equivalent structure or equivalent process transformation made by using the description of the present invention and the contents of the accompanying drawings, or directly or indirectly used in other related technical fields , are all included in the scope of patent protection of the present invention in the same way.

Claims (10)

1. a kind of method of TV browser fast browsing webpage, it is characterised in that methods described includes:
In response to the webpage fast browsing instruction of user input, obtain in current web page shown in display interface;
The current web page shown in the display interface is divided into the region of predetermined number, and is respectively embedded into each region pair The area identification answered;
Instruction is chosen in response to the region of user input, is chosen from the region and extracted in instruction current region mark, and obtained With the corresponding target area of current region mark;
The page elements of the target area are determined according to the positional information of page elements in the current web page;
The target area is amplified, and the target area after amplification is showed in the display interface.
2. the method as described in claim 1, it is characterised in that believe the position according to page elements in the current web page Cease to determine the page elements of the target area, specifically include:
Page elements to be chosen, the page elements to be chosen are obtained according to the positional information of page elements in the current web page For the page elements being at least partially disposed in the current web page in the target area;
The traversal page elements to be chosen, when traversing when selection page elements meet preparatory condition, this are waited to choose Page elements are added in element set;
Using the page elements in the element set as the target area page elements.
3. method as claimed in claim 2, it is characterised in that the preparatory condition includes:
Page elements are included by the target area;
And/or,
Page elements occupied area ratio in the target area exceedes preset ratio;
And/or,
Page elements are located in multiple regions, and page elements occupied area ratio highest in the target area.
4. such as method according to any one of claims 1 to 3, it is characterised in that described to be shown in the display interface Current web page be divided into the region of predetermined number, and be respectively embedded into corresponding area identification in each region, specifically include:
The ratio of width to height of the display interface is obtained, and obtains the resolution ratio of the current web page;
The roll mode of the ratio of width to height based on the display interface, the resolution ratio of the current web page and the current web page will The current web page shown in the display interface is divided into the region of predetermined number, with ensure the ratio of width to height in each region with it is described The ratio of width to height of display interface is consistent;
Corresponding area identification is respectively embedded into each region.
5. such as method according to any one of claims 1 to 3, it is characterised in that described to amplify the target area, and will After target area after amplification is showed in the display interface, methods described also includes:
A page elements in the target area are obtained, using the page elements of acquisition as current page element, and by cursor Focus is moved on the current page element.
6. a kind of device of TV browser fast browsing webpage, it is characterised in that described device includes:
Webpage acquisition module, for the webpage fast browsing instruction in response to user input, is obtained shown in display interface Current web page;
Region division module, the region for the current web page shown in the display interface to be divided into predetermined number, and Corresponding area identification is respectively embedded into each region;
Region acquisition module, chooses for the region in response to user input and instructs, and chooses to extract in instruction from the region and works as Proparea domain identifier, and obtain and the corresponding target area of current region mark;
Element determining module, the target area is determined for the positional information according to page elements in the current web page Page elements;
Amplify display module, for the target area to be amplified, and the target area after amplification is showed in display circle In face.
7. device as claimed in claim 6, it is characterised in that the element determining module, is additionally operable to according to the current net The positional information of page elements obtains page elements to be chosen in page, the page elements to be chosen in the current web page extremely Small part is located at the page elements in the target area;The traversal page elements to be chosen, when the page to be chosen traversed When surface element meets preparatory condition, the page elements to be chosen are added in element set;By the page in the element set Surface element as the target area page elements.
8. device as claimed in claim 7, it is characterised in that the preparatory condition includes:
Page elements are included by the target area;
And/or,
Page elements occupied area ratio in the target area exceedes preset ratio;
And/or,
Page elements are located in multiple regions, and page elements occupied area ratio highest in the target area.
9. the device as any one of claim 6~8, it is characterised in that the region division module, is additionally operable to obtain The ratio of width to height of the display interface, and obtain the resolution ratio of the current web page;It is the ratio of width to height based on the display interface, described The roll mode of the resolution ratio of current web page and the current web page draws the current web page shown in the display interface It is divided into the region of predetermined number, it is consistent with the ratio of width to height of the display interface with the ratio of width to height for ensureing each region;In each region point Qian Ru not corresponding area identification.
10. the device as any one of claim 6~8, it is characterised in that described device also includes:
Focus mobile module, for obtaining a page elements in the target area, using the page elements of acquisition as current Page elements, and cursor focus is moved on the current page element.
CN201611195427.7A 2016-12-21 2016-12-21 Method and device for quickly browsing web pages with TV browser Active CN106954091B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201611195427.7A CN106954091B (en) 2016-12-21 2016-12-21 Method and device for quickly browsing web pages with TV browser

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201611195427.7A CN106954091B (en) 2016-12-21 2016-12-21 Method and device for quickly browsing web pages with TV browser

Publications (2)

Publication Number Publication Date
CN106954091A true CN106954091A (en) 2017-07-14
CN106954091B CN106954091B (en) 2019-09-06

Family

ID=59465985

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201611195427.7A Active CN106954091B (en) 2016-12-21 2016-12-21 Method and device for quickly browsing web pages with TV browser

Country Status (1)

Country Link
CN (1) CN106954091B (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108170863A (en) * 2018-01-27 2018-06-15 葛忠涛 A kind of browsing entrance setting method of the page
CN109684574A (en) * 2018-08-20 2019-04-26 平安普惠企业管理有限公司 Page loading method, device, equipment and storage medium
CN111143731A (en) * 2019-12-19 2020-05-12 浙江大华技术股份有限公司 Display method and device for webpage interface zooming and terminal equipment
CN114463350A (en) * 2022-02-10 2022-05-10 人教数字出版有限公司 Processing method and related device for local high-definition screenshots based on digital teaching materials

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101075236A (en) * 2006-06-12 2007-11-21 腾讯科技(深圳)有限公司 Apparatus and method for accelerating browser webpage display
US7973807B2 (en) * 2006-01-19 2011-07-05 Microsoft Corporation Snap to element analytical tool
CN102117290A (en) * 2009-12-30 2011-07-06 北京搜狗科技发展有限公司 Method and system used for showing page elements in webpage
CN103049493A (en) * 2012-12-07 2013-04-17 北京百度网讯科技有限公司 Method, device and equipment for determining presenting positions of target page elements
CN103294711A (en) * 2012-02-28 2013-09-11 阿里巴巴集团控股有限公司 Method and device for determining page elements in web page
CN103365968A (en) * 2013-06-24 2013-10-23 广州市动景计算机科技有限公司 Webpage content magnification method and webpage content magnifier
CN104346360A (en) * 2013-07-29 2015-02-11 中兴通讯股份有限公司 Method and device for magnifying webpage for browser of mobile terminal
CN105242817A (en) * 2014-07-07 2016-01-13 阿里巴巴集团控股有限公司 Page element real-time highlighted display method and apparatus

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7973807B2 (en) * 2006-01-19 2011-07-05 Microsoft Corporation Snap to element analytical tool
CN101075236A (en) * 2006-06-12 2007-11-21 腾讯科技(深圳)有限公司 Apparatus and method for accelerating browser webpage display
CN102117290A (en) * 2009-12-30 2011-07-06 北京搜狗科技发展有限公司 Method and system used for showing page elements in webpage
CN103294711A (en) * 2012-02-28 2013-09-11 阿里巴巴集团控股有限公司 Method and device for determining page elements in web page
CN103049493A (en) * 2012-12-07 2013-04-17 北京百度网讯科技有限公司 Method, device and equipment for determining presenting positions of target page elements
CN103365968A (en) * 2013-06-24 2013-10-23 广州市动景计算机科技有限公司 Webpage content magnification method and webpage content magnifier
CN104346360A (en) * 2013-07-29 2015-02-11 中兴通讯股份有限公司 Method and device for magnifying webpage for browser of mobile terminal
CN105242817A (en) * 2014-07-07 2016-01-13 阿里巴巴集团控股有限公司 Page element real-time highlighted display method and apparatus

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108170863A (en) * 2018-01-27 2018-06-15 葛忠涛 A kind of browsing entrance setting method of the page
CN109684574A (en) * 2018-08-20 2019-04-26 平安普惠企业管理有限公司 Page loading method, device, equipment and storage medium
CN111143731A (en) * 2019-12-19 2020-05-12 浙江大华技术股份有限公司 Display method and device for webpage interface zooming and terminal equipment
CN111143731B (en) * 2019-12-19 2023-04-21 浙江大华技术股份有限公司 Display method and device for webpage interface zooming and terminal equipment
CN114463350A (en) * 2022-02-10 2022-05-10 人教数字出版有限公司 Processing method and related device for local high-definition screenshots based on digital teaching materials
CN114463350B (en) * 2022-02-10 2025-01-21 人教数字出版有限公司 Processing method and related device for local high-definition screenshots based on digital teaching materials

Also Published As

Publication number Publication date
CN106954091B (en) 2019-09-06

Similar Documents

Publication Publication Date Title
CN103970827B (en) Page search method and electronic device supporting said method
CN102662566B (en) Screen content amplification display method and terminal
JP6130335B2 (en) Information display program, distribution device, information display method, and information display device
CN103827801B (en) Refer to and dial adjustment
TWI494842B (en) Webpage auxiliary amplification system and method
CN102855072B (en) Webpage assists amplification system and method
US10228835B2 (en) Method for displaying information, and terminal equipment
CN109218819B (en) A kind of video preview method and mobile terminal
CN106954091B (en) Method and device for quickly browsing web pages with TV browser
US20140229834A1 (en) Method of video interaction using poster view
WO2008034336A1 (en) Method for browsing web page
CN112286614A (en) User interface display method and device, electronic device and storage medium
CN104049854A (en) Display processing method and electronic equipment
JP2019008668A (en) Client device, image processing system, image display method, and program
CN107239528A (en) Search result display methods and device
CN105760064A (en) Method Of Displaying Content And Electronic Device Implementing Same
CN103098003B (en) For the method for video data object, software and equipment
WO2015141006A1 (en) Information processing device, display method and control program
CN103648043A (en) Searching control method and control apparatus for smart television set
CN105630893B (en) A kind of display methods and device of group picture title
CN105988700B (en) Terminal screen display method and device
WO2016155518A1 (en) Interface interaction method and device
CN108415637B (en) Multi-layer display method and system for list-type interface
CN104679395B (en) A kind of document rendering method and user terminal
TW201209704A (en) Image-based control method, processing method and system thereof

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