CN102402601B - Focus navigation method based on embedded full-functional browser - Google Patents
Focus navigation method based on embedded full-functional browser Download PDFInfo
- Publication number
- CN102402601B CN102402601B CN201110367501.XA CN201110367501A CN102402601B CN 102402601 B CN102402601 B CN 102402601B CN 201110367501 A CN201110367501 A CN 201110367501A CN 102402601 B CN102402601 B CN 102402601B
- Authority
- CN
- China
- Prior art keywords
- focus
- candidate
- coordinate
- frame
- current
- 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.)
- Active
Links
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention relates to the field of browsers and discloses a focus navigation method based on an embedded full-functional browser, which specifically comprises the following steps of: 1, defining a data structure for storing focus attribute information, obtaining attribute information of each focus and adding each focus into a linked list; and 2, when the focus moves, judging the overlap ratio of each candidate focus frame and the current focus frame, obtaining a candidate focus set according to the overlap ratio, selecting a candidate focus frame with a shortest distance from the center point of the candidate focus frame to the center point of the current focus frame in the candidate focus set as a target focus. According to the method, when the target focus is searched, according to the linear distance between eh center of the current focus frame and the center point of the candidate focus frame and the overlap ratio of the current focus frame and the candidate focus frame, the focus navigation is more accurate and more sensitive, and the effect of browsing a large webpage is more remarkable for the embedded full-functional browser.
Description
Technical field
The present invention relates to browser field, particularly relate to a kind of focus navigation method based on embedded full-functional browser.
Background technology
Along with the arrival of 3C convergence era, in increasing consumer electronics product, there is the demand of browser application.At present, much all supported browser application in the products such as digital TV set-top box, IPTV set top box, digital TV integrated machine and mobile phone, particularly the fast development of internet television facilitates again the fast development of built-in browser.
Current internet TV, IPTV set top box etc. are mostly operated by telepilot, and telepilot can not be equally complicated with keyboard.Button on telepilot generally comprises: directionkeys, acknowledgement key, return key, numerical key and other function keys up and down.For use built-in browser, mainly complete various functions by directionkeys, acknowledgement key and return key.Based on this feature, in General Requirements webpage, focus can not be too much, and beating in addition between focus must rationally, add difficulty also to the exploitation of embedded browsing simultaneously.At present, most embedded device can access public network by browser, how by directionkeys, acknowledgement key, return key, numerical key and other function keys control webpage Focal Point Shift like clockwork up and down, particularly for large-scale webpage (focus is many), this point is quite difficult.Generally, most focus navigation mechanism for simple webpage support very reasonable, but for the public network webpage of complexity, probably there is the phenomenon of Focal Point Shift confusion.
Summary of the invention
The object of the invention is, for the problem that there is Focal Point Shift confusion in prior art when the simple keyed access public network using similar telepilot, to provide a kind of focus navigation method based on embedded full-functional browser.
Object of the present invention is realized by following technical proposals:
Based on a focus navigation method for embedded full-functional browser, it specifically comprises following steps:
The data structure of focus attribute information is deposited in step 1. definition, obtains the attribute information of each focus and adds in chained list by each focus frame;
Step 2., when Focal Point Shift, judges the registration of each candidate's focus frame and current focus frame, obtains candidate's focus collection according to registration, and the candidate's focus frame selecting candidate's focus focalization frame central point distance current focus frame central point the shortest is goal-focus;
Wherein:
Current focus: the focus referring to highlighted display in current web page;
Candidate's focus: refer in webpage all available focus removing current focus;
Goal-focus: by the focus of highlighted display;
Registration between focus: refer to when Focal Point Shift, according to moving direction, current focus frame and candidate's focus frame in the horizontal direction or the degree that overlaps of vertical direction, are divided into according to coincidence degree: overlap completely, partially overlap, do not overlap;
Distance between focus: refer to the air line distance between current focus frame central point and candidate's focus frame central point.
Preferably, the described method obtaining candidate's focus collection according to registration is specially, according to the priority of registration, first the candidate's focus overlapped completely alternatively focus collection; If the candidate's focus do not overlapped completely, secondly the candidate's focus partially overlapped alternatively focus collection; If the candidate's focus do not partially not overlapped, finally the candidate's focus do not overlapped alternatively focus collection.
Preferably, in the vertical direction, when move up focus time, candidate's focus candidate's focus center point y coordinate figure being less than to the y coordinate figure of current focus central point is ignored; When moving down focus, candidate's focus candidate's focus center point y coordinate figure being greater than to the y coordinate figure of current focus central point is ignored; Then registration judgement and distance calculating is carried out.
Preferably, in the horizontal direction, when being moved to the left focus, candidate's focus candidate's focus center point x coordinate figure being greater than to the x coordinate figure of current focus central point is ignored; When move right focus time, candidate's focus candidate's focus center point x coordinate figure being less than to the y coordinate figure of current focus central point is ignored; Then registration judgement and distance calculating is carried out.
Preferably, the type of focus is mainly contained inside the data structure depositing focus attribute information that described step 1 defines, state, coordinate information attribute information.After embedded full-functional browser carries out HTML parsing to webpage, generating a dom tree, by traveling through whole dom tree, the correlation attribute information of each node in dom tree being added in the middle of the correlation parameter of the data structure of above-mentioned structure.
Preferably, described method also comprises the support to the display of acquiescence focus frame.By comparing the y coordinate figure of focus in chained list, selecting the value that y is minimum, if there is the equal situation of y value, then comparing the size of x coordinate figure, be finally chosen at y coordinate minimum when x coordinate figure also minimum that focus be acquiescence display focus.
Beneficial effect of the present invention: pass through said method, when searching goal-focus according to the air line distance between current focus frame central point and candidate's focus frame central point and the registration taken into account between current focus frame and candidate's focus frame, make focus navigation more accurate, more responsive, for browsing under embedded full-functional browser, large-scale webpage effect is particularly evident.The present invention finally provides more humane for user, and fast, focus location accurately, the controllability increase of the operation online that uses a teleswitch to user, enhances the experience sense of user, have certain social use value.
figure of description
Fig. 1 is the focus navigation method flow diagram based on embedded full-functional browser of the present invention.
Fig. 2 is interpolation webpage focus attribute information realization flow figure of the present invention.
Embodiment
Below in conjunction with specific embodiments and the drawings, the present invention is further illustrated.
Focus navigation method based on embedded full-functional browser of the present invention, it specifically comprises following steps:
The data structure of focus attribute information is deposited in step 1. definition, obtains the attribute information of each focus and adds in chained list by each focus frame;
Step 2. is when Focal Point Shift, judge the registration of each candidate's focus frame and current focus frame, obtain candidate's focus collection by the judgement of registration, the candidate's focus frame selecting candidate's focus focalization frame central point distance current focus frame central point the shortest is goal-focus.Current focus in said method: the focus referring to highlighted display in current web page.Candidate's focus: refer in webpage all available focus removing current focus.Goal-focus: after direction keys of remote controller, is calculated, by the focus of highlighted display by navigation.Registration between focus: refer to when Focal Point Shift, according to moving direction, current focus frame and candidate's focus frame in the horizontal direction or the degree that overlaps of vertical direction, can be divided into according to coincidence degree: overlap completely, partially overlap, not overlap.Distance between focus: refer to the air line distance between current focus frame central point and candidate's focus frame central point.The focus navigation method flow diagram based on embedded full-functional browser of the present invention as shown in Figure 1.Pass through said method, when searching goal-focus according to the air line distance between current focus frame central point and candidate's focus frame central point and the registration taken into account between current focus frame and candidate's focus frame, make focus navigation more accurate, more responsive, for browsing under embedded full-functional browser, large-scale webpage effect is particularly evident.Nowadays, the flourish digital home in our future that will guide of internet television lives, and uses public network on embedded full-functional browser to become inevitable.The present invention finally provides more humane for user, and fast, focus location accurately, the controllability increase of the operation online that uses a teleswitch to user, enhances the experience sense of user, have certain social use value.
Preferably, the method obtaining candidate's focus collection according to registration is, according to the priority of registration, first considers the candidate's focus overlapped completely alternatively focus collection; If the candidate's focus do not overlapped completely, secondly consider the candidate's focus partially overlapped alternatively focus collection; If the candidate's focus do not partially not overlapped, finally consider the candidate's focus do not overlapped alternatively focus collection.
Preferably, in the vertical direction, when move up focus time, candidate's focus candidate's focus center point y coordinate figure being less than to the y coordinate figure of current focus central point is ignored; When moving down focus, candidate's focus candidate's focus center point y coordinate figure being greater than to the y coordinate figure of current focus central point is ignored; Then registration judgement and distance calculating is carried out.
Preferably, in the horizontal direction, when being moved to the left focus, candidate's focus candidate's focus center point x coordinate figure being greater than to the x coordinate figure of current focus central point is ignored; When move right focus time, candidate's focus candidate's focus center point x coordinate figure being less than to the y coordinate figure of current focus central point is ignored; Then registration judgement and distance calculating is carried out.
Preferably, the type of focus is mainly contained inside the data structure depositing focus attribute information that described step 1 defines, state, coordinate information attribute information.After embedded full-functional browser carries out HTML parsing to webpage, generating a dom tree, by traveling through whole dom tree, the correlation attribute information of each node in dom tree being added in the middle of the correlation parameter of the data structure of above-mentioned structure.Be implemented as following data structure:
class FocusNode{
public:
FocusNode();
~FocusNode();
FocusNode* m_preNode;
FocusNode* m_nextNode;
int m_type;
int m_shapeX;
int m_shapeY;
int m_shapeW;
int m_shapeH;
int m_status;
int m_hasSetShape;
}
In this data structure,
Wherein m_type represents the type of focus, m_shapeX represents the x coordinate figure of focus, m_shapeY represents the y coordinate figure of focus, m_shapeW represents the width of focus frame, m_shapeH represents the height of focus frame, m_status represents the state (FOCUS_OFF of focus, FOCUS_ON represents this focus two states), m_hasSetShape represents that the shape of whether focusing has carried out the setting of coordinate information, m_preNode represents the previous focus of current focus, and m_nextNode represents the next focus of current focus.
Interpolation webpage focus attribute information realization flow figure of the present invention as shown in Figure 2.Described step 1 is also included in after embedded full-functional browser carries out HTML parsing to webpage, generate a DOM(DOM Document Object Model) tree, by traveling through whole dom tree, the correlation attribute information of each node in dom tree is added in the middle of the correlation parameter of the data structure of above-mentioned structure.In order to the coordinate system of unified full page, we use absolute coordinates to represent the coordinate information of webpage focus.Because each element has offsetTop and offsetLeft attribute, represent the upper left corner of this element and the distance in father's container (offsetParent object) upper left corner.So, only need offsetTop and the offsetLeft value of element and offsetTop and the offsetLeft value of his father's container to add up, just can obtain the absolute coordinates of this element.So just can make the coordinate unification of whole webpage focus, final is that navigation calculating provides support.Then the absolute coordinate information obtained after conversion is added in the correlation parameter of the data structure of structure and go.Finally according to the order that node adds, whole nodal informations of webpage are stored in the data structure of structure.According to the method shown in accompanying drawing one, can realize, by focal correlation attribute information in webpage, adding in constructed data structure, and associate with the form of chained list.
Preferably, described method also comprises the support to the display of acquiescence focus frame.By comparing the y coordinate figure of focus in chained list, selecting the value that y is minimum, if there is the equal situation of y value, then comparing the size of x coordinate figure, be finally chosen at y coordinate minimum when x coordinate figure also minimum that focus be acquiescence display focus.Such acquiescence focus shows the logic requirement more meeting us.
More than above are only preferred embodiment of the present invention, not in order to limit the present invention, all any amendments done within the spirit and principles in the present invention, equivalent replacement and improvement etc., all should be included within protection scope of the present invention.
Claims (5)
1., based on a focus navigation method for embedded full-functional browser, it specifically comprises following steps:
The data structure of focus attribute information is deposited in step 1. definition, obtains the attribute information of each focus and adds in chained list by each focus;
Step 2., when Focal Point Shift, judges the registration of each candidate's focus frame and current focus frame, obtains candidate's focus collection according to registration, and the candidate's focus frame selecting candidate's focus focalization frame central point distance current focus frame central point the shortest is goal-focus;
Wherein:
Current focus: the focus referring to highlighted display in current web page;
Candidate's focus: refer in webpage all available focus removing current focus;
Goal-focus: by the focus of highlighted display;
Registration between focus: refer to when Focal Point Shift, according to moving direction, current focus frame and candidate's focus frame in the horizontal direction or the degree that overlaps of vertical direction, are divided into according to coincidence degree: overlap completely, partially overlap, do not overlap;
Distance between focus: refer to the air line distance between current focus frame central point and candidate's focus frame central point;
Focal type is comprised inside the data structure depositing focus attribute information that described step 1 defines, state, coordinate information, after embedded full-functional browser carries out HTML parsing to webpage, generate a dom tree, by traveling through whole dom tree, the correlation attribute information of each node in dom tree is added in the middle of the attribute information of the focus of the data structure of above-mentioned structure.
2. as claimed in claim 1 based on the focus navigation method of embedded full-functional browser, it is characterized in that the described method obtaining candidate's focus collection according to registration is specially, according to the priority of registration, first the candidate's focus overlapped completely alternatively focus collection; If the candidate's focus do not overlapped completely, secondly the candidate's focus partially overlapped alternatively focus collection; If the candidate's focus do not partially not overlapped, finally the candidate's focus do not overlapped alternatively focus collection.
3., as claimed in claim 2 based on the focus navigation method of embedded full-functional browser, it is characterized in that described step 2 is specially:
In the vertical direction, when move up focus time, candidate's focus candidate's focus center point y coordinate figure being less than to the y coordinate figure of current focus central point is ignored; When moving down focus, candidate's focus candidate's focus center point y coordinate figure being greater than to the y coordinate figure of current focus central point is ignored; Then registration judgement and distance calculating is carried out.
4., as claimed in claim 3 based on the focus navigation method of embedded full-functional browser, it is characterized in that described step 2 is specially:
In the horizontal direction, when being moved to the left focus, candidate's focus candidate's focus center point x coordinate figure being greater than to the x coordinate figure of current focus central point is ignored; When move right focus time, candidate's focus candidate's focus center point x coordinate figure being less than to the y coordinate figure of current focus central point is ignored; Then registration judgement and distance calculating is carried out.
5. as claimed in claim 4 based on the focus navigation method of embedded full-functional browser, it is characterized in that described method also comprises the support to the display of acquiescence focus frame, by comparing the y coordinate figure of focus in chained list, select the value that y is minimum, if there is the situation that y value is equal, then compare the size of x coordinate figure, be finally chosen at y coordinate minimum when x coordinate figure also minimum that focus be acquiescence display focus.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110367501.XA CN102402601B (en) | 2011-11-18 | 2011-11-18 | Focus navigation method based on embedded full-functional browser |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110367501.XA CN102402601B (en) | 2011-11-18 | 2011-11-18 | Focus navigation method based on embedded full-functional browser |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102402601A CN102402601A (en) | 2012-04-04 |
CN102402601B true CN102402601B (en) | 2015-06-17 |
Family
ID=45884801
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110367501.XA Active CN102402601B (en) | 2011-11-18 | 2011-11-18 | Focus navigation method based on embedded full-functional browser |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102402601B (en) |
Families Citing this family (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104050165B (en) * | 2013-03-11 | 2018-04-20 | 中兴通讯股份有限公司 | A kind of webpage initial focus method for selecting and device based on IPTV |
CN103544000B (en) * | 2013-07-05 | 2017-06-06 | Tcl集团股份有限公司 | A kind of moving operation method and system of user interface |
CN103916710B (en) * | 2014-03-31 | 2018-04-13 | 优视科技有限公司 | focus switching method and system |
CN106155644B (en) * | 2015-03-27 | 2019-07-23 | 中国科学院声学研究所 | Webpage focal point control implementation method suitable for smart television browser |
CN104778239B (en) * | 2015-04-03 | 2018-07-06 | 中国科学院声学研究所 | A kind of built-in browser focus querying method |
CN104808920A (en) * | 2015-04-30 | 2015-07-29 | 青岛海信电器股份有限公司 | Focal point control method and focal point control device |
CN105307048B (en) * | 2015-10-15 | 2020-03-06 | 中国科学院声学研究所 | WebKit kernel-based focus query method for smart television |
CN106610827B (en) * | 2015-10-23 | 2019-10-22 | 中国科学院声学研究所 | A method of the mobile custom attributes of extension browser focus and realization focus are mobile |
CN105786331A (en) * | 2016-03-18 | 2016-07-20 | 四川长虹电器股份有限公司 | Improved focus navigation algorithm based on browser |
CN107529081A (en) * | 2016-06-21 | 2017-12-29 | 阿里巴巴集团控股有限公司 | Focus switching method and apparatus |
CN106844606A (en) * | 2017-01-16 | 2017-06-13 | 青岛海信宽带多媒体技术有限公司 | The focus processing method and processing device of webpage |
CN106708371B (en) * | 2017-01-17 | 2020-04-07 | 深圳创维数字技术有限公司 | Method and system for realizing focus control of browser |
CN108668156B (en) * | 2018-06-20 | 2021-02-23 | 海信视像科技股份有限公司 | Method and device for moving focus in program item display interface and terminal equipment |
EP3813380A4 (en) | 2018-06-20 | 2022-03-16 | Hisense Visual Technology Co., Ltd. | Control method for focus movement on epg user interface, and display device |
CN109309874B (en) * | 2018-08-31 | 2021-05-11 | 海信视像科技股份有限公司 | Focus updating method and device |
CN111459582B (en) * | 2019-01-22 | 2024-07-23 | 深圳市茁壮网络股份有限公司 | Focus element processing method and device |
CN110704146A (en) * | 2019-08-30 | 2020-01-17 | 华为技术有限公司 | Focus management method applied to electronic equipment and electronic equipment |
CN113051495B (en) * | 2019-12-27 | 2023-10-20 | 成都鼎桥通信技术有限公司 | Web page focus navigation method and device |
CN113596592B (en) * | 2021-07-13 | 2023-10-31 | 深圳市酷开网络科技股份有限公司 | Television webpage focus control method and device, terminal equipment and storage medium |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101562690A (en) * | 2009-05-15 | 2009-10-21 | 中兴通讯股份有限公司 | Method for operating set-top box and key thereof |
CN101577797A (en) * | 2009-06-03 | 2009-11-11 | 中兴通讯股份有限公司 | Page focus movement method and system |
CN101833456A (en) * | 2010-05-26 | 2010-09-15 | 四川长虹电器股份有限公司 | Focus element navigation method in human-computer interface |
CN102202240A (en) * | 2011-05-19 | 2011-09-28 | 广东星海数字家庭产业技术研究院有限公司 | Set-top box browser control focus skip method |
CN102231167A (en) * | 2011-07-08 | 2011-11-02 | 深圳市同洲电子股份有限公司 | Method and device for moving focuses based on embedded browser |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070294371A1 (en) * | 2006-06-15 | 2007-12-20 | Petri John E | Method for determining input focus for web pages having aggregated content |
-
2011
- 2011-11-18 CN CN201110367501.XA patent/CN102402601B/en active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101562690A (en) * | 2009-05-15 | 2009-10-21 | 中兴通讯股份有限公司 | Method for operating set-top box and key thereof |
CN101577797A (en) * | 2009-06-03 | 2009-11-11 | 中兴通讯股份有限公司 | Page focus movement method and system |
CN101833456A (en) * | 2010-05-26 | 2010-09-15 | 四川长虹电器股份有限公司 | Focus element navigation method in human-computer interface |
CN102202240A (en) * | 2011-05-19 | 2011-09-28 | 广东星海数字家庭产业技术研究院有限公司 | Set-top box browser control focus skip method |
CN102231167A (en) * | 2011-07-08 | 2011-11-02 | 深圳市同洲电子股份有限公司 | Method and device for moving focuses based on embedded browser |
Also Published As
Publication number | Publication date |
---|---|
CN102402601A (en) | 2012-04-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102402601B (en) | Focus navigation method based on embedded full-functional browser | |
CN101388041B (en) | Browsers page navigation method and system for handhold terminal | |
CN102132243B (en) | User interface generation device | |
US20160283096A1 (en) | Method of generating a link by utilizing a picture and system thereof | |
CN106155644B (en) | Webpage focal point control implementation method suitable for smart television browser | |
CN103546822B (en) | It is a kind of to be based on interface of intelligent television indicating mode switching method and apparatus | |
CN100461084C (en) | Interface focus object selection method | |
US20160085430A1 (en) | Adapting user interface to interaction criteria and component properties | |
CN104461346A (en) | Method and device for visually impaired people to touch screen and intelligent touch screen mobile terminal | |
CN107272994A (en) | Form interface switching | |
CN103648055A (en) | Screen adaptive method of intelligent TV browser, device thereof and intelligent TV | |
CN106845644A (en) | A kind of heterogeneous network of the contact for learning user and Mobile solution by correlation | |
CN102202240B (en) | Set-top box browser control focus skip method | |
CN104808920A (en) | Focal point control method and focal point control device | |
CN103970839A (en) | Method for controlling webpage browsing through voice | |
CN104584014B (en) | Information display method and recording medium | |
CN103501446A (en) | Internet television system based on gesture man-machine interaction technology and realization method of Internet television system | |
CN107003804A (en) | For the method for offer prototype instrument, system and the recording medium for the computer deciphering that non-transitory can be carried out | |
CN105740417A (en) | Webpage based target data search method and module, browser and terminal | |
AU2013309655B2 (en) | Device and content searching method using the same | |
US20150067570A1 (en) | Method and Apparatus for Enhancing User Interface in a Device with Touch Screen | |
CN111506239A (en) | Media resource management equipment and display processing method of label configuration component | |
CN103179445A (en) | Method, device and television (TV) for receiving external input signals | |
CN105791927A (en) | Smart television gesture control method and system | |
CN103713834B (en) | The method and device of focus positioning |
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 |