CN106959973A - A kind of web page display method and system, user equipment - Google Patents
A kind of web page display method and system, user equipment Download PDFInfo
- Publication number
- CN106959973A CN106959973A CN201610019156.3A CN201610019156A CN106959973A CN 106959973 A CN106959973 A CN 106959973A CN 201610019156 A CN201610019156 A CN 201610019156A CN 106959973 A CN106959973 A CN 106959973A
- Authority
- CN
- China
- Prior art keywords
- webpage
- height value
- browser kernel
- value
- web page
- 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
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
This application discloses a kind of web page display method and system, user equipment, the effect to improve web page display lifts Consumer's Experience.A kind of web page display method that the application is provided, including：Open browser kernel example and render webpage, and obtain the height value of the webpage；According to the height value of the webpage, the height value of the browser kernel example is set, and shows the webpage by the browser kernel example with the height value.
Description
Technical field
The application is related to field of computer technology, more particularly to a kind of web page display method and system, Yong Hushe
It is standby.
Background technology
It is the mobile Internet epoch now, the mobile terminal application that there is magnanimity can for users to use, with this
The situation of kind, opens the usage scenario of webpage in being applied the need for existing largely in mobile terminal.
In the prior art, when opening webpage in needing to apply in mobile terminal, by opening in a browser
Example is examined, simply renders and be shown the content of the webpage after webpage.Due to web page contents length not
It is determined that, the height of browser kernel example is also uncertain, therefore occurs that two longitudinal directions roll domain, point
It is not the longitudinal direction rolling domain of browser kernel example, and mobile terminal is using the longitudinal direction rolling domain of active view.On
State two longitudinal directions and roll domain, first, visual effect can be influenceed so that the active view page is not attractive in appearance enough, its
It is secondary, if user only slides mobile terminal and rolls the corresponding scroll bar in domain, whole net using the longitudinal direction of active view
Page enters line slip as an entirety, and the content in webpage then will not be slided correspondingly, even if so that user
Mobile terminal is slided and has rolled the corresponding scroll bar in domain using the longitudinal direction of active view, the complete of webpage can not be checked
Portion's content, this will make troubles to user, have impact on the application experience of user.
In summary, when being shown in the prior art to webpage, it may appear that two longitudinal directions roll domain so that
Not enough facilitate during user's browsed web content, reduce Consumer's Experience.
The content of the invention
The embodiment of the present application provides a kind of web page display method and system, user equipment, to improve webpage
The effect of displaying, lifts Consumer's Experience.
A kind of web page display method that the embodiment of the present application is provided, including：
Open browser kernel example and render webpage, and obtain the height value of the webpage；
According to the height value of the webpage, the height value of the browser kernel example is set, and by with
The browser kernel example of the height value shows the webpage.
This method that the embodiment of the present application is provided, when opening webpage in needing to apply in mobile terminal, by opening
Open browser kernel example and render webpage, and obtain the height value of the webpage, and then according to the webpage
Height value, sets the height value of the browser kernel example, and by the browser with the height value
Examine example and show the webpage, so as to avoid the occurrence of two longitudinal directions roll domains (browser kernel example
Longitudinal direction rolls domain and mobile terminal and rolls domain using the longitudinal direction of active view) situation, realize the rolling of web page contents
It is dynamic with mobile terminal using the effect that rollings of active view is integrated, the effect of raising web page display lifts use
Experience at family.Also, with it, browser kernel example can be allowed to be carried out with arbitrary non-web page contents
Mixing, so as to can show more contents including webpage in active view, scalability is more preferable.
Alternatively, the height value of the browser kernel example after setting is equal to the height value of the webpage.
Alternatively, opening after browser kernel example renders webpage, obtain the webpage height value it
Before, this method also includes：
Detect the element that whether there is in the webpage and can be used for zooming in and out to the webpage；
When the element is not present in the webpage, end adaptation is moved to the webpage.
In due to being applied in mobile terminal during displayed web page, prior art is often simply by for the webpage at PC ends
The size for being fully able to show in the size of mobile terminal active view is contracted to, such that webpage contracts
Very little, user is in the content of the brose and reading webpage, it is necessary to could just after webpage to be first amplified to operation
Often read, reduce Consumer's Experience.And in this method of the embodiment of the present application, in the height according to the webpage
Before angle value, the height value that the browser kernel example is set, webpage is moved into end adaptation, so that
May be such that user can only be experienced in browsed web content one longitudinal direction roll domain on the premise of, can also keep away
Exempt from the webpage in mobile terminal displayed web page contract very little influence user's normal browsing situation, further improve
Consumer's Experience.
Alternatively, described is META elements available for the element zoomed in and out to the webpage, described
The value of the NAME attributes of META elements is VIEWPORT.
Alternatively, end adaptation is moved to the webpage, is specifically included：
The META elements are inserted in the HEAD elements of the webpage, by the META elements to institute
State webpage to zoom in and out, complete to move the webpage process of end adaptation.
A kind of web page display system that the embodiment of the present application is provided, including：
First module, renders webpage, and obtain the height value of the webpage for opening browser kernel example；
Second module, for the height value according to the webpage, sets the height of the browser kernel example
Value, and the webpage is shown by the browser kernel example with the height value.
By the system, the effect of more preferable web page display can be achieved, it is to avoid two longitudinal directions occur and roll domain
Situation, realize web page contents rolling and mobile terminal using the integrated effect of rollings of active view, lifted
Consumer's Experience.
Alternatively, the height value of the browser kernel example after setting is equal to the height value of the webpage.
Alternatively, first module obtains the net after unlatching browser kernel example renders webpage
Before the height value of page, it is additionally operable to：
Detect the element that whether there is in the webpage and can be used for zooming in and out to the webpage；
When the element is not present in the webpage, end adaptation is moved to the webpage.
So as to may be such that user can only experience the premise that a longitudinal direction rolls domain in browsed web content
Under, in mobile terminal displayed web page webpage can also be avoided to contract very little influences the situation of user's normal browsing,
Further improve Consumer's Experience.
Alternatively, the element is META elements, and the value of the NAME attributes of the META elements is
VIEWPORT。
Alternatively, when first module moves end adaptation to the webpage, specifically for：
The META elements are inserted in the HEAD elements of the webpage, by the META elements to institute
State webpage to zoom in and out, complete to move the webpage process of end adaptation.
A kind of user equipment provided in an embodiment of the present invention, including above-mentioned web page display system.
Alternatively, the user equipment is mobile terminal.
Brief description of the drawings
, below will be to implementing in order to illustrate more clearly of the embodiment of the present application or technical scheme of the prior art
The accompanying drawing to be used needed for example is briefly described, it should be apparent that, drawings in the following description are only
Some embodiments of the present application, for those of ordinary skill in the art, are not paying creative work
Under the premise of, other accompanying drawings can also be obtained according to these accompanying drawings.
A kind of schematic flow sheet for web page display method that Fig. 1 provides for the embodiment of the present application；
A kind of idiographic flow schematic diagram for web page display method that Fig. 2 provides for the embodiment of the present application；
The idiographic flow schematic diagram for another web page display method that Fig. 3 provides for the embodiment of the present application；
A kind of structural representation for web page display device that Fig. 4 provides for the embodiment of the present application.
Embodiment
The embodiment of the present application provides a kind of web page display method and system, user equipment, to improve webpage
The effect of displaying, lifts Consumer's Experience.
In order to more fully understand the above-mentioned purpose, scheme and advantage of the application, provided hereinafter detailed description.
The detailed description illustrates system and/or method by using the accompanying drawings such as block diagram, flow chart and/or example
Various embodiments.In these block diagrams, flow chart and/or example, comprising one or more functions and/or
Operation.It will be understood by the skilled person that：Each function in these block diagrams, flow chart or example and/
Or operation, can separately or cooperatively it be implemented by various hardware, software, firmware, or by hard
Any combination of part, software and firmware is implemented.
A kind of web page display method provided referring to Fig. 1, present application example, including：
S101, unlatching browser kernel example render webpage, and obtain the height value of the webpage；
S102, the height value according to the webpage, set the height value of the browser kernel example, and lead to
Cross the browser kernel example with the height value and show the webpage.
Wherein, the height value of above-mentioned webpage, that is, the height value shared by web page contents.
This method can be applied to need in mobile terminal application (such as certain is used for the client application chatted)
Open the scene of webpage.The process that browser kernel example is rendered to webpage in step S101 can pass through
Prior art is realized.
Specifically, step S101 can be for example triggered in the following way：
When opening webpage during user needs to apply in mobile terminal, mobile terminal application receives the request of displayed web page
Afterwards, and then trigger mobile terminal application and open browser kernel example and render webpage, and by above-mentioned steps S101,
Method described in S102 is shown to webpage.
The mobile terminal, such as can be mobile phone.
Alternatively, after unlatching browser kernel example renders webpage, adaptation procedure is injected into the webpage,
The height value of the webpage is obtained by adaptation procedure.
Wherein, the adaptation procedure can be achieved by the prior art, for example, can pass through JAVASCRIPT (visitors
Family end script) to be write, the adaptation procedure is used to detect whether webpage is fitted for mobile terminal
Match somebody with somebody, and end adaptation is moved to the webpage in the case where webpage is not adapted to for mobile terminal, and
And, the adaptation procedure is additionally operable to obtain the height value of webpage.
After above-mentioned unlatching browser kernel example, the process of adaptation procedure is injected into webpage, for example, can be passed through
Following manner is realized：
Mobile terminal application opens WEBVIEW (webpage view) to render webpage, and passes through
InjectedJavaScript (embedded JavaScript) interface is injected into the webpage by JAVASCRIPT languages
Say the adaptation procedure realized.Wherein, the WEBVIEW is the primary control that mobile terminal is applied, at this
WEBVIEW can be understood as a browser kernel example in embodiment.
Certainly, in addition to aforesaid way, it would however also be possible to employ other modes inject adaptation procedure, example into webpage
Such as, operating system that can be according to mobile terminal, takes corresponding mode to inject adaptation procedure into webpage, also,
For same operating system, it would however also be possible to employ different embodiments realizes the injection adaptation journey into webpage
Sequence, the embodiment of the present application is not construed as limiting to this.
Alternatively, the height value of the browser kernel example after setting is equal to the height value of the webpage.
Certainly, the height value of the height value and the webpage of the browser kernel example after setting is not completely equivalent
Also possible, the embodiment of the present application is not construed as limiting to this.
Because the adaptation procedure is run in the webpage, therefore, the adaptation procedure can be obtained
The height value of the webpage, and the height value is returned into mobile terminal application, applied by mobile terminal according to described
The height value of webpage, sets the height value of the browser kernel example.Wherein, the adaptation procedure is by institute
The height value for stating webpage returns to mobile terminal application, the communication party belonged between web page contents and mobile terminal application
Formula, the communication mode can have a variety of.
For example, mobile terminal application can obtain the height value of webpage in the following way：
Adaptation procedure obtains the height value of webpage by document.height interfaces, and is set according to the height value
Put title (title) attribute of webpage.Specifically, the height value is set to webpage by the adaptation procedure
Document.title attributes.Correspondingly, the title that webpage is monitored by browser kernel example is applied in mobile terminal
The state change situation of attribute, when the title attributes that browser kernel example listens to webpage change,
The height value is obtained from the title attributes of webpage.Because browser kernel example belongs to mobile terminal application control
The part of system, therefore, mobile terminal application also can just know the height value of webpage, and according to the height of webpage
Value, sets the height value of the browser kernel example.
Certainly, the height value of mobile terminal application acquisition webpage is not limited to aforesaid way in specific implementation, above-mentioned
Mode is one of embodiment that the embodiment of the present application is provided.
The height value according to the webpage is applied in the mobile terminal, sets the height of the browser kernel example
Value, for example, can be configured in the following way：
The height value according to the webpage is applied in mobile terminal, sets WEBVIEW HEIGHT (height)
WEBVIEW HEIGHT property values, for example, be set to and institute by attribute by mobile terminal application code
State the height value identical numerical value of webpage.Certainly, in specific implementation, it will can also set in other way
The height value of the browser kernel example is put, for example, can be carried out according to specific mobile terminal operating system flexible
Setting, also, for same operating system, it would however also be possible to employ different embodiments is realized to browsing
The setting of the height of device kernel execution instance, the embodiment of the present application is not construed as limiting to this.
So as to when the height value of the browser kernel example is consistent with the height value of web page contents, browse
Device kernel execution instance is not in that independent longitudinal direction rolls domain and scroll bar so that the rolling and movement of web page contents
The rolling of end application active view is integral so that user can obtain preferably application experience.
Alternatively, opening after browser kernel example renders webpage, obtain the webpage height value it
Before, this method also includes：
Detect the element that whether there is in the webpage and can be used for zooming in and out to the webpage；
When the element is not present in the webpage, end adaptation is moved to the webpage.
Alternatively, it can be detected by the adaptation procedure injected in advance into webpage in the webpage with the presence or absence of can
For the element zoomed in and out to the webpage.
Alternatively, the element is META elements, and the NAME (title) of the META elements belongs to
Property value be VIEWPORT (viewport).
Certainly, if above-mentioned testing result is shown in and there is the values of the NAME attributes in the webpage and be
During VIEWPORT META elements, then it need not again perform and end adaptation is moved to the webpage
Process.
Here, we provide one and detect that the value that whether there is NAME attributes in the webpage is
The example of VIEWPORT META elements：
The adaptation procedure is found all in webpage by getElementsByTagName functions first
META elements；Secondly, for any META elements, the getAttribute functional queries META is passed through
The value of the NAME attributes of element.If in these META elements, there is at least one META element,
Its NAME property value is VIEWPORT, then illustrates that the webpage is adapted to for mobile terminal,
The process of end adaptation is moved to the webpage without performing again；Otherwise, perform to enter the webpage
The process of row mobile terminal adaptation.
Alternatively, end adaptation is moved to the webpage, can be realized in the following way：
The META elements are inserted in the HEAD elements of the webpage, by the META elements to institute
State webpage to zoom in and out, complete to move the webpage process of end adaptation.
Alternatively, can be by the adaptation procedure injected in advance into webpage, in the HEAD elements of the webpage
The middle insertion META elements.
The above-mentioned process that the META elements are inserted in the HEAD elements of webpage, for example, can pass through
Following manner is realized：
First, the adaptation procedure passes through one META of createElement (establishment element) function creation
Element；Secondly, the NAME of the META elements of establishment is belonged to by setAttribute (setting a property)
Property value is set to VIEWPORT；Finally, will be described by appendChild (addition node) function
In META elements insertion web document.
Certainly, in addition to aforesaid way, the META elements can be also inserted in webpage in other way,
For example corresponding mode can be taken according to the operating system of mobile terminal, certainly, for same operating system
The above-mentioned process that the META elements are inserted in webpage, the application can also be realized in different ways
Embodiment is not construed as limiting to this.
Alternatively, META elements are zoomed in and out to the webpage, are completed to move the webpage and are held suitable
The process matched somebody with somebody, is specifically included：
META elements set the width value of webpage according to the width value of browser kernel example.For example, will
The width value of webpage is set to the numerical value equal with the width value of browser kernel example.Also, can be according to reality
Border needs to carry out appropriate adjustment to the height value of webpage, certainly, and the height value of webpage can also be without adjusting
Whole, the embodiment of the present application is not construed as limiting to this.
It should be noted that after unlatching browser kernel example renders webpage, obtaining the height of the webpage
It is described clear subsequently setting if performing the process that end adaptation is moved to the webpage before angle value
Look at device kernel execution instance height value when, be according to moved end adaptation after webpage height value set institute
State the height value of browser kernel example.So as to can both ensure that user only experienced when browsing webpage
One longitudinal direction roll domain, can avoid again in mobile terminal displayed web page by webpage contract very little influence user just
Situation about often browsing, improves Consumer's Experience.
As preferred mode, before the height value of the browser kernel example is set, perform to described
Webpage moves the process of end adaptation, certainly, renders webpage opening browser kernel example, and obtain
The height value of the webpage, and then after the height of the browser kernel example is set according to the height value,
The process that execution moves end adaptation to the webpage is also possible, and the embodiment of the present application is not limited this
It is fixed.In general, in this way, it is also ensured that user only experiences one when browsing webpage
Individual longitudinal direction rolling domain, and avoid that webpage contracts in mobile terminal displayed web page to obtain very little influence user's normal browsing
Situation, lifted Consumer's Experience.
The idiographic flow of the web page display method of the embodiment of the present application offer is provided from overall angle below.
In one embodiment, referring to Fig. 2, the embodiment of the present application provides a kind of tool of web page display method
Body schematic flow sheet.
Step S201：Open browser kernel example and render webpage, and inject into webpage adaptation procedure.
Step S202：According to the adaptation procedure, detect in the webpage and whether there is available for the net
The META elements that page is zoomed in and out；Wherein, the value of the NAME attributes of the META elements is
VIEWPORT。
Step S203：If the value in the absence of the NAME attributes in the webpage is VIEWPORT
META elements, then the META elements are inserted in the HEAD elements of the webpage, by this
META elements are zoomed in and out to the webpage, complete to move the webpage process of end adaptation.
Step S204：By the adaptation procedure, the webpage after mobile terminal is adapted to is directed to described in acquisition
Height value.
Step S205：According to the height value, the height value of browser kernel example is set, and by with
The browser kernel example of the height value shows the webpage.
In another embodiment, referring to Fig. 3, the embodiment of the present application provides a kind of web page display method
Overall flow schematic diagram.
Step S301：Open browser kernel example and render webpage, and inject into webpage adaptation procedure.
Step S302：By the adaptation procedure, the height value of the webpage is obtained.
Step S303：According to the height value, the height value of browser kernel example is set.
Step S304：According to the adaptation procedure, detect in the webpage and whether there is available for the net
The META elements that page is zoomed in and out；Wherein, the value of the NAME attributes of the META elements is
VIEWPORT。
Step S305：If the value in the absence of the NAME attributes in the webpage is VIEWPORT
META elements, then the META elements are inserted in the HEAD elements of the webpage, by this
META elements are zoomed in and out to the webpage, complete to move the webpage process of end adaptation.
Step S306：Institute is shown by the browser kernel example with the height value described in step S303
State and move the webpage after the adaptation of end.
Based on above-mentioned web page display method, the embodiment of the present application provides a kind of web page display system.
A kind of web page display system provided referring to Fig. 4, the embodiment of the present application, including：
First module 41, renders webpage, and obtain the height of the webpage for opening browser kernel example
Value；
Second module 42, for the height value according to the webpage, sets the height of the browser kernel example
Angle value, and the webpage is shown by the browser kernel example with the height value.
Alternatively, first module 41 is after unlatching browser kernel example renders webpage, to the net
Adaptation procedure is injected in page, the height value of the webpage is obtained by adaptation procedure.
Wherein, the adaptation procedure can be achieved by the prior art, for example, can pass through JAVASCRIPT (visitors
Family end script) to be write, the adaptation procedure is used to detect whether webpage is fitted for mobile terminal
Match somebody with somebody, and end adaptation is moved to the webpage in the case where webpage is not adapted to for mobile terminal, and
And, the adaptation procedure is additionally operable to obtain the height value of webpage.
Alternatively, the height value of the browser kernel example after setting is equal to the height value of the webpage.
Alternatively, first module 41 obtains institute after unlatching browser kernel example renders webpage
Before the height value for stating webpage, it is additionally operable to：
Detect the element that whether there is in the webpage and can be used for zooming in and out to the webpage；
When the element is not present in the webpage, end adaptation is moved to the webpage.
Alternatively, first module 41 obtains the net by the adaptation procedure injected in advance into webpage
The height value of page.
Alternatively, the element is META elements, and the value of the NAME attributes of the META elements is
VIEWPORT。
That is, first module detects the value that whether there is NAME attributes in the webpage first
For VIEWPORT META elements, when the value that there is the NAME attributes in the webpage is
During VIEWPORT META elements, then end adaptation need not be moved to the webpage, when in institute
State in webpage in the absence of the NAME attributes value be VIEWPORT META elements when, then perform
The process of end adaptation is moved to the webpage.There is NAME attributes in webpage this is because, working as
Value when being VIEWPORT META elements, it is appropriate webpage can be carried out by the META elements
Scaling, for example, the width value of webpage according to the width value of browser kernel example, can be set, and according to reality
Border situation chooses whether to be adjusted the height value of webpage.
Alternatively, when described first module, 41 pairs of webpages move end adaptation, specifically for：
The META elements are inserted in the HEAD elements of the webpage, by the META elements to institute
State webpage to zoom in and out, complete to move the webpage process of end adaptation.
Alternatively, first module 41 by the adaptation procedure injected in advance into webpage in the webpage
HEAD elements in insert the META elements.
A kind of user equipment provided in an embodiment of the present invention, including above-mentioned web page display system.
Alternatively, the user equipment is mobile terminal.
The embodiment of the present application, can realize above-mentioned each function mould by entity devices such as specific hardware processors
Block.
Alternatively, the processor for example can be that centre buries device (CPU), application specific integrated circuit
(Application Specific Integrated Circuit, ASIC), field programmable gate array (Field-
Programmable Gate Array, FPGA) or CPLD (Complex
Programmable Logic Device, CPLD) etc..
In summary, the method and system for the web page display that the embodiment of the present application is provided, when needs are in mobile terminal
When opening webpage in, webpage is rendered by opening browser kernel example, and obtain the height of the webpage
Angle value, and then according to the height value of the webpage, the height value of the browser kernel example is set, and lead to
Cross the browser kernel example with the height value and show the webpage, so as to avoid the occurrence of two longitudinal directions
Roll domain (longitudinal direction of browser kernel example rolls domain and mobile terminal and rolls domain using the longitudinal direction of active view)
Situation, realize web page contents rolling and mobile terminal using the integrated effect of rolling of active view, carry
The effect of high web page display, lifts Consumer's Experience.Also, with it, browser kernel can be allowed real
Example carries out mixing with arbitrary non-web page contents, and scalability is more preferable.In addition, by being moved to webpage
End adaptation, it is to avoid in mobile terminal displayed web page by webpage contract very little situation, more facilitate the user clear
Look at web page contents, provide the user preferably application experience.
It should be understood by those skilled in the art that, embodiments herein can be provided as method, system or meter
Calculation machine program product.Therefore, the application can be using complete hardware embodiment, complete software embodiment or knot
The form of embodiment in terms of conjunction software and hardware.Wherein wrapped one or more moreover, the application can be used
Containing computer usable program code computer-usable storage medium (include but is not limited to magnetic disk storage and
Optical memory etc.) on the form of computer program product implemented.
The application is produced with reference to according to the method, equipment (system) and computer program of the embodiment of the present application
The flow chart and/or block diagram of product is described.It should be understood that can be realized by computer program instructions flow chart and
/ or each flow and/or square frame in block diagram and the flow in flow chart and/or block diagram and/
Or the combination of square frame.These computer program instructions can be provided to all-purpose computer, special-purpose computer, insertion
Formula processor or the processor of other programmable data processing devices are to produce a machine so that pass through and calculate
The instruction of the computing device of machine or other programmable data processing devices is produced for realizing in flow chart one
The device for the function of being specified in individual flow or multiple flows and/or one square frame of block diagram or multiple square frames.
These computer program instructions, which may be alternatively stored in, can guide computer or the processing of other programmable datas to set
In the standby computer-readable memory worked in a specific way so that be stored in the computer-readable memory
Instruction produce include the manufacture of command device, the command device realization in one flow or multiple of flow chart
The function of being specified in one square frame of flow and/or block diagram or multiple square frames.
These computer program instructions can be also loaded into computer or other programmable data processing devices, made
Obtain and perform series of operation steps on computer or other programmable devices to produce computer implemented place
Reason, so that the instruction performed on computer or other programmable devices is provided for realizing in flow chart one
The step of function of being specified in flow or multiple flows and/or one square frame of block diagram or multiple square frames.
Obviously, those skilled in the art can carry out various changes and modification without departing from this Shen to the application
Spirit and scope please.So, if the application these modification and modification belong to the application claim and
Within the scope of its equivalent technologies, then the application is also intended to comprising including these changes and modification.
Claims (12)
1. a kind of web page display method, it is characterised in that this method includes：
Open browser kernel example and render webpage, and obtain the height value of the webpage；
According to the height value of the webpage, the height value of the browser kernel example is set, and by with
The browser kernel example of the height value shows the webpage.
2. according to the method described in claim 1, it is characterised in that the browser kernel after setting
The height value of example is equal to the height value of the webpage.
3. method according to claim 1 or 2, it is characterised in that real opening browser kernel
Example is rendered after webpage, and before the height value for obtaining the webpage, this method also includes：
Detect the element that whether there is in the webpage and can be used for zooming in and out to the webpage；
When the element is not present in the webpage, end adaptation is moved to the webpage.
4. method according to claim 3, it is characterised in that the element is META elements,
The value of the NAME attributes of the META elements is VIEWPORT.
5. method according to claim 4, it is characterised in that end is moved to the webpage suitable
Match somebody with somebody, specifically include：
The META elements are inserted in the HEAD elements of the webpage, by the META elements to institute
State webpage to zoom in and out, complete to move the webpage process of end adaptation.
6. a kind of web page display system, it is characterised in that the system includes：
First module, renders webpage, and obtain the height value of the webpage for opening browser kernel example；
Second module, for the height value according to the webpage, sets the height of the browser kernel example
Value, and the webpage is shown by the browser kernel example with the height value.
7. system according to claim 6, it is characterised in that the browser kernel after setting
The height value of example is equal to the height value of the webpage.
8. the system according to claim 6 or 7, it is characterised in that first module is being opened
Browser kernel example is rendered after webpage, before the height value for obtaining the webpage, is additionally operable to：
Detect the element that whether there is in the webpage and can be used for zooming in and out to the webpage；
When the element is not present in the webpage, end adaptation is moved to the webpage.
9. system according to claim 8, it is characterised in that the element is META elements,
The value of the NAME attributes of the META elements is VIEWPORT.
10. system according to claim 9, it is characterised in that first module is to the webpage
When moving end adaptation, specifically for：
The META elements are inserted in the HEAD elements of the webpage, by the META elements to institute
State webpage to zoom in and out, complete to move the webpage process of end adaptation.
11. a kind of user equipment, it is characterised in that the user equipment includes any power of claim 6~10
System described in.
12. user equipment according to claim 11, it is characterised in that the user equipment is shifting
Dynamic terminal.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610019156.3A CN106959973A (en) | 2016-01-12 | 2016-01-12 | A kind of web page display method and system, user equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610019156.3A CN106959973A (en) | 2016-01-12 | 2016-01-12 | A kind of web page display method and system, user equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106959973A true CN106959973A (en) | 2017-07-18 |
Family
ID=59480784
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610019156.3A Pending CN106959973A (en) | 2016-01-12 | 2016-01-12 | A kind of web page display method and system, user equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106959973A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111177635A (en) * | 2020-01-06 | 2020-05-19 | 北京字节跳动网络技术有限公司 | Webpage display height determining method and device, storage medium and equipment |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102012787A (en) * | 2010-11-19 | 2011-04-13 | 互动在线（北京）科技有限公司 | Method for realizing self-adaption of nonfixed region with height/width of browser for cascading style sheet |
| CN102779167A (en) * | 2012-06-21 | 2012-11-14 | 北京奇虎科技有限公司 | Method and system for displaying webpage in mobile terminal |
| CN103513979A (en) * | 2012-06-29 | 2014-01-15 | 百度在线网络技术（北京）有限公司 | Webpage self-adaption layout method and device |
| CN103942202A (en) * | 2013-01-18 | 2014-07-23 | 腾讯科技（深圳）有限公司 | High self-adaptation zooming method and device for webpage text field |
| CN104462256A (en) * | 2014-11-21 | 2015-03-25 | 山东中创软件工程股份有限公司 | Page presentation window height adjustment method and device |
-
2016
- 2016-01-12 CN CN201610019156.3A patent/CN106959973A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102012787A (en) * | 2010-11-19 | 2011-04-13 | 互动在线（北京）科技有限公司 | Method for realizing self-adaption of nonfixed region with height/width of browser for cascading style sheet |
| CN102779167A (en) * | 2012-06-21 | 2012-11-14 | 北京奇虎科技有限公司 | Method and system for displaying webpage in mobile terminal |
| CN103513979A (en) * | 2012-06-29 | 2014-01-15 | 百度在线网络技术（北京）有限公司 | Webpage self-adaption layout method and device |
| CN103942202A (en) * | 2013-01-18 | 2014-07-23 | 腾讯科技（深圳）有限公司 | High self-adaptation zooming method and device for webpage text field |
| CN104462256A (en) * | 2014-11-21 | 2015-03-25 | 山东中创软件工程股份有限公司 | Page presentation window height adjustment method and device |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111177635A (en) * | 2020-01-06 | 2020-05-19 | 北京字节跳动网络技术有限公司 | Webpage display height determining method and device, storage medium and equipment |
| CN111177635B (en) * | 2020-01-06 | 2024-01-02 | 北京字节跳动网络技术有限公司 | Webpage display height determining method, device, storage medium and equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104050185B (en) | A kind of content of pages Zoom display processing method and processing device | |
| CN102314502B (en) | A kind of method and apparatus for showing webpage body content on mobile terminals | |
| CN103853417B (en) | The rolling Pagination Display method and apparatus of network dynamic picture | |
| US10366147B2 (en) | Techniques for programmatic magnification of visible content elements of markup language documents | |
| US20120110438A1 (en) | Proportional Font Scaling | |
| CN103605783B (en) | Webpage display process and device | |
| KR20140030299A (en) | Techniques for zooming in and out with dynamic content | |
| US20120066634A1 (en) | Branded browser frame | |
| CN105635848A (en) | Bullet-screen display method and terminal | |
| WO2014206072A1 (en) | Web page previewing method and system | |
| CN107272984A (en) | Application icon preview method and device and electronic equipment | |
| CN103942202B (en) | Web page text domain height adaptive Zoom method and device | |
| US11501054B2 (en) | Layout generation for an electronic document that includes a web object | |
| CN107870795A (en) | The method and device that a kind of electronic map is shown | |
| CN105869199A (en) | Apparatus and method for processing animation | |
| US9177077B2 (en) | Method for improving backward/forward performance between certain types of dynamic web pages | |
| CN105988793A (en) | Image display method and apparatus used for screen display device | |
| CN106960062A (en) | Webpage capture method and system | |
| CN107301046A (en) | Treating method and apparatus, computer equipment and the storage medium of icon | |
| US20140082527A1 (en) | Method and device for processing tabbed-page | |
| CN110019037A (en) | A kind of pdf document methods of exhibiting, device, equipment and storage medium | |
| CN115794276A (en) | Display page component adaptation method and device, computer equipment and storage medium | |
| CN106446027A (en) | Information recommendation method and apparatus | |
| CN106959973A (en) | A kind of web page display method and system, user equipment | |
| CN106874387B (en) | Method for displaying real-time information in self-adaptive HTML (Hypertext markup language) scrolling mode |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1239876 Country of ref document: HK |
|
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170718 |
|
| RJ01 | Rejection of invention patent application after publication |