CN104820722A - Page display method and device - Google Patents
Page display method and device Download PDFInfo
- Publication number
- CN104820722A CN104820722A CN201510275618.3A CN201510275618A CN104820722A CN 104820722 A CN104820722 A CN 104820722A CN 201510275618 A CN201510275618 A CN 201510275618A CN 104820722 A CN104820722 A CN 104820722A
- Authority
- CN
- China
- Prior art keywords
- body matter
- node
- unit
- district
- described body
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a page display method and device. The method comprises the steps of analyzing page files so as to determine main body content areas in pages and executing page display treatment for main body content area optimization. The optimized page display for the main body content areas can be the determination and display of reading progress according to the main body content areas, page skip, direct display of the main body content areas, enlarged or prominent display of the main body content areas or shrunken or weakened display of the main body content areas. An object of the page display processing can be converted from the whole pages to the main body content areas which users are most concerned about, users' reading is facilitated, and use experience of a browser is improved.
Description
Technical field
The present invention relates to web page display field, particularly relate to page display method and device.
Background technology
Universal along with network, browsing webpage has become the item that people can carry out every day.Webpage generally includes head navigational portions, body matter part, footer remark information, related content propelling movement link and advertisement etc.But wherein user really wants the body matter part in the usual just page read.
Fig. 1 is the example of the next common web page display scheme of prior art.As shown in the figure, after user's point opens a webpage, want the effective content part be usually just made up of article title and text of reading (such as, by the part 1 that black surround marks in Fig. 1, hereinafter be referred to as body matter district), but not occupy the advertisement of a large amount of viewing area in the page or push (advertisement 2 such as, in Fig. 1 and propelling movement links 3) such as links.
A large amount of non-body matter occupies web page display area, can bring inconvenience to the reading of user.Such as, as shown in Figure 1, user have to a large amount of advertisement 2 and push link 3 interference in complete reading to article 1.In addition, this also can obscure reading location generation.Such as, current user, when hope knows that progress read in its article, can only roughly estimate its reading progress according to the scroll bar be usually located on the right side of window (scroll bar 4 such as, in Fig. 1).But, progress shown by scroll bar calculates for the whole Webpage comprising a large amount of non-body matter, and therefore assessing reading progress according to scroll bar is inaccurate (particularly like this when the page comprises a large amount of non-body matter).Such as, according to the display of progress bar in Fig. 14, user may think treat content in a large number in addition in this page and abandon read.But the effective content (article text 1) in fact in this page will terminate soon.Why progress bar is positioned at top is because the existence of advertisements 2 a large amount of after the effective content of article and propelling movement link 3.
Therefore need a kind of method and apparatus of page Graphics Processing, make user can browse its body matter be concerned about most more easily.
Summary of the invention
A technical matters to be solved by this invention is to provide a kind of page display method and device, and it can be optimized display for body matter district, so that user browses body matter district.
According to an aspect of the present invention, provide a kind of page display method, comprising: analyze pagefile to determine the body matter district in the page; And perform the page Graphics Processing optimized for body matter district.
Thus, by optimizing page display for body matter district, the interference reducing non-main body content part can be helped, facilitate user to read, promote the experience to browser thus.
Preferably, the step of page Graphics Processing that above-mentioned execution is optimized for body matter district can comprise: determine that current screen indication range browses progress relative to body matter district; And show this and browse progress.
Like this, because the determination browsing progress is made according to body matter district, therefore, it is possible to more adequately calculate the current actual reading progress for body matter district, help to realize the correct estimation of user to the progress of reading.
Preferably, above-mentioned execution can also comprise for the step of the page Graphics Processing that body matter district optimizes: according to the height in typesetting result determination body matter district, and when the height in body matter district is greater than screen height, performs and describedly determine to browse the step of progress and the step of described display navigation progress.
Like this, the progress of browsing unnecessarily performed for body matter district when can to show whole body matter in screen height that just avoids calculates, thus ensure that counting yield.
Preferably, above-mentioned page display method can also comprise: progress value is browsed in the expectation receiving user's input; And make current screen indication range jump in body matter district with expectation browse position corresponding to progress value.
Like this, accurate redirect user being wanted to the body matter gone to can be realized, thus further facilitate user and carry out web page browsing.
Preferably, above-mentioned execution can comprise for the step of the page Graphics Processing that body matter district optimizes: when body matter district does not start at the page, makes current screen indication range from top, described body matter district; And/or increase the displaying ratio in body matter district; And/or reduce the displaying ratio in the region beyond body matter district; And/or highlight body matter district; And/or the region of weakening beyond display body matter district.
Like this, by highlighting and/or reduction to non-main body content regions body matter district, convenient the reading understanding content is really want to user.
Preferably, above-mentioned analysis pagefile is to determine that the step in the body matter district in the page can comprise: build document dbject model (DOM) tree based on pagefile; From the root node of dom tree, find and meet the body matter node of following condition: body matter node is root node, or the ratio that its quantity of information comprised accounts for the full detail amount that its father node comprises is more than or equal to predetermined threshold; And this body matter node does not have child node, or the ratio that the quantity of information that comprises of its each direct child node accounts for the full detail amount that described body matter node comprises is less than predetermined threshold; Determine that the region that this body matter node is corresponding is body matter district.
Like this, the determination in body matter district can realize by building dom tree, thus provides the concrete ways carrying out Graphics Processing according to the body matter district determined.
Preferably, the step of above-mentioned searching body matter node can comprise: with the root node of dom tree for decision node; The quantity of information that each the direct child node calculating this decision node comprises respectively; Judge whether that direct child node meets following condition: the ratio that the quantity of information that directly child node comprises accounts for the summation of the quantity of information that described decision node comprises is more than or equal to predetermined threshold; When existence meets the direct child node of above-mentioned condition, with this direct child node for decision node, iteration performs the step of described calculating and judgement; And when there is not the direct child node meeting above-mentioned condition, determine that described decision node is described body matter node.
Like this, can successively find the body matter node comprising body matter from dom tree, thus optimize the concrete ways carrying out Graphics Processing according to body matter district further.
Preferably, above-mentioned predetermined threshold can be greater than 50% value.When predetermined threshold is set to the value being greater than 50%, only will has at most a direct child node under a node and meet above-mentioned condition.The direct child node having two to satisfy condition under can avoiding appearance node like this, and miss the situation of the analysis to one of them child node.
According to another aspect of the present invention, provide a kind of page presentation device, comprising: analytic unit, for analyzing pagefile to determine the body matter district in the page; Display processing unit, for performing the page Graphics Processing optimized for described body matter district.
Preferably, display processing unit can comprise: browse progress determining unit, for determining that current screen indication range browses progress relative to described body matter district; And browse progress display unit, described in showing, browse progress.
Preferably, display processing unit can also comprise: height determining unit, for the height according to typesetting result determination body matter district, when the height in body matter district is greater than screen height, described in browse progress determining unit and described progress display unit of browsing is determined and browses progress described in showing.
Preferably, this page presentation device can also comprise: receiving element, browses progress value for the expectation receiving user's input; Jump-transfer unit, jumps in described body matter district for making current screen indication range and browses position corresponding to progress value with expectation.
Preferably, display processing unit can comprise: the first display optimization unit, for when body matter district does not start at the page, makes current screen indication range from top, body matter district; And/or the second display optimization unit, for increasing the displaying ratio in body matter district; And/or the 3rd display optimization unit, for reducing the displaying ratio in the region beyond body matter district; And/or the 4th display optimization unit, for highlighting body matter district; And/or the 5th display optimization unit, for weakening the region beyond display body matter district.
Preferably, analytic unit can comprise: construction unit, for building document dbject model (DOM) tree based on described pagefile; Find unit, for from the root node of dom tree, find and meet the body matter node of following condition: body matter node is root node, or the ratio that its quantity of information comprised accounts for the full detail amount that its father node comprises is more than or equal to predetermined threshold; And body matter node does not have child node, or the ratio that the quantity of information that comprises of its each direct child node accounts for the full detail amount that body matter node comprises is less than predetermined threshold; Determining unit, for determining that the region that body matter node is corresponding is body matter district.
Preferably, find unit can comprise: the first decision node setup unit, for the root node of described dom tree for decision node; Computing unit, the quantity of information that each the direct child node for calculating described decision node comprises respectively; Judging unit, for judging whether that direct child node meets following condition: the ratio that the quantity of information that directly child node comprises accounts for the summation of the quantity of information that described decision node comprises is more than or equal to described predetermined threshold; Second decision node setup unit, when meeting the direct child node of above-mentioned condition for judging to exist at described judging unit, with this direct child node for decision node, returns the action undertaken by computing unit; And body matter node determining unit, for when there is not the direct child node meeting above-mentioned condition, determine that described decision node is described body matter node.
Preferably, predetermined threshold be greater than 50% value.
Like this, by providing above-mentioned page display method and device, the body matter district understood really can be wanted to improve page display for user, such as, can realize accurate expression and the redirect of reading progress, thus improve the reading experience of user.
Accompanying drawing explanation
In conjunction with the drawings disclosure illustrative embodiments is described in more detail, above-mentioned and other object of the present disclosure, Characteristics and advantages will become more obvious, wherein, in disclosure illustrative embodiments, identical reference number represents same parts usually.
Fig. 1 is the example of the next common web page display scheme of prior art.
Fig. 2 is the indicative flowchart of page display method according to an embodiment of the invention.
Fig. 3 is the process flow diagram of the sub-step that step S2 shown in Fig. 2 can comprise.
Fig. 4 is the process flow diagram carrying out the sub-step of step S1 shown in specific implementation Fig. 2 by building document dbject model (DOM) tree.
Fig. 5 is an example of dom tree.
Fig. 6 is the process flow diagram of a kind of possibility finding body matter node in step S12 shown in Fig. 4.
Fig. 7 is the schematic block diagram of page presentation device according to an embodiment of the invention.
Fig. 8 is the schematic block diagram of the inner structure of display processing unit 20 shown in Fig. 7.
Fig. 9 is the schematic block diagram of the inner structure of analytic unit 10 shown in Fig. 7.
Figure 10 is the schematic block diagram of the inner structure finding unit 120 shown in Fig. 9.
Embodiment
Below with reference to accompanying drawings preferred implementation of the present disclosure is described in more detail.Although show preferred implementation of the present disclosure in accompanying drawing, but should be appreciated that, the disclosure can be realized in a variety of manners and not should limit by the embodiment of setting forth here.On the contrary, provide these embodiments to be to make the disclosure more thorough and complete, and the scope of the present disclosure intactly can be conveyed to those skilled in the art.
Fig. 2 is the indicative flowchart of page display method according to an embodiment of the invention.
In step S1, analyze pagefile to determine the body matter district in the page.
In step S2, perform the page Graphics Processing optimized for described body matter district.
By analyzing pagefile (such as, webpage), the each several part generally included the page (such as, head navigational portions, body matter part, footer remark information, related content push link and advertisement etc.) distinguished, find out the body matter district (such as, the body part of web displaying article) that user really wants to understand usually thus.Subsequently, by the optimization carried out for the body matter district found out display, user can more easily be found out from a large amount of irrelevant information oneself really want the information of reading, improve the reading experience of user thus.
Fig. 3 is the process flow diagram of the sub-step that step S2 shown in Fig. 2 can comprise.
In step S20, determine the height in described body matter district according to typesetting result.
In above-mentioned pagefile analytic process, also can perform typesetting operation, that is, each content (body matter, peer link and advertisement etc.) the concrete arrangement in web displaying.
When the height in body matter district is greater than screen height (step S201), perform step S21 subsequently and S22.And when body matter district can be held by screen height, following operation (step S202) can not be performed.
In step S21, determine that current screen indication range browses progress relative to body matter district.
In step S22, described in display, browse progress.
In step S23, progress value is browsed in the expectation receiving user's input.
In step S24, current screen indication range is jumped in described body matter district and browses position corresponding to progress value with described expectation.
By step S20 and decision box subsequently, being distinguished of reading progress can be carried out to the need of for body matter district, save unnecessary process, improve the efficiency of whole system.But obvious, above-mentioned judgement is optional, omits aforesaid operations and can not cause how many impacts (therefore illustrating with dotted line frame in figure) to allomeric function.
For step S21 and S22, due to display progress of browsing (such as, progress bar on the right side of screen, also can show with numerical value, such as, number percent) determine relative to body matter district according to current screen indication range, therefore user can clearly know the situation oneself wanting reading content.Such as, when reading beginning, correct quantum evaluation is how many, in the middle of reading, know correct reading progress etc. at any time.
Optional step S23 and S24 (illustrating with dotted line frame in figure) is applicable to the situation that user wishes to jump to ad-hoc location.Such as, user can drag progress bar or input numeral (such as, number percent) in Progress box, shows and jumps to relevant position according to body matter district, thus make redirect more accurate to make current screen.
In addition, owing to determining the body matter district of the page, therefore can perform for being carried out various optimization Graphics Processing by the body matter district determined.So above-mentioned steps S2 can also comprise the various process for optimizing the display of body matter district, includes but not limited to: when body matter district does not start at the page, makes current screen indication range from top, body matter district; Increase the displaying ratio in body matter district; Reduce the displaying ratio in the region beyond body matter district; Highlight (such as, highlighting display) body matter district; Weaken the region beyond display (such as, thin out display) body matter district.Those skilled in the art can also find out other for helping the method for user's Reading subject content more easily.
Fig. 4 is the process flow diagram carrying out the sub-step of step S1 shown in specific implementation Fig. 2 by building document dbject model (DOM) tree.Structure due to dom tree is that this area is known, does not therefore here describe in detail.
In step S11, build dom tree based on described pagefile.
In step S12, from the root node of described dom tree, find the body matter node (that is, corresponding to the node in body matter district, being hereafter referred to as body matter node) satisfied condition.
In step S13, determine that the region that described body matter node is corresponding is body matter district.
Fig. 5 is the illustration of a dom tree.In figure, A is root node, and node A comprises three sub-Node B, C and D, and Node B comprises its child node E and F, and node D comprises its child node G.
In above-mentioned steps S12, for determining that the condition of body matter node can be such as: body matter node is root node, or the ratio that its quantity of information comprised accounts for the full detail amount that its father node comprises is more than or equal to predetermined threshold; And described body matter node does not have child node, or the ratio that the quantity of information that comprises of its each direct child node accounts for the full detail amount that described body matter node comprises is less than predetermined threshold.Predetermined threshold can be such as 50%, preferably, can be 80%.When predetermined threshold is set to the value being greater than 50%, only will has at most a direct child node under a node and meet above-mentioned condition.The direct child node having two to satisfy condition under can avoiding appearance node like this, and miss the situation of the analysis to one of them child node.And predetermined threshold is set to higher value, be such as empirically worth 80%, then can improve counting yield further.
The example of composition graphs 5, root node A child node B, C and D separately contained quantity of information be less than full detail amount such as 50% time, determine that node A is body matter node.
Contain much information contained by Node B (or D) in such as 50% of full detail amount, and the contained quantity of information of child node E and F (or G) be less than the contained information of Node B (or D) such as 50% time, determine that Node B (or D) is for body matter node.
Contain much information contained by node C in full detail amount such as 50% time, determine that node C is body matter node.
Contain much information contained by node E or F (or G) in his father's Node B (or D) quantity of information such as 50% time, determine that node E or F (or G) is for body matter node.
Be appreciated that just illustrate the example for convenience of description of the dom tree shown in Fig. 5, the example that aforementioned body content node judges also provides for explanatory purposes.The dom tree of other structures is also possible, and the example that other body matter nodes judge accordingly is also that those skilled in the art easily expect.
By the description of above-mentioned composition graphs 4 and Fig. 5, give the concrete ways how determining body matter district, thus provide implementation method for the Graphics Processing carried out for body matter district.
Fig. 6 is the process flow diagram of a kind of possibility finding body matter node in step S12 shown in Fig. 4.
In step S121, with the root node of dom tree for decision node.
In step S122, the quantity of information that each the direct child node calculating decision node comprises respectively.
In step S123, judge whether that direct child node meets following condition:
The ratio that the quantity of information that direct child node comprises accounts for the summation of the quantity of information that described decision node comprises is more than or equal to described predetermined threshold.
In step S124, when existence meets the direct child node of above-mentioned condition, with this direct child node for decision node, return step S122.
Otherwise, in step S125, determine that decision node is body matter node.
Predetermined threshold can be such as 50%, preferably, can be 80%.
Composition graphs 5, such as first with root node A for decision node.When the quantity of information that direct child node B, C and D comprise is less than 50% of full detail amount separately, determine that root node A is body matter node.Otherwise, contain much information in 50% time at node C, determine that node C is body matter node.Contain much information in 50% time, with Node B (or D) for decision node, to determine whether child node E or the F (or G) of this Node B (or D) are body matter node further in Node B (or D).
By the description of above-mentioned composition graphs 6 and Fig. 5, furthermore present and successively find out body matter node, and then find out the method in body matter district, improve the efficiency of Graphics Processing.
The method of page browsing is described in detail above with reference to Fig. 2,3,4 and 6.The device being used for page browsing is described below with reference to Fig. 7-10.
Very multiunit function of device described below respectively with above with reference to Fig. 2,3,4 identical with the function of the corresponding steps that 6 describe.In order to avoid repeating, emphasis describes the cellular construction that this device can have here, then repeats no more for some details, can with reference to corresponding description above.
Fig. 7 is the schematic block diagram of page presentation device according to an embodiment of the invention.
As shown in Figure 7, this device comprises analytic unit 10 and display processing unit 20.Analytic unit 10 is for analyzing pagefile to determine the body matter district in the page.Display processing unit 20 is for performing the page Graphics Processing optimized for described body matter district.
By the device shown in Fig. 7, can determine that user really wants the body matter district of reading, and optimize page display for this body matter district, facilitate user to read, improve the experience of browser thus.
Fig. 8 is the schematic block diagram of the inner structure of display processing unit 20 shown in Fig. 7.
As shown in Figure 8, display unit 20 can comprise browse progress determining unit 210, browse progress display unit 220, height determining unit 200, receiving element 230, processing unit 240, display optimization unit 251-255.
Browse progress determining unit 210 and browse progress for determining current screen indication range relative to described body matter district.Browse progress display unit 220 and browse progress described in showing.Thereby, it is possible to determine according to body matter district (but not comprising the full page of a large amount of irrelevant contents) and show reading progress, thus user friendly reading and location.
Display unit 20 can also comprise height determining unit 200, for the height according to typesetting result determination body matter district.Only when the height in body matter district is greater than screen height, browse progress determining unit 210 and browse progress display unit 220 and just carry out determining and the action of display navigation progress.Thereby, it is possible to when single display screen curtain can show all body matters (that is, when not needing the reading progress of extra computation for body matter), omit and process to improve counting yield accordingly.It is evident that, height determining unit 200 and the correlation computations performed by it are optional and nonessential.
In order to meet the request of User Page redirect, the expectation that page presentation device can also also comprise for receiving user's input browses progress value (such as, user drags progress bar or in Progress box, inputs concrete numerical value, such as, number percent) receiving element 230 and for making current screen indication range jump to the processing unit 240 browsing position corresponding to progress value in described body matter district with described expectation.By above-mentioned receiving element 230 and processing unit 240, make jump location according to body matter district but not the full page comprising uncorrelated content calculates, thus user's request can be responded more accurately, improve reading experience.Obvious equally, be also optional and nonessential to the process of redirect.
In addition, page presentation device can also comprise the multiple display optimization unit being optimized display for body matter district respectively, such as, and display optimization unit 251-255.Particularly, the first display optimization unit 251 may be used for, when body matter district does not start at the page, making current screen indication range from top, body matter district.Second display optimization unit 252 may be used for the displaying ratio increasing body matter district.3rd display optimization unit 253 may be used for the displaying ratio in the region reduced beyond body matter district.4th display optimization unit 254 may be used for highlighting body matter district.5th display optimization unit 255 may be used for weakening the region beyond display body matter district.The function of above-mentioned display optimization unit is mutually independently, page presentation device in embodiment can comprise above-mentioned any one or more display optimization unit, and those skilled in the art easily expect other for promoting the display optimization unit of the reading to body matter district.
Fig. 9 is the schematic block diagram of the inner structure of analytic unit 10 shown in Fig. 7.
As shown in Figure 9, analytic unit 10 can comprise and browses construction unit 110, finds unit 120 and determining unit 130.
Construction unit 110 is for building document dbject model (DOM) tree based on described pagefile.Finding unit 120 may be used for from the root node of described dom tree, finds the body matter node satisfied condition.Determining unit 130 may be used for determining that the region that described body matter node is corresponding is body matter district.
The required condition met of body matter node can be body matter node is root node, or the ratio that its quantity of information comprised accounts for the full detail amount that its father node comprises is more than or equal to predetermined threshold; And body matter node does not have child node, or the ratio that the quantity of information that comprises of its each direct child node accounts for the full detail amount that described body matter node comprises is less than predetermined threshold.Predetermined threshold can be such as 50%, preferably, can be 80%.
By the unit shown in Fig. 9, can specific implementation to the determination in body matter district, for the various Graphics Processings for body matter district provide prerequisite.
Figure 10 is the schematic block diagram of the inner structure finding unit 120 shown in Fig. 9.
As shown in Figure 10, find unit 120 and can comprise the first decision node setup unit 121, computing unit 122, judging unit 123, second decision node setup unit 124 and body matter node determining unit 125.Particularly, the first decision node setup unit 121 for the root node of dom tree for decision node.The quantity of information that computing unit 122 comprises respectively for each the direct child node calculating this decision node.Judging unit 123 is for judging whether that direct child node meets following condition: the ratio that the quantity of information that directly child node comprises accounts for the summation of the quantity of information that described decision node comprises is more than or equal to predetermined threshold.Second decision node setup unit 124 meets the direct child node of above-mentioned condition for judging to exist at judging unit 123, with this direct child node for decision node, return the action undertaken by computing unit 122.Body matter node determining unit 125, for when there is not the direct child node meeting above-mentioned condition, determines that above-mentioned decision node is body matter node.
By each unit of Figure 10, the successively searching to body matter node can be realized, improve thus and find efficiency, contribute to the improvement of user's reading experience further.
In addition, a kind of computer program can also be embodied as according to method of the present invention, this computer program comprises computer-readable medium, stores the computer program for performing the above-mentioned functions limited in method of the present invention on the computer-readable medium.Those skilled in the art will also understand is that, may be implemented as electronic hardware, computer software or both combinations in conjunction with various illustrative logical blocks, module, circuit and the algorithm steps described by disclosure herein.
Process flow diagram in accompanying drawing and block diagram show the architectural framework in the cards of the system and method according to multiple embodiment of the present invention, function and operation.In this, each square frame in process flow diagram or block diagram can represent a part for module, program segment or a code, and a part for described module, program segment or code comprises one or more executable instruction for realizing the logic function specified.Also it should be noted that at some as in the realization of replacing, the function marked in square frame also can be different from occurring in sequence of marking in accompanying drawing.Such as, in fact two continuous print square frames can perform substantially concurrently, and they also can perform by contrary order sometimes, and this determines according to involved function.Also it should be noted that, the combination of the square frame in each square frame in block diagram and/or process flow diagram and block diagram and/or process flow diagram, can realize by the special hardware based system of the function put rules into practice or operation, or can realize with the combination of specialized hardware and computer instruction.
Be described above various embodiments of the present invention, above-mentioned explanation is exemplary, and non-exclusive, and be also not limited to disclosed each embodiment.When not departing from the scope and spirit of illustrated each embodiment, many modifications and changes are all apparent for those skilled in the art.The selection of term used herein, is intended to explain best the principle of each embodiment, practical application or the technological improvement to the technology in market, or makes other those of ordinary skill of the art can understand each embodiment disclosed herein.
Claims (16)
1. a page display method, comprising:
Analyze pagefile to determine the body matter district in the page;
Perform the page Graphics Processing optimized for described body matter district.
2. the step of page Graphics Processing that the method for claim 1, wherein described execution is optimized for described body matter district comprises:
Determine that current screen indication range browses progress relative to described body matter district; And
Progress is browsed described in display.
3. method as claimed in claim 2, wherein, described execution also comprises for the step of the page Graphics Processing that described body matter district optimizes:
The height in described body matter district is determined according to typesetting result,
When the height in described body matter district is greater than screen height, performs and describedly determine to browse the step of progress and the step of described display navigation progress.
4. method as claimed in claim 2, also comprises:
Progress value is browsed in the expectation receiving user's input;
Current screen indication range is jumped in described body matter district and browses position corresponding to progress value with described expectation.
5. the step of page Graphics Processing that the method for claim 1, wherein described execution is optimized for described body matter district comprises:
When described body matter district does not start at the page, make current screen indication range from top, described body matter district; And/or
Increase the displaying ratio in described body matter district; And/or
Reduce the displaying ratio in the region beyond described body matter district; And/or
Highlight described body matter district; And/or
Weaken the region beyond the described body matter district of display.
6. as the method in claim 1 to 5 as described in any one, wherein, described analysis pagefile is to determine that the step in the body matter district in the page comprises:
Document dbject model (DOM) tree is built based on described pagefile;
From the root node of described dom tree, find the body matter node meeting following condition:
Described body matter node is root node, or the ratio that its quantity of information comprised accounts for the full detail amount that its father node comprises is more than or equal to predetermined threshold; And
Described body matter node does not have child node, or the ratio that the quantity of information that comprises of its each direct child node accounts for the full detail amount that described body matter node comprises is less than predetermined threshold;
Determine that the region that described body matter node is corresponding is body matter district.
7. method as claimed in claim 6, wherein, the step of described searching body matter node comprises:
With the root node of described dom tree for decision node;
The quantity of information that each the direct child node calculating described decision node comprises respectively;
Judge whether that direct child node meets following condition:
The ratio that the quantity of information that direct child node comprises accounts for the summation of the quantity of information that described decision node comprises is more than or equal to described predetermined threshold;
When existence meets the direct child node of above-mentioned condition, with this direct child node for decision node, iteration performs the step of described calculating and judgement; And
When there is not the direct child node meeting above-mentioned condition, determine that described decision node is described body matter node.
8. method as claimed in claim 6, wherein, described predetermined threshold is greater than 50%.
9. a page presentation device, comprising:
Analytic unit, for analyzing pagefile to determine the body matter district in the page;
Display processing unit, for performing the page Graphics Processing optimized for described body matter district.
10. device as claimed in claim 9, wherein, described display processing unit comprises:
Browse progress determining unit, for determining that current screen indication range browses progress relative to described body matter district; And
Browse progress display unit, described in showing, browse progress.
11. methods as claimed in claim 10, wherein, described display processing unit also comprises:
Height determining unit, for determining the height in described body matter district according to typesetting result,
When the height in described body matter district is greater than screen height, described in browse progress determining unit and described progress display unit of browsing is determined and browses progress described in showing.
12. devices as claimed in claim 10, wherein, described display processing unit also comprises:
Receiving element, browses progress value for the expectation receiving user's input;
Jump-transfer unit, jumps in described body matter district for making current screen indication range and browses position corresponding to progress value with described expectation.
13. devices as claimed in claim 9, wherein, described display processing unit comprises:
First display optimization unit, for when described body matter district does not start at the page, makes current screen indication range from top, described body matter district; And/or
Second display optimization unit, for increasing the displaying ratio in described body matter district; And/or
3rd display optimization unit, for reducing the displaying ratio in the region beyond described body matter district; And/or
4th display optimization unit, for highlighting described body matter district; And/or
5th display optimization unit, for weakening the region beyond the described body matter district of display.
14. as the device in claim 9 to 13 as described in any one, and wherein, described analytic unit comprises:
Construction unit, for building document dbject model (DOM) tree based on described pagefile;
Find unit, for the root node from described dom tree, find the body matter node meeting following condition:
Described body matter node is root node, or the ratio that its quantity of information comprised accounts for the full detail amount that its father node comprises is more than or equal to predetermined threshold; And
Described body matter node does not have child node, or the ratio that the quantity of information that comprises of its each direct child node accounts for the full detail amount that described body matter node comprises is less than predetermined threshold;
Determining unit, for determining that the region that described body matter node is corresponding is body matter district.
15. devices as claimed in claim 14, wherein, described searching unit comprises:
First decision node setup unit, for the root node of described dom tree for decision node;
Computing unit, the quantity of information that each the direct child node for calculating described decision node comprises respectively;
Judging unit, for having judged whether that direct child node meets following condition:
The ratio that the quantity of information that direct child node comprises accounts for the summation of the quantity of information that described decision node comprises is more than or equal to described predetermined threshold;
Second decision node setup unit, when meeting the direct child node of above-mentioned condition for judging to exist at described judging unit, with this direct child node for decision node, returns the action undertaken by described computing unit; And
Body matter node determining unit, for when there is not the direct child node meeting above-mentioned condition, determines that described decision node is described body matter node.
16. methods as claimed in claim 14, wherein, described predetermined threshold is greater than 50%.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510275618.3A CN104820722B (en) | 2015-05-26 | 2015-05-26 | page display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510275618.3A CN104820722B (en) | 2015-05-26 | 2015-05-26 | page display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104820722A true CN104820722A (en) | 2015-08-05 |
| CN104820722B CN104820722B (en) | 2018-05-25 |
Family
ID=53731017
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510275618.3A Active CN104820722B (en) | 2015-05-26 | 2015-05-26 | page display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104820722B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105718522A (en) * | 2016-01-15 | 2016-06-29 | 北京傲游天下科技有限公司 | Browser body content presentation method |
| CN115292589A (en) * | 2022-07-20 | 2022-11-04 | 盐城金堤科技有限公司 | Hotspot information guiding and browsing method and device, storage medium and electronic equipment |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102314497A (en) * | 2011-08-26 | 2012-01-11 | 百度在线网络技术（北京）有限公司 | Method and equipment for identifying body contents of markup language files |
| CN102880707A (en) * | 2012-09-27 | 2013-01-16 | 广州市动景计算机科技有限公司 | Method and device for webpage body content recognition |
| CN103577466A (en) * | 2012-08-03 | 2014-02-12 | 腾讯科技（深圳）有限公司 | Method and device for displaying webpage content in browser |
| CN104423839A (en) * | 2013-08-30 | 2015-03-18 | 中兴通讯股份有限公司 | Browser resource display method and device |
| CN104572650A (en) * | 2013-10-11 | 2015-04-29 | 中兴通讯股份有限公司 | Method and device for realizing browser intelligent reading and terminal comprising device |
-
2015
- 2015-05-26 CN CN201510275618.3A patent/CN104820722B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102314497A (en) * | 2011-08-26 | 2012-01-11 | 百度在线网络技术（北京）有限公司 | Method and equipment for identifying body contents of markup language files |
| CN103577466A (en) * | 2012-08-03 | 2014-02-12 | 腾讯科技（深圳）有限公司 | Method and device for displaying webpage content in browser |
| CN102880707A (en) * | 2012-09-27 | 2013-01-16 | 广州市动景计算机科技有限公司 | Method and device for webpage body content recognition |
| CN104423839A (en) * | 2013-08-30 | 2015-03-18 | 中兴通讯股份有限公司 | Browser resource display method and device |
| CN104572650A (en) * | 2013-10-11 | 2015-04-29 | 中兴通讯股份有限公司 | Method and device for realizing browser intelligent reading and terminal comprising device |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105718522A (en) * | 2016-01-15 | 2016-06-29 | 北京傲游天下科技有限公司 | Browser body content presentation method |
| CN115292589A (en) * | 2022-07-20 | 2022-11-04 | 盐城金堤科技有限公司 | Hotspot information guiding and browsing method and device, storage medium and electronic equipment |
| CN115292589B (en) * | 2022-07-20 | 2024-01-16 | 盐城天眼察微科技有限公司 | Hot spot information guiding browsing method and device, storage medium and electronic equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104820722B (en) | 2018-05-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10417297B2 (en) | Webpage loading method and system | |
| CN102200971B (en) | Method and equipment for realizing webpage content previewing | |
| TWI582619B (en) | Method and apparatus for providing referral words | |
| US8521727B2 (en) | Search apparatus, search method, and computer readable medium | |
| CN106844635B (en) | Method and device for editing elements in webpage | |
| CN108416011B (en) | Page processing method, device, terminal and computer readable storage medium | |
| CN104267871A (en) | Method for rendering pages and device thereof | |
| CN105095394A (en) | Method and device for web page generation | |
| CN102262681A (en) | Method for identifying key blog sets in blog information spreading | |
| CN103136224A (en) | Recommendation method and device for keywords | |
| WO2017008448A1 (en) | Method for extracting core content of web page | |
| CN108958612B (en) | Method for controlling page sliding, method and system for controlling page, terminal device and medium | |
| CN103164191A (en) | Method and device of webpage element dragging | |
| CN105138535A (en) | Search result display method and apparatus | |
| CN102893277A (en) | System and method for web page segmentation using adaptive threshold computation | |
| CN102375847B (en) | Method and device for forming merge tree for generating document template | |
| CN106294885A (en) | A kind of data collection towards isomery webpage and mask method | |
| CN104020934B (en) | Paging control implementation method and device | |
| CN103544257A (en) | Method and device for webpage quality detection | |
| CN105045464A (en) | Method and device for prompting of form filling progress | |
| CN104820722A (en) | Page display method and device | |
| JP6479239B1 (en) | Information processing apparatus, information processing system, information processing method, and program | |
| US10452705B2 (en) | System, method, and non-transitory computer-readable storage media for evaluating search results | |
| CN105278977A (en) | Web parts loading method and apparatus | |
| CN103324641A (en) | Information record recommendation method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| EXSB | Decision made by sipo to initiate substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20200810 Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Patentee after: Alibaba (China) Co.,Ltd. Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping square B radio tower 12 layer self unit 01 Patentee before: GUANGZHOU SHENMA MOBILE INFORMATION TECHNOLOGY Co.,Ltd. |
|
| TR01 | Transfer of patent right |