CN102982113A - Page loading method for browser based on content grouping of Android system - Google Patents
Page loading method for browser based on content grouping of Android system Download PDFInfo
- Publication number
- CN102982113A CN102982113A CN2012104452827A CN201210445282A CN102982113A CN 102982113 A CN102982113 A CN 102982113A CN 2012104452827 A CN2012104452827 A CN 2012104452827A CN 201210445282 A CN201210445282 A CN 201210445282A CN 102982113 A CN102982113 A CN 102982113A
- Authority
- CN
- China
- Prior art keywords
- node
- browser
- node group
- information
- content
- 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
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention relates to a page loading method for a browser based on a content grouping of an Android system. The method comprises the steps of analyzing a webpage into a document object model (DOM) tree after the browser establishes connection with a server and obtains resources, before the webpage is rendered, grouping and reestablishing nodes loaded in the DOM tree according to content, preferentially achieving rendering of textual word node sets with a large amount of effective information, and achieving rendering of content such as pictures, audio and video and meanwhile guaranteeing that a user can receive the effective information. According to the page loading method for browser based on content grouping, rendering rate of the effective information is obviously improved, a defect that the user waits the webpage to be loaded for quite a long time is overcome, good user experience is ensured, and therefore the page loading method has a positive effect on promotion of rapid and effective transmission of internet information.
Description
Technical field
The present invention relates to a kind of browser page loading method of the content-based grouping for the Android system, belong to the technical field of intelligent information terminal.
Background technology
The general flow for the browser page loading method of Android system that uses now be the content that webpage is all load finish after, be rendered on the page again.The defective of above-mentioned loading method is, if the network browser pages more complicated, the required load time is then long, so the user will face in long time the inside the page to be loaded of a blank, cause bad user to experience, and user and do not know that whether webpage is also in work.
Experience in order to improve the user, for the shortcoming of above-mentioned webpage loading method, adopt in the industry the webpage piecemeal is realized browsing device net page is rapidly and efficiently shown.Mostly existing webpage method of partition is the structural heuristic at DOM, such as VIPS(Vision based Page Segmentation).This method is simple and easy to realize that efficient is also higher, but does not have general applicability.Another kind of method Graph Approach based on graph theory can convert webpage to figure and represent, then figure is divided, and obtains dividing the result and is mapped on the webpage.The method can be applied to the upper all webpages of web, has general applicability, but owing to the figure that represents webpage is very large, divides difficulty, and efficient is lower, and practicality is relatively poor.
Summary of the invention
For the deficiencies in the prior art, the present invention discloses a kind of browser page loading method of the content-based grouping for the Android system.The method is divided into groups to load for the browser page displayed content and is played up in loading procedure, has not only improved the webpage loading efficiency, and has guaranteed preferably general applicability and practicality, and had good user and experience.
Technical scheme of the present invention is as follows:
A kind of browser page loading method of the content-based grouping for the Android system comprises that step is as follows:
(1) browser receives after the hyperlink request of browser address bar, browser is found the IP address of above-mentioned hyperlink request domain name mapping by dns resolution, browser is obtained with described IP address and is linked, and described browser utilizes request header information to initiate request to the server at place, described IP address by http protocol simultaneously;
(2) described server receive the described request of step (1) and etc. pending this request; The backward described browser of the above-mentioned request of described server process is beamed back response, and this moment, described browser received the code file of HTML/XML type from server, and obtains wherein embedded resource address under http protocol;
(3) described browser resolves to the XML dom tree with the code file of HTML type, step is as follows: at first, whether the code file that checks whole HTML type meets standard, when for example an initial tag occurring, whether has the tag of termination to echo with it at every turn; Secondly, check whether the code file of XML type meets specific syntax rule, i.e. the standard of a certain DTD or XML-Schema; At last, begin to make up dom tree; After being parsed, the described content of the code file of whole XML type and structure thereof all are stored in as dom tree among the internal memory of Android system;
(4) described browser begins to detect from XML dom tree root node, each DOM node can be performed inspection, the node that each DOM node is contained text message, picture, Voice ﹠ Video information is stored in respectively in the different node groups: the node of text message class is stored in the text message node group, the node of picture category is stored in the picture node group, the node of audio class is stored in the audio node group, the node of video class is stored in the video node group, finish the reconstruction of dom tree;
(5) described browser adopts multithreading, extracts simultaneously in text message node group, picture node group, audio node group and the video node group content and carries out webpage and play up; Take text message node group content information as example, extract the content information of node in the dom tree Chinese version information node group, begin to carry out webpage and play up; Play up finish after, the JS file in the node of loading text info class and text style CSS load according to the serial load mode described JS file; Wherein the JS file including syntactic definition, for the variable that satisfies JS file the inside and the mutual call relation of function, the mode that therefore adopts serial to load loads;
(6) described browser is finished the playing up of video information of node in the audio-frequency information, video node group of node in pictorial information to node in the picture node group in the dom tree, the audio node group successively; Because literal node group Chinese version information is that the fastest quilt is played up out, so the render time that the user experiences namely is the rendering text information time, guaranteeing that the user when obtaining effective information fast, finishes playing up full page.
Advantage of the present invention is:
The present invention is by when the page is played up in loading, the information content to be loaded is divided into groups, adopt multithreading to play up simultaneously a plurality of node groups, visual effect is at first to finish playing up text message, then be text formatting (CSS pattern), picture, audio frequency, video information successively, guaranteeing that the user is when obtaining effective information fast, finish the playing up of whole Webpage on the browser backstage, has a kind of good experience impression when making the user utilize intelligent terminal Android system login browsing page.
Embodiment
Below in conjunction with embodiment the present invention is described in detail, but is not limited to this.
Embodiment,
A kind of browser page loading method of the content-based grouping for the Android system comprises that step is as follows:
(1) browser receives after the hyperlink request of browser address bar, browser is found the IP address of above-mentioned hyperlink request domain name mapping by dns resolution, browser is obtained with described IP address and is linked, and described browser utilizes request header information to initiate request to the server at place, described IP address by http protocol simultaneously;
(2) described server receive the described request of step (1) and etc. pending this request; The backward described browser of the above-mentioned request of described server process is beamed back response, and this moment, described browser received the code file of HTML/XML type from server, and obtains wherein embedded resource address under http protocol;
(3) described browser resolves to the XML dom tree with the code file of HTML type, step is as follows: at first, whether the code file that checks whole HTML type meets standard, when for example an initial tag occurring, whether has the tag of termination to echo with it at every turn; Secondly, check whether the code file of XML type meets specific syntax rule, i.e. the standard of a certain DTD or XML-Schema; At last, begin to make up dom tree; After being parsed, the described content of the code file of whole XML type and structure thereof all are stored in as dom tree among the internal memory of Android system;
(4) described browser begins to detect from XML dom tree root node, each DOM node can be performed inspection, the node that each DOM node is contained text message, picture, Voice ﹠ Video information is stored in respectively in the different node groups: the node of text message class is stored in the text message node group, the node of picture category is stored in the picture node group, the node of audio class is stored in the audio node group, the node of video class is stored in the video node group, finish the reconstruction of dom tree;
(5) described browser adopts multithreading, extracts simultaneously in text message node group, picture node group, audio node group and the video node group content and carries out webpage and play up; Take text message node group content information as example, extract the content information of node in the dom tree Chinese version information node group, begin to carry out webpage and play up; Play up finish after, the JS file in the node of loading text info class and text style CSS load according to the serial load mode described JS file; Wherein the JS file including syntactic definition, for the variable that satisfies JS file the inside and the mutual call relation of function, the mode that therefore adopts serial to load loads;
(6) described browser is finished the playing up of video information of node in the audio-frequency information, video node group of node in pictorial information to node in the picture node group in the dom tree, the audio node group successively; Because literal node group Chinese version information is that the fastest quilt is played up out, so the render time that the user experiences namely is the rendering text information time, guaranteeing that the user when obtaining effective information fast, finishes playing up full page.
Claims (1)
1. browser page loading method for the content-based grouping of Android system is characterized in that it is as follows that the method comprising the steps of:
(1) browser receives after the hyperlink request of browser address bar, browser is found the IP address of above-mentioned hyperlink request domain name mapping by dns resolution, browser is obtained with described IP address and is linked, and described browser utilizes request header information to initiate request to the server at place, described IP address by http protocol simultaneously;
(2) described server receive the described request of step (1) and etc. pending this request; The backward described browser of the above-mentioned request of described server process is beamed back response, and this moment, described browser received the code file of HTML/XML type from server, and obtains wherein embedded resource address under http protocol;
(3) described browser resolves to the XML dom tree with the code file of HTML type, and after being parsed, the described content of the code file of whole XML type and structure thereof all are stored in as dom tree among the internal memory of Android system;
(4) described browser begins to detect from XML dom tree root node, each DOM node can be performed inspection, the node that each DOM node is contained text message, picture, Voice ﹠ Video information is stored in respectively in the different node groups: the node of text message class is stored in the text message node group, the node of picture category is stored in the picture node group, the node of audio class is stored in the audio node group, the node of video class is stored in the video node group, finish the reconstruction of dom tree;
(5) described browser adopts multithreading, extracts simultaneously in text message node group, picture node group, audio node group and the video node group content and carries out webpage and play up; Take text message node group content information as example, extract the content information of node in the dom tree Chinese version information node group, begin to carry out webpage and play up; Play up finish after, the JS file in the node of loading text info class and text style CSS load according to the serial load mode described JS file;
(6) described browser is finished the playing up of video information of node in the audio-frequency information, video node group of node in pictorial information to node in the picture node group in the dom tree, the audio node group successively.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210445282.7A CN102982113B (en) | 2012-11-08 | A kind of browser page loading method based on content packet for android system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210445282.7A CN102982113B (en) | 2012-11-08 | A kind of browser page loading method based on content packet for android system |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102982113A true CN102982113A (en) | 2013-03-20 |
| CN102982113B CN102982113B (en) | 2016-11-30 |
Family
ID=
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103488480A (en) * | 2013-09-09 | 2014-01-01 | 百度在线网络技术（北京）有限公司 | Method and system for page display |
| CN104573001A (en) * | 2015-01-07 | 2015-04-29 | 北京联合大学 | Mobile terminal-based webpage data acqusition and classification method |
| CN104899060A (en) * | 2015-05-20 | 2015-09-09 | 天脉聚源（北京）教育科技有限公司 | Picture loading processing method and apparatus |
| CN104899052A (en) * | 2014-03-07 | 2015-09-09 | 可牛网络技术（北京）有限公司 | Startup method and startup device of application software home page |
| WO2016015527A1 (en) * | 2014-07-31 | 2016-02-04 | 优视科技有限公司 | Webpage update method and apparatus based on synthetic rendering acceleration |
| CN105763891A (en) * | 2016-02-22 | 2016-07-13 | Tcl集团股份有限公司 | Television program channel recommending method, smart television and server |
| CN107102877A (en) * | 2017-04-26 | 2017-08-29 | 国网辽宁省电力有限公司信息通信分公司 | A kind of adaptive approach of browser-cross plug-in unit |
| CN107506431A (en) * | 2017-08-22 | 2017-12-22 | 广州创维平面显示科技有限公司 | By method, storage medium and the terminal of XML file generation html file |
| WO2019011141A1 (en) * | 2017-07-12 | 2019-01-17 | 阿里巴巴集团控股有限公司 | Startup and configuration method, apparatus and device, medium, and operating system |
| CN109241471A (en) * | 2018-10-26 | 2019-01-18 | 珠海格力电器股份有限公司 | Page rendering method, server, browser and exploitation for energy information management system |
| CN109788343A (en) * | 2018-11-26 | 2019-05-21 | 广州微算互联信息技术有限公司 | The method and cloud handset server of html web page audio stream plays |
| CN110442815A (en) * | 2019-06-24 | 2019-11-12 | 北京奇艺世纪科技有限公司 | Page generation method, system, device and computer readable storage medium |
| CN111382311A (en) * | 2019-04-02 | 2020-07-07 | 鸿合科技股份有限公司 | Index bar thumbnail rapid display method and device and electronic equipment |
| CN111737621A (en) * | 2020-06-17 | 2020-10-02 | 友虹(北京)科技有限公司 | OFD rendering method, system and device based on WASM |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101763357A (en) * | 2008-11-13 | 2010-06-30 | 北京搜狗科技发展有限公司 | Method and system for browser to load internet resources |
| CN102368213A (en) * | 2011-09-26 | 2012-03-07 | 奇智软件（北京）有限公司 | Page downloading control method and system for IE (Internet Explorer) core browser |
| CN102541848A (en) * | 2010-12-08 | 2012-07-04 | 卓望数码技术（深圳）有限公司 | Method, device, system and server for page loading based on cell phone browser |
| US20120240063A1 (en) * | 2011-03-18 | 2012-09-20 | International Business Machines Corporation | Web site sectioning for mobile web browser usability |
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101763357A (en) * | 2008-11-13 | 2010-06-30 | 北京搜狗科技发展有限公司 | Method and system for browser to load internet resources |
| CN102541848A (en) * | 2010-12-08 | 2012-07-04 | 卓望数码技术（深圳）有限公司 | Method, device, system and server for page loading based on cell phone browser |
| US20120240063A1 (en) * | 2011-03-18 | 2012-09-20 | International Business Machines Corporation | Web site sectioning for mobile web browser usability |
| CN102368213A (en) * | 2011-09-26 | 2012-03-07 | 奇智软件（北京）有限公司 | Page downloading control method and system for IE (Internet Explorer) core browser |
Non-Patent Citations (1)
| Title |
|---|
| 杜娇: "基于Webkit手机浏览器的研究与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》, no. 07, 15 July 2012 (2012-07-15) * |
Cited By (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103488480A (en) * | 2013-09-09 | 2014-01-01 | 百度在线网络技术（北京）有限公司 | Method and system for page display |
| CN104899052A (en) * | 2014-03-07 | 2015-09-09 | 可牛网络技术（北京）有限公司 | Startup method and startup device of application software home page |
| WO2016015527A1 (en) * | 2014-07-31 | 2016-02-04 | 优视科技有限公司 | Webpage update method and apparatus based on synthetic rendering acceleration |
| CN104573001A (en) * | 2015-01-07 | 2015-04-29 | 北京联合大学 | Mobile terminal-based webpage data acqusition and classification method |
| CN104899060A (en) * | 2015-05-20 | 2015-09-09 | 天脉聚源（北京）教育科技有限公司 | Picture loading processing method and apparatus |
| CN104899060B (en) * | 2015-05-20 | 2017-12-15 | 天脉聚源（北京）教育科技有限公司 | A kind of picture loading processing method and apparatus |
| CN105763891A (en) * | 2016-02-22 | 2016-07-13 | Tcl集团股份有限公司 | Television program channel recommending method, smart television and server |
| CN107102877A (en) * | 2017-04-26 | 2017-08-29 | 国网辽宁省电力有限公司信息通信分公司 | A kind of adaptive approach of browser-cross plug-in unit |
| WO2019011141A1 (en) * | 2017-07-12 | 2019-01-17 | 阿里巴巴集团控股有限公司 | Startup and configuration method, apparatus and device, medium, and operating system |
| CN107506431A (en) * | 2017-08-22 | 2017-12-22 | 广州创维平面显示科技有限公司 | By method, storage medium and the terminal of XML file generation html file |
| CN109241471A (en) * | 2018-10-26 | 2019-01-18 | 珠海格力电器股份有限公司 | Page rendering method, server, browser and exploitation for energy information management system |
| CN109241471B (en) * | 2018-10-26 | 2020-09-29 | 珠海格力电器股份有限公司 | Page rendering method, server, browser and energy information management system |
| CN109788343A (en) * | 2018-11-26 | 2019-05-21 | 广州微算互联信息技术有限公司 | The method and cloud handset server of html web page audio stream plays |
| CN111382311A (en) * | 2019-04-02 | 2020-07-07 | 鸿合科技股份有限公司 | Index bar thumbnail rapid display method and device and electronic equipment |
| CN110442815A (en) * | 2019-06-24 | 2019-11-12 | 北京奇艺世纪科技有限公司 | Page generation method, system, device and computer readable storage medium |
| CN110442815B (en) * | 2019-06-24 | 2022-04-01 | 北京奇艺世纪科技有限公司 | Page generation method, system, device and computer readable storage medium |
| CN111737621A (en) * | 2020-06-17 | 2020-10-02 | 友虹(北京)科技有限公司 | OFD rendering method, system and device based on WASM |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102184184B (en) | Method for acquiring webpage dynamic information | |
| CN103095681B (en) | A kind of method and device detecting leak | |
| CN104268082B (en) | The method for testing pressure and device of browser | |
| TWI592807B (en) | Method and device for web style address merge | |
| CN107454147B (en) | Information processing method and device | |
| CN102915375A (en) | Webpage loading method based on layout zoning | |
| CN103488732A (en) | Generation method and device of static pages | |
| CN102737067A (en) | Method and system for outputting webpage | |
| CN103678343B (en) | The method and apparatus of prompting webpage load progress | |
| CN103034722A (en) | Network video comment gathering device and network video comment gathering method | |
| CN103577526A (en) | Method and system as well as browser for verifying page modification | |
| CN107766509A (en) | A kind of method and apparatus of webpage static backup | |
| CN103513986B (en) | A kind of method utilizing CGI technology to realize dynamic web server in without operating system equipment | |
| CN110083755A (en) | A kind of high emulation parsing web-page approach, device and electronic equipment | |
| CN103761257A (en) | Webpage handling method and system based on mobile browser | |
| CN107357810B (en) | A kind of method and system for landing page for exporting special topic | |
| CN103856827A (en) | Service simulation interaction-based video content obtaining method and system | |
| CN104899212A (en) | Webpage display method, server and system | |
| CN106326403A (en) | Web page generating method and device | |
| CN104980464B (en) | A kind of network request processing method, network server and network system | |
| CN103136235A (en) | Data processing platform, data processing system and data processing method | |
| CN101159739A (en) | Subtitling display process and communication system and related equipment | |
| CN102693237B (en) | Webpage content adaptation and encapsulation system and method | |
| CN103117892B (en) | Add method and the device of website visiting record | |
| CN103377231A (en) | Data analysis method, device and system |
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 |