CN104834646A - Webpage display method, client and system - Google Patents
Webpage display method, client and system Download PDFInfo
- Publication number
- CN104834646A CN104834646A CN201410048155.2A CN201410048155A CN104834646A CN 104834646 A CN104834646 A CN 104834646A CN 201410048155 A CN201410048155 A CN 201410048155A CN 104834646 A CN104834646 A CN 104834646A
- Authority
- CN
- China
- Prior art keywords
- content column
- column
- client
- weighted value
- described 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.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The present invention discloses a webpage display method, client and system. In one embodiment of the present invention, the client, according to the weight values that the server labels the content sections composing the webpage, arranges each content section, generates corresponding document object model, typesets the content sections based on the document object model, and displays the webpage composed with the typeset content sections. The system disclosed by the present invention has a beneficial effect of displaying webpage content according to the frequency that the client visits each content section, thus improving human-computer interactivity.
Description
Technical field
The present invention relates to Internet technology, particularly relate to a kind of Webpage display process, client and system.
Background technology
At present, be limited to the size of intelligent terminal display screen, intelligent terminal (such as mobile phone) browser has two kinds of type-setting modes usually for web page: convergent-divergent typesetting and the typesetting of adaptation screen; Convergent-divergent typesetting mainly carries out typesetting by desk-top publishing mode, and when being presented on mobile phone, because the display page of this webpage is through convergent-divergent, therefore content of pages is as smaller in font, picture etc., user first browsing pages time need the convergent-divergent page, and manually horizontal the or vertical scroll bar of adjustment carrys out scroll through pages, inconvenience is read; And mainly there is order typesetting by element in this type-setting mode adapting to screen typesetting and the size of adaptation mobile phone screen size, therefore the page that this type-setting mode shows also is a full page usually, or what first show on mobile phone screen is not often the content that the interested content of user or user often browse, and is unfavorable for man-machine interaction.
Summary of the invention
In view of above content, be necessary to provide a kind of Webpage display process, client and system, so that according to browsing frequency at the high content of pages of intelligent terminal screen preferential display navigation frequency.
The embodiment of the invention discloses a kind of Webpage display process, comprise the following steps:
The page that the client that receives server triggers obtains instruction, calls the page data that the described page obtains instruction sensing, carries out column division to the web page contents that described page data maps, and obtains the content column after dividing;
The weighted value that described in server-tag, content column is corresponding, is sent to client by the described content column after mark;
Client receives described content column and resolves, and arranges described content column according to the weighted value of described content column, generates corresponding DOM Document Object Model;
Client carries out typesetting based on the described DOM Document Object Model generated to described content column, and shows the webpage that the described content column after typesetting forms.
The embodiment of the invention also discloses a kind of webpage display system, comprise server and client side; Described server is used for:
Receive the page acquisition instruction that client triggers, call the page data that the described page obtains instruction sensing, column division is carried out to the web page contents that described page data maps, obtain the content column after dividing; Mark the weighted value that described content column is corresponding, the described content column after mark is sent to client;
Described client is used for:
Receive described content column and resolve, arranging described content column according to the weighted value of described content column, generating corresponding DOM Document Object Model; Based on the described DOM Document Object Model generated, typesetting is carried out to described content column, and show the webpage that the described content column after typesetting forms.
The embodiment of the invention also discloses a kind of Webpage display process, comprising:
Client sends the page and obtains instruction to server, and obtains server obtains the mark weighted value that instruction sends content column according to the described page;
Resolve described content column, arrange described content column according to the weighted value of described content column, generate corresponding DOM Document Object Model;
Based on the described DOM Document Object Model generated, typesetting is carried out to described content column, and show the webpage that the described content column after typesetting forms.
The embodiment of the invention also discloses a kind of web displaying client, comprising:
Acquisition module, obtains instruction to server for sending the page, and obtains server obtains the mark weighted value that instruction sends content column according to the described page;
Parsing module, for resolving described content column, arranges described content column according to the weighted value of described content column, generates corresponding DOM Document Object Model;
Display module, for based on the described DOM Document Object Model generated, carries out typesetting to described content column, and shows the webpage that the described content column after typesetting forms.
Embodiment of the present invention client is according to the weighted value of server to the content column mark of composition webpage, arrange each content column, generate corresponding DOM Document Object Model, based on the described DOM Document Object Model generated, typesetting is carried out to described content column, and show the webpage that the described content column after typesetting forms; There is the beneficial effect carrying out display web page content according to the access frequency of client to each content column, improve man-machine interaction.
Accompanying drawing explanation
Fig. 1 is Webpage display process first embodiment schematic flow sheet of the present invention;
Fig. 2 is DOM number one example structure exemplary plot in Webpage display process of the present invention;
Fig. 3 is webpage display system one embodiment high-level schematic functional block diagram of the present invention;
Fig. 4 is webpage display system running environment one example structure exemplary plot of the present invention;
Fig. 5 is Webpage display process second embodiment schematic flow sheet of the present invention;
Fig. 6 is web displaying client one embodiment schematic flow sheet of the present invention;
Fig. 7 is web displaying client one embodiment hardware configuration exemplary plot of the present invention.
The realization of embodiment of the present invention object, functional characteristics and advantage will in conjunction with the embodiments, are described further with reference to accompanying drawing.
Embodiment
Technical scheme of the present invention is further illustrated below in conjunction with Figure of description and specific embodiment.Should be appreciated that specific embodiment described herein only in order to explain the present invention, be not intended to limit the present invention.
The invention provides a kind of Webpage display process first embodiment; As shown in Figure 1, Webpage display process of the present invention comprises the following steps:
The page that the client that receives step S01, server triggers obtains instruction, calls the page data that the described page obtains instruction sensing, carries out column division to the web page contents that described page data maps, and obtains the content column after dividing;
In the embodiment of the present invention, when server receives the page acquisition instruction of client triggering, respond the described page and obtain instruction, from database, call the page data of this page acquisition pointed by instruction.After the above-mentioned page data of server calls, column division is carried out to the web page contents that this page data maps; The foundation that the web page contents that server maps described page data divides comprises: according to the type of the content of composition webpage, such as scientific and technological class, digital class, military class, amusement class etc., or Web page text, embedded advertisement etc.; According to the webpage framework of composition webpage, such as webpage control, web page title hurdle, Web page text, webpage scroll bar etc.
Server can be arranged by the custom of browsing of server according to client the foundation that the web page contents that described page data maps carries out column division, the operational order that also can trigger according to client is arranged, or divides according to the default rule of server; The embodiment of the present invention does not limit the concrete foundation that server divides web page contents.Client do not trigger the operational order of edition protection is carried out to web page contents time, under normal circumstances, server to the web page contents that described page data maps carry out column division according to being preferably: arrange according to the type of content of composition webpage; Such as, after server carries out column division to the web page contents that above-mentioned page data maps, obtain the following content column after dividing: each content columns such as scientific and technological class content column, digital class content column, military class content column, amusement class content column.
The weighted value that described in step S02, server-tag, content column is corresponding, is sent to client by the described content column after mark;
Server carries out the mark of weighted value to the content column after above-mentioned division, and namely corresponding to each content column root node marks weighted value corresponding to this content column.The weighted value that this content column is corresponding represent this content column display time priority level and significance level, weighted value larger expression content column display priority higher.Wherein, above-mentioned each content column all can be understood as a node of composition Webpage content; When carrying out the mark of weighted value to content column, server all marks at the root node that each content column is corresponding.
Server according to the historical data of client, the analysis data etc. of webpage of backstage record, can mark the weighted value of each content column; Such as, according to the historical data of client, identify the frequency of each content column of client-access, according to each content column access frequency from high to low, thus mark each content column according to the descending of weighted value accordingly; Or, according to the analysis data of webpage, identify division content column which be Web page text, which is for embedded advertisement, and according to the priority level of Web page text display higher than the priority level of embedded advertisement, then the weighted value of the content column that Web page text is corresponding is higher than content column corresponding to embedded advertisement, above-mentioned each content column is carried out to the mark etc. of weighted value.
In the embodiment of the present invention, in order to save processor resource, server only can carry out the mark of weighted value as required to partial content column, and need not identify each self-corresponding weighted value all one by one to the full content version after division.After server carries out weighted value mark to corresponding content column, the full content column after dividing is sent to client.
Step S03, client receive described content column and resolve, and arrange described content column according to the weighted value of described content column, generate corresponding DOM Document Object Model;
Client is resolved above-mentioned each content column after receiving the content column of server transmission, to generate corresponding DOM Document Object Model.Client is being resolved foregoing column, is being generated in the process of DOM Document Object Model, is marked with the content column of weighted value if run into, then according to the weighted value of content column, by node motion corresponding for this content column to corresponding position; Before the position of described correspondence refers to the other guide column less than the weighted value of this content column with this content column same level, namely to the movement of node corresponding to each content column, be only limitted to the same level of DOM Document Object Model.Client is being resolved foregoing column, is being generated in the process of DOM Document Object Model, if the content column run into all does not mark corresponding weighted value, then client builds DOM Document Object Model according to the sequencing of the element of composition webpage.
In the preferred embodiment of the present invention, client arranges according to the weighted value of content column the DOM Document Object Model that each content column produces and comprises DOM(Document Object Model, DOM Document Object Model) tree, the dom tree that client generates is as shown in Figure 2; Client receives the content column that server sends, foregoing column is resolved, generates in the process of dom tree, when running into node corresponding to the content column that is marked with weighted value, the weighted value of such as content column 1 is larger than the weighted value of content column 2, then this content column 1 is arranged in before content column 2 by client.
Described DOM defines one group of interface irrelevant with platform and language, so that program and script can the document content of extensibility identifiable language of dynamic access and amendment composition webpage, structure and patterns; Extensibility identifiable language creates mark, and the effect of DOM is exactly tell program how to operate and show these marks; Dom tree can be understood as: extensibility identifiable language organizes data into one tree, and DOM is by resolving extensibility identifiable language document, and for a tree-model logically set up by extensibility identifiable language document, the node of tree is object one by one; Therefore client just can complete operation to extensibility identifiable language document by operation dom tree and these objects.
Step S04, client carry out typesetting based on the described DOM Document Object Model generated to described content column, and show the webpage that the described content column after typesetting forms.
Client is based on the described document model generated, according to the size of display screen corresponding to client, typesetting is carried out to described content column, and loads the highest content column of weighted value at first and it is directly presented on client display screen, directly browse for user.
With client for browser, client run hardware product for smart mobile phone, such as the weighted value of scientific and technological class content column is the highest, then browser loads scientific and technological class content at first, according to the concrete size of the display screen of this smart mobile phone, this the scientific and technological class content loaded directly is presented on the display screen of this smart mobile phone, checks for user; Now, user, without the need to carrying out convergent-divergent to webpage or stirring webpage vertically or the scroll bar of horizontal direction, can browse the interested scientific and technological class content of user, concerning user side, improve the experience of user side.
The page that the client that receives embodiment of the present invention server triggers obtains instruction, calls the page data that the described page obtains instruction sensing, carries out column division to the web page contents that described page data maps, and obtains the content column after dividing; The weighted value that described in server-tag, content column is corresponding, is sent to client by the described content column after mark; Client receives described content column and resolves, and arranges described content column according to the weighted value of described content column, generates corresponding DOM Document Object Model; Client carries out typesetting based on the described DOM Document Object Model generated to described content column, and shows the webpage that the described content column after typesetting forms; Compared to prior art, the embodiment of the present invention has the beneficial effect carrying out display web page content according to the access frequency of user to each content column, improves man-machine interaction; Further, because server is without the need to carrying out the mark of weighted value to all the elements column obtained after division, the resource of server has therefore been saved.
Continue referring to Fig. 1, in a preferred embodiment of Webpage display process of the present invention, the weighted value that described in described server-tag, content column is corresponding can adopt following manner to realize:
Historical data corresponding to the historical operation event that server calls triggers based on described page data, according to described historical data, marks the weighted value that described content column is corresponding; Wherein, described historical data comprises: the first historical data that the historical operation event that all clients trigger based on described page data is corresponding, and triggers the second historical data corresponding to historical operation event that described client (hereinafter referred to as " customer end A ") that the described page obtains instruction triggers based on described page data.
The first historical data that server is corresponding according to the historical operation event that all clients trigger, identifies the type of described content column, such as, identifies that content column is Web page text content or embedded advertisement; For Tengxun's homepage, the historical data that the Action Events that server all clients of collecting according to backstage trigger based on the webpage of Tengxun's homepage is corresponding (only can obtain the historical data in preset duration, as one week), identify the access frequency of all clients to each content column, thus identify that this content column is the embedded advertisement of Web page text corresponding to Tengxun's homepage or Tengxun's homepage.In addition, described second historical data corresponding to the historical operation time that this customer end A of server calls triggers based on this Tengxun homepage, identifies the access frequency of this customer end A to content column dissimilar in Tengxun's homepage; And according to the height of the access frequency to each content column, according to the described content column of the mark from high to low of weighted value.
The embodiment of the present invention marks the weighted value of corresponding content column by the access frequency obtaining Client browse webpage, reach the beneficial effect browsing custom interested content of pages of preferential display user on the screen of intelligent terminal according to client user, improve the intelligent and man-machine interaction of client.
Present invention also offers a kind of webpage display system embodiment; As shown in Figure 3, webpage display system of the present invention comprises: server 100 and client 200.As shown in Figure 4, Fig. 4 is webpage display system one embodiment running environment exemplary plot of the present invention to the running environment schematic diagram of server 100 and client 200; As shown in Figure 4, in the embodiment of the present invention, server 100 carries out communicating and data interaction with client 200 by internet.
In the embodiment of the present invention, described client 200 includes but not limited to: PC(Personal Computer, PC), smart mobile phone (as Android phone, iOS mobile phone etc.), the mobile device such as panel computer, palm PC and mobile internet device (MID), PAD.
In webpage display system one embodiment of the present invention, described server 100 for:
Receive the page acquisition instruction that client 200 triggers, call the page data that the described page obtains instruction sensing, column division is carried out to the web page contents that described page data maps, obtain the content column after dividing; Mark the weighted value that described content column is corresponding, the described content column after mark is sent to client;
In the embodiment of the present invention, when server 100 receives the page acquisition instruction of client 200 triggering, respond the described page and obtain instruction, from database, call the page data of this page acquisition pointed by instruction.After server 100 calls above-mentioned page data, column division is carried out to the web page contents that this page data maps; The foundation that the web page contents that server 100 maps described page data divides comprises: according to the type of the content of composition webpage, such as scientific and technological class, digital class, military class, amusement class etc., or Web page text, embedded advertisement etc.; According to the webpage framework of composition webpage, such as webpage control, web page title hurdle, Web page text, webpage scroll bar etc.
Server 100 can be arranged by the custom of browsing of server 100 according to client 200 foundation that the web page contents that described page data maps carries out column division, the operational order that also can trigger according to client 200 is arranged, or divides according to the default rule of server 100; The embodiment of the present invention does not limit the concrete foundation that server 100 divides web page contents.When client 200 does not have triggering to carry out the operational order of edition protection to web page contents, under normal circumstances, server 100 is preferably the foundation that the web page contents that described page data maps carries out column division: arrange according to the type of the content of composition webpage; Such as, after server 100 carries out column division to the web page contents that above-mentioned page data maps, obtain the following content column after dividing: each content columns such as scientific and technological class content column, digital class content column, military class content column, amusement class content column.
Server 100 carries out the mark of weighted value to the content column after above-mentioned division, and namely corresponding to each content column root node marks weighted value corresponding to this content column.The weighted value that this content column is corresponding represent this content column display time priority level and significance level, weighted value larger expression content column display priority higher.Wherein, above-mentioned each content column all can be understood as a node of composition Webpage content; When carrying out the mark of weighted value to content column, server 100 all marks at the root node that each content column is corresponding.
Server 100 according to the historical data of client 200, the analysis data etc. of webpage of backstage record, can mark the weighted value of each content column; Such as, according to the historical data of client 200, identify the frequency that client 200 accesses each content column, according to each content column access frequency from high to low, thus mark each content column according to the descending of weighted value accordingly; Or, according to the analysis data of webpage, identify division content column which be Web page text, which is for embedded advertisement, and according to the priority level of Web page text display higher than the priority level of embedded advertisement, then the weighted value of the content column that Web page text is corresponding is higher than content column corresponding to embedded advertisement, above-mentioned each content column is carried out to the mark etc. of weighted value.
In the embodiment of the present invention, in order to save processor resource, server 100 only can carry out the mark of weighted value as required to partial content column, and need not identify each self-corresponding weighted value all one by one to the full content version after division.After server 100 carries out weighted value mark to corresponding content column, the full content column after dividing is sent to client 200.
Described client 200 for: receive described content column and resolve, arranging described content column according to the weighted value of described content column, generating corresponding DOM Document Object Model; Based on the described DOM Document Object Model generated, typesetting is carried out to described content column, and show the webpage that the described content column after typesetting forms.
Client 200 is resolved above-mentioned each content column after receiving the content column of server 100 transmission, to generate corresponding DOM Document Object Model.Client 200 is being resolved foregoing column, is being generated in the process of DOM Document Object Model, is marked with the content column of weighted value if run into, then according to the weighted value of content column, by node motion corresponding for this content column to corresponding position; Before the position of described correspondence refers to the other guide column less than the weighted value of this content column with this content column same level, namely to the movement of node corresponding to each content column, be only limitted to the same level of DOM Document Object Model.Client 200 is being resolved foregoing column, is being generated in the process of DOM Document Object Model, if the content column run into all does not mark corresponding weighted value, then client 200 builds DOM Document Object Model according to the sequencing of the element of composition webpage.
In the preferred embodiment of the present invention, client 200 arranges according to the weighted value of content column the DOM Document Object Model that each content column produces and comprises dom tree, and the dom tree that client 200 generates as shown in Figure 2; Client 200 receives the content column that server 100 sends, foregoing column is resolved, generates in the process of dom tree, when running into node corresponding to the content column that is marked with weighted value, the weighted value of such as content column 1 is larger than the weighted value of content column 2, then this content column 1 is arranged in before content column 2 by client 200.
Described DOM defines one group of interface irrelevant with platform and language, so that program and script can the document content of extensibility identifiable language of dynamic access and amendment composition webpage, structure and patterns; Extensibility identifiable language creates mark, and the effect of DOM is exactly tell program how to operate and show these marks; Dom tree can be understood as: extensibility identifiable language organizes data into one tree, and DOM is by resolving extensibility identifiable language document, and for a tree-model logically set up by extensibility identifiable language document, the node of tree is object one by one; Therefore client 200 just can complete operation to extensibility identifiable language document by operation dom tree and these objects.
Client 200 is based on the described document model generated, according to the size of the display screen of client 200 correspondence, typesetting is carried out to described content column, and loads the highest content column of weighted value at first and it be directly presented on client 200 display screen, directly browse for user.
With client 200 for browser, client 200 run hardware product for smart mobile phone, such as the weighted value of scientific and technological class content column is the highest, then browser loads scientific and technological class content at first, according to the concrete size of the display screen of this smart mobile phone, this the scientific and technological class content loaded directly is presented on the display screen of this smart mobile phone, checks for user; Now, user, without the need to carrying out convergent-divergent to webpage or stirring webpage vertically or the scroll bar of horizontal direction, can browse the interested scientific and technological class content of user, concerning user side, improve the experience of user side.
The page that the client that receives embodiment of the present invention server triggers obtains instruction, calls the page data that the described page obtains instruction sensing, carries out column division to the web page contents that described page data maps, and obtains the content column after dividing; The weighted value that described in server-tag, content column is corresponding, is sent to client by the described content column after mark; Client receives described content column and resolves, and arranges described content column according to the weighted value of described content column, generates corresponding DOM Document Object Model; Client carries out typesetting based on the described DOM Document Object Model generated to described content column, and shows the webpage that the described content column after typesetting forms; There is the beneficial effect carrying out display web page content according to the access frequency of user to each content column, improve man-machine interaction; Further, because server is without the need to carrying out the mark of weighted value to all the elements column obtained after division, the resource of server has therefore been saved.
Further, continue referring to embodiment described in Fig. 3 and Fig. 4, in a preferred embodiment of webpage display system of the present invention, described server 100 marks weighted value corresponding to described content column and following manner can be adopted to realize:
Server 100 calls the historical data corresponding to historical operation event triggered based on described page data, according to described historical data, marks the weighted value that described content column is corresponding; Wherein, described historical data comprises: the first historical data that the historical operation event that all clients 200 trigger based on described page data is corresponding, and triggers the described page and obtain the described client 200(of instruction hereinafter referred to as " customer end A ") the second historical data corresponding to the historical operation event that triggers based on described page data.
The first historical data that server 100 is corresponding according to the historical operation event that all clients 200 trigger, identifies the type of described content column, such as, identifies that content column is Web page text content or embedded advertisement; For Tengxun's homepage, the historical data that the Action Events that server 100 all clients 200 of collecting according to backstage trigger based on the webpage of Tengxun's homepage is corresponding (only can obtain the historical data in preset duration, as one week), identify the access frequency of all clients 200 to each content column, thus identify that this content column is the embedded advertisement of Web page text corresponding to Tengxun's homepage or Tengxun's homepage.In addition, server 100 calls described second historical data corresponding to the historical operation time that this customer end A triggers based on this Tengxun homepage, identifies the access frequency of this customer end A to content column dissimilar in Tengxun's homepage; And according to the height of the access frequency to each content column, according to the described content column of the mark from high to low of weighted value.
The embodiment of the present invention marks the weighted value of corresponding content column by the access frequency obtaining Client browse webpage, reach the beneficial effect browsing custom interested content of pages of preferential display user on the screen of intelligent terminal according to client user, improve the intelligent and man-machine interaction of client.
Present invention also offers Webpage display process second embodiment; As shown in Figure 5, Webpage display process of the present invention is further comprising the steps of:
Step S11, client send the page and obtain instruction to server, and obtain server obtains the mark weighted value that instruction sends content column according to the described page;
Client browses the Action Events of webpage based on Client-initiated, and what activated user was initiated browses page acquisition instruction corresponding to this Action Events of webpage, and described page acquisition instruction is sent to server.The page that the client that receives server triggers obtains instruction, calls the page data that the described page obtains instruction sensing, carries out column division to the web page contents that described page data maps, and obtains the content column after dividing; The weighted value that described in server-tag, content column is corresponding, is sent to client by the described content column after mark.Client obtains server obtains the mark weighted value that instruction sends content column according to the described page.
In a preferred embodiment, in order to save processor resource, server only can carry out the mark of weighted value as required to partial content column, and each self-corresponding weighted value need not be identified all one by one to the full content version after division, therefore, in all the elements column that client receives, likely there is the content column of non-identity weights value.
Step S12, resolve described content column, arrange described content column according to the weighted value of described content column, generate corresponding DOM Document Object Model;
Client is resolved above-mentioned each content column after receiving the content column of server transmission, to generate corresponding DOM Document Object Model.Client is being resolved foregoing column, is being generated in the process of DOM Document Object Model, is marked with the content column of weighted value if run into, then according to the weighted value of content column, by node motion corresponding for this content column to corresponding position; Before the position of described correspondence refers to the other guide column less than the weighted value of this content column with this content column same level, namely to the movement of node corresponding to each content column, be only limitted to the same level of DOM Document Object Model.Client is being resolved foregoing column, is being generated in the process of DOM Document Object Model, if the content column run into all does not mark corresponding weighted value, then client builds DOM Document Object Model according to the sequencing of the element of composition webpage.
In the preferred embodiment of the present invention, client arranges according to the weighted value of content column the DOM Document Object Model that each content column produces and comprises dom tree, and the dom tree that client generates as shown in Figure 2; Client receives the content column that server sends, foregoing column is resolved, generates in the process of dom tree, when running into node corresponding to the content column that is marked with weighted value, the weighted value of such as content column 1 is larger than the weighted value of content column 2, then this content column 1 is arranged in before content column 2 by client.
Described DOM defines one group of interface irrelevant with platform and language, so that program and script can the document content of extensibility identifiable language of dynamic access and amendment composition webpage, structure and patterns; Extensibility identifiable language creates mark, and the effect of DOM is exactly tell program how to operate and show these marks; Dom tree can be understood as: extensibility identifiable language organizes data into one tree, and DOM is by resolving extensibility identifiable language document, and for a tree-model logically set up by extensibility identifiable language document, the node of tree is object one by one; Therefore client just can complete operation to extensibility identifiable language document by operation dom tree and these objects.
Step S13, based on the described DOM Document Object Model generated, typesetting is carried out to described content column, and show the webpage that the described content column after typesetting forms.
Client is based on the described document model generated, according to the size of display screen corresponding to client, typesetting is carried out to described content column, and loads the highest content column of weighted value at first and it is directly presented on client display screen, directly browse for user.
With client for browser, client run hardware product for smart mobile phone, such as the weighted value of scientific and technological class content column is the highest, then browser loads scientific and technological class content at first, according to the concrete size of the display screen of this smart mobile phone, this the scientific and technological class content loaded directly is presented on the display screen of this smart mobile phone, checks for user; Now, user, without the need to carrying out convergent-divergent to webpage or stirring webpage vertically or the scroll bar of horizontal direction, can browse the interested scientific and technological class content of user, concerning user side, improve the experience of user side.
Embodiment of the present invention client sends the page and obtains instruction to server, and obtains server obtains the mark weighted value that instruction sends content column according to the described page; Resolve described content column, arrange described content column according to the weighted value of described content column, generate corresponding DOM Document Object Model; Based on the described DOM Document Object Model generated, typesetting is carried out to described content column, and show the webpage that the described content column after typesetting forms; Compared to prior art, the embodiment of the present invention has the beneficial effect carrying out display web page content according to the access frequency of user to each content column, improves man-machine interaction; Further, because server is without the need to carrying out the mark of weighted value to all the elements column obtained after division, the resource of server has therefore been saved.
Present invention also offers a kind of web displaying client; In the embodiment of the present invention, described client includes but not limited to: the mobile devices such as PC, smart mobile phone (as Android phone, iOS mobile phone etc.), panel computer, palm PC and mobile internet device (MID), PAD.As shown in Figure 6, web displaying client of the present invention comprises: acquisition module 01, parsing module 02 and display module 03.
Acquisition module 01, obtaining instruction to server for sending the page, obtaining server obtains the mark weighted value that instruction sends content column according to the described page;
Client browses the Action Events of webpage based on Client-initiated, and what activated user was initiated browses page acquisition instruction corresponding to this Action Events of webpage, and described page acquisition instruction is sent to server.The page that the client that receives server triggers obtains instruction, calls the page data that the described page obtains instruction sensing, carries out column division to the web page contents that described page data maps, and obtains the content column after dividing; The weighted value that described in server-tag, content column is corresponding, is sent to client by the described content column after mark.The acquisition module 01 of client obtains server obtains the mark weighted value that instruction sends content column according to the described page.
In a preferred embodiment, in order to save processor resource, server only can carry out the mark of weighted value as required to partial content column, and each self-corresponding weighted value need not be identified all one by one to the full content version after division, therefore, in all the elements column that acquisition module 01 obtains, likely there is the content column of non-identity weights value.
Parsing module 02, for resolving described content column, arranges described content column according to the weighted value of described content column, generates corresponding DOM Document Object Model;
After acquisition module 01 receives the content column of server transmission, parsing module 02 is resolved above-mentioned each content column, to generate corresponding DOM Document Object Model.Parsing module 02 is being resolved foregoing column, is being generated in the process of DOM Document Object Model, is marked with the content column of weighted value if run into, then according to the weighted value of content column, by node motion corresponding for this content column to corresponding position; Before the position of described correspondence refers to the other guide column less than the weighted value of this content column with this content column same level, namely parsing module 02 is to the movement of node corresponding to each content column, is only limitted to the same level of DOM Document Object Model.Parsing module 02 is being resolved foregoing column, is being generated in the process of DOM Document Object Model, if the content column run into all does not mark corresponding weighted value, then parsing module 02 builds DOM Document Object Model according to the sequencing of the element of composition webpage.
In the preferred embodiment of the present invention, parsing module 02 arranges according to the weighted value of content column the DOM Document Object Model that each content column produces and comprises dom tree, and the dom tree that parsing module 02 generates as shown in Figure 2; Parsing module 02 receives the content column that server sends, foregoing column is resolved, generates in the process of dom tree, when running into node corresponding to the content column that is marked with weighted value, the weighted value of such as content column 1 is larger than the weighted value of content column 2, then this content column 1 is arranged in before content column 2 by parsing module 02.
Described DOM defines one group of interface irrelevant with platform and language, so that program and script can the document content of extensibility identifiable language of dynamic access and amendment composition webpage, structure and patterns; Extensibility identifiable language creates mark, and the effect of DOM is exactly tell program how to operate and show these marks; Dom tree can be understood as: extensibility identifiable language organizes data into one tree, and DOM is by resolving extensibility identifiable language document, and for a tree-model logically set up by extensibility identifiable language document, the node of tree is object one by one; Therefore client just can complete operation to extensibility identifiable language document by operation dom tree and these objects.
Display module 03, for based on the described DOM Document Object Model generated, carries out typesetting to described content column, and shows the webpage that the described content column after typesetting forms.
The described document model that display module 03 generates based on parsing module 02, according to the size of display screen corresponding to client, typesetting is carried out to described content column, and display module 03 loads the highest content column of weighted value at first and it is directly presented on client display screen, directly browses for user.
With client for browser, client run hardware product for smart mobile phone, such as the weighted value of scientific and technological class content column is the highest, then browser loads scientific and technological class content at first, according to the concrete size of the display screen of this smart mobile phone, this the scientific and technological class content loaded directly is presented on the display screen of this smart mobile phone, checks for user; Now, user, without the need to carrying out convergent-divergent to webpage or stirring webpage vertically or the scroll bar of horizontal direction, can browse the interested scientific and technological class content of user, concerning user side, improve the experience of user side.
Embodiment of the present invention client sends the page and obtains instruction to server, and obtains server obtains the mark weighted value that instruction sends content column according to the described page; Resolve described content column, arrange described content column according to the weighted value of described content column, generate corresponding DOM Document Object Model; Based on the described DOM Document Object Model generated, typesetting is carried out to described content column, and show the webpage that the described content column after typesetting forms; Compared to prior art, the embodiment of the present invention has the beneficial effect carrying out display web page content according to the access frequency of user to each content column, improves man-machine interaction; Further, because server is without the need to carrying out the mark of weighted value to all the elements column obtained after division, the resource of server has therefore been saved.
Present invention also offers a kind of hardware configuration of web displaying client; As shown in Figure 7, web displaying client of the present invention comprises: processor 101, storer 102, user interface 103, network interface 104 and communication bus 105.Communication bus 105 is for the communication in web displaying client (hereinafter referred to as " client ") between each building block, user interface 103 is for receiving the information of user's input, this user interface can be wireline interface and wave point, such as keyboard, mouse etc.Network interface 104 communicates mutually with outside for checking client, and this network interface also can include line interface and wave point.Storer 102 can comprise one or more computer-readable recording mediums, and it not only comprises internal storage, also comprises external memory storage.Operating system and web displaying application program etc. is stored in this storer.Processor 101 for calling the web displaying application program in storer 102, to perform following operation:
Send the page by network interface 104 and obtain instruction to server, and obtain server obtains the mark weighted value that instruction sends content column according to the described page;
Utilize communication bus 105 to resolve described content column, arrange described content column according to the weighted value of described content column, generate corresponding DOM Document Object Model;
Based on the described DOM Document Object Model generated, utilize communication bus 105 to carry out typesetting to described content column, and show by user interface 103 webpage that the described content column after typesetting forms.
Further, processor 101 also for calling the web displaying application program in storer 102, to perform following operation:
Utilize communication bus 105 described content column large for weighted value is arranged in the other guide column of described content column same level before.
Further, processor 101 also for calling the web displaying application program in storer 102, to perform following operation:
Utilize communication bus 105 to resolve described content column, arrange described content column according to the weighted value of described content column, generate corresponding dom tree.
Embodiment of the present invention client is according to the weighted value of server to the content column mark of composition webpage, arrange each content column, generate corresponding DOM Document Object Model, based on the described DOM Document Object Model generated, typesetting is carried out to described content column, and show the webpage that the described content column after typesetting forms; There is the beneficial effect carrying out display web page content according to the access frequency of client to each content column, improve man-machine interaction.
It should be noted that, in this article, term " comprises ", " comprising " or its any other variant are intended to contain comprising of nonexcludability, thus make to comprise the process of a series of key element, method, article or device and not only comprise those key elements, but also comprise other key elements clearly do not listed, or also comprise by the intrinsic key element of this process, method, article or device.When not more restrictions, the key element limited by statement " comprising ... ", and be not precluded within process, method, article or the device comprising this key element and also there is other identical element.
The invention described above embodiment sequence number, just to describing, does not represent the quality of embodiment.
The foregoing is only the preferred embodiments of the present invention; not thereby its scope of the claims is limited; every utilize instructions of the present invention and accompanying drawing content to do equivalent structure or equivalent flow process conversion; directly or indirectly be used in the technical field that other are relevant, be all in like manner included in scope of patent protection of the present invention.
Claims (16)
1. a Webpage display process, is characterized in that, comprises the following steps:
The page that the client that receives server triggers obtains instruction, calls the page data that the described page obtains instruction sensing, carries out column division to the web page contents that described page data maps, and obtains the content column after dividing;
The weighted value that described in server-tag, content column is corresponding, is sent to client by the described content column after mark;
Client receives described content column and resolves, and arranges described content column according to the weighted value of described content column, generates corresponding DOM Document Object Model;
Client carries out typesetting based on the described DOM Document Object Model generated to described content column, and shows the webpage that the described content column after typesetting forms.
2. the method for claim 1, is characterized in that, the weighted value that described in described server-tag, content column is corresponding, comprising:
Historical data corresponding to the historical operation event that server calls triggers based on described page data, according to described historical data, marks the weighted value that described content column is corresponding;
Wherein, described historical data comprises:
The first historical data that the historical operation event that all clients trigger based on described page data is corresponding, and trigger the second historical data corresponding to historical operation event that described client that the described page obtains instruction triggers based on described page data.
3. method as claimed in claim 2, is characterized in that the described historical data that described basis is called marks the weighted value that described content column is corresponding, comprising:
Server, according to described first historical data, identifies the type of described content column; According to described second historical data, identify the access frequency of described client to dissimilar described content column;
According to described access frequency, mark the weighted value that described content column is corresponding.
4. the method for claim 1, is characterized in that, the described weighted value according to described content column arranges described content column and comprises:
Described content column large for weighted value is arranged in the other guide column of described content column same level before.
5. the method as described in any one of claim 1-4, is characterized in that, described DOM Document Object Model comprises dom tree.
6. a webpage display system, comprises server and client side; It is characterized in that, described server is used for:
Receive the page acquisition instruction that client triggers, call the page data that the described page obtains instruction sensing, column division is carried out to the web page contents that described page data maps, obtain the content column after dividing; Mark the weighted value that described content column is corresponding, the described content column after mark is sent to client;
Described client is used for:
Receive described content column and resolve, arranging described content column according to the weighted value of described content column, generating corresponding DOM Document Object Model; Based on the described DOM Document Object Model generated, typesetting is carried out to described content column, and show the webpage that the described content column after typesetting forms.
7. system as claimed in claim 6, is characterized in that, described server also for:
Call the historical data corresponding to historical operation event triggered based on described page data, according to described historical data, mark the weighted value that described content column is corresponding;
Wherein, described historical data comprises:
The first historical data that the historical operation event that all clients trigger based on described page data is corresponding, and trigger the second historical data corresponding to historical operation event that described client that the described page obtains instruction triggers based on described page data.
8. system as claimed in claim 7, is characterized in that, described server also for:
According to described first historical data, identify the type of described content column; According to described second historical data, identify the access frequency of described client to dissimilar described content column;
According to described access frequency, mark the weighted value that described content column is corresponding.
9. system as claimed in claim 6, is characterized in that, described client also for:
Described content column large for weighted value is arranged in the other guide column of described content column same level before.
10. the system as described in any one of claim 6-9, is characterized in that, described DOM Document Object Model comprises dom tree.
11. 1 kinds of Webpage display process, is characterized in that, comprising:
Client sends the page and obtains instruction to server, and obtains server obtains the mark weighted value that instruction sends content column according to the described page;
Resolve described content column, arrange described content column according to the weighted value of described content column, generate corresponding DOM Document Object Model;
Based on the described DOM Document Object Model generated, typesetting is carried out to described content column, and show the webpage that the described content column after typesetting forms.
12. methods as claimed in claim 11, is characterized in that, the described weighted value according to described content column arranges described content column and comprises:
Described content column large for weighted value is arranged in the other guide column of described content column same level before.
13. methods as described in claim 11 or 12, it is characterized in that, described DOM Document Object Model comprises dom tree.
14. 1 kinds of web displaying clients, is characterized in that, comprising:
Acquisition module, obtains instruction to server for sending the page, and obtains server obtains the mark weighted value that instruction sends content column according to the described page;
Parsing module, for resolving described content column, arranges described content column according to the weighted value of described content column, generates corresponding DOM Document Object Model;
Display module, for based on the described DOM Document Object Model generated, carries out typesetting to described content column, and shows the webpage that the described content column after typesetting forms.
15. clients as claimed in claim 14, is characterized in that, described parsing module also for:
Described content column large for weighted value is arranged in the other guide column of described content column same level before.
16. clients as described in claims 14 or 15, it is characterized in that, described DOM Document Object Model comprises dom tree.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410048155.2A CN104834646A (en) | 2014-02-11 | 2014-02-11 | Webpage display method, client and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410048155.2A CN104834646A (en) | 2014-02-11 | 2014-02-11 | Webpage display method, client and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104834646A true CN104834646A (en) | 2015-08-12 |
Family
ID=53812542
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410048155.2A Pending CN104834646A (en) | 2014-02-11 | 2014-02-11 | Webpage display method, client and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104834646A (en) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105589922A (en) * | 2015-11-05 | 2016-05-18 | 广州市动景计算机科技有限公司 | Page display method, device and system and page display assisting method and device |
| CN105786951A (en) * | 2015-12-31 | 2016-07-20 | 北京金山安全软件有限公司 | Method and device for extracting content blocks in webpage and server |
| CN106407402A (en) * | 2016-09-21 | 2017-02-15 | 乐视控股（北京）有限公司 | A web page rendering method and device and an electronic apparatus |
| CN106503124A (en) * | 2016-10-19 | 2017-03-15 | 北京小米移动软件有限公司 | The method and apparatus of multimedia file positioning in the page |
| CN107562424A (en) * | 2016-07-01 | 2018-01-09 | 华为技术有限公司 | A kind of Webpage display process, client and server |
| CN112929735A (en) * | 2021-05-10 | 2021-06-08 | 南京炫佳网络科技有限公司 | Display method, device, terminal and storage medium |
| CN114528519A (en) * | 2022-04-22 | 2022-05-24 | 深圳市云波网络科技有限公司 | Enterprise website construction information display management system based on big data |
| CN115166186A (en) * | 2022-08-08 | 2022-10-11 | 广东长天思源环保科技股份有限公司 | Online automatic monitoring system for water quality of water inlet of sewage treatment enterprise |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102184240A (en) * | 2011-05-16 | 2011-09-14 | 广州市动景计算机科技有限公司 | Webpage layout method and system based on mobile communication equipment terminal |
| CN102650985A (en) * | 2011-02-25 | 2012-08-29 | 易搜比控股公司 | Dynamic typesetting method of display menu |
| CN102831150A (en) * | 2012-06-28 | 2012-12-19 | 宇龙计算机通信科技(深圳)有限公司 | Interactive method, system and terminal for browser and local application |
-
2014
- 2014-02-11 CN CN201410048155.2A patent/CN104834646A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102650985A (en) * | 2011-02-25 | 2012-08-29 | 易搜比控股公司 | Dynamic typesetting method of display menu |
| CN102184240A (en) * | 2011-05-16 | 2011-09-14 | 广州市动景计算机科技有限公司 | Webpage layout method and system based on mobile communication equipment terminal |
| CN102831150A (en) * | 2012-06-28 | 2012-12-19 | 宇龙计算机通信科技(深圳)有限公司 | Interactive method, system and terminal for browser and local application |
Non-Patent Citations (1)
| Title |
|---|
| 邱兆文: "《图像检索技术与应用》", 31 May 2012 * |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105589922A (en) * | 2015-11-05 | 2016-05-18 | 广州市动景计算机科技有限公司 | Page display method, device and system and page display assisting method and device |
| US10997360B2 (en) | 2015-11-05 | 2021-05-04 | Guangzhou Ucweb Computer Technology Co., Ltd. | Page display method, device, and system, and page display assist method and device |
| CN105786951A (en) * | 2015-12-31 | 2016-07-20 | 北京金山安全软件有限公司 | Method and device for extracting content blocks in webpage and server |
| CN107562424A (en) * | 2016-07-01 | 2018-01-09 | 华为技术有限公司 | A kind of Webpage display process, client and server |
| CN106407402A (en) * | 2016-09-21 | 2017-02-15 | 乐视控股（北京）有限公司 | A web page rendering method and device and an electronic apparatus |
| CN106503124A (en) * | 2016-10-19 | 2017-03-15 | 北京小米移动软件有限公司 | The method and apparatus of multimedia file positioning in the page |
| CN106503124B (en) * | 2016-10-19 | 2019-08-30 | 北京小米移动软件有限公司 | The method and apparatus that multimedia file positions in the page |
| CN112929735A (en) * | 2021-05-10 | 2021-06-08 | 南京炫佳网络科技有限公司 | Display method, device, terminal and storage medium |
| CN112929735B (en) * | 2021-05-10 | 2021-11-23 | 南京炫佳网络科技有限公司 | Display method, device, terminal and storage medium |
| CN114528519A (en) * | 2022-04-22 | 2022-05-24 | 深圳市云波网络科技有限公司 | Enterprise website construction information display management system based on big data |
| CN115166186A (en) * | 2022-08-08 | 2022-10-11 | 广东长天思源环保科技股份有限公司 | Online automatic monitoring system for water quality of water inlet of sewage treatment enterprise |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104834646A (en) | Webpage display method, client and system | |
| US20210149842A1 (en) | System and method for display of document comparisons on a remote device | |
| WO2017088509A1 (en) | Page customization method and device | |
| JP4248411B2 (en) | Method, system, computer program and storage device for displaying a document | |
| CN102819560A (en) | Display method and device of picture in webpage | |
| CN108717437B (en) | Search result display method and device and storage medium | |
| KR20140012664A (en) | Method for rearranging web page | |
| CN103605688A (en) | Intercept method and intercept device for homepage advertisements and browser | |
| CN104820589B (en) | A kind of method and its device of dynamic adaptation webpage | |
| CN107229760B (en) | Storage medium, electronic device, the display methods of web page contents and device | |
| KR20060021810A (en) | Web-compatible electronic device, web page processing method, and program | |
| CN101751444A (en) | Webpage content customizing system and method | |
| CN104750851A (en) | Webpage content lazy loading method and system | |
| US20120236004A1 (en) | Information output apparatus and information output method and recording medium | |
| CN104866582A (en) | Method and apparatus for displaying page information | |
| CN101963992A (en) | Method and browser for increasing webpage display speed | |
| WO2020119544A1 (en) | Network transmission simulation method and apparatus, computer device and storage medium | |
| CN106649299B (en) | Method and device for lazy loading of webpage block | |
| CN105183291A (en) | Method and system for extracting information in display interface | |
| CN107391534B (en) | Page display method, page file return method, page display device, page file return device and computer storage medium | |
| CN109933751A (en) | Graphic rendering method, apparatus, computer readable storage medium and computer equipment | |
| CN105528369A (en) | Webpage transcoding method and device and server | |
| US10346511B2 (en) | Scalable content rendering | |
| CN115309470A (en) | Method, device and equipment for loading widgets and storage medium | |
| CN108664191B (en) | System access method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150812 |