CN106021353A - Display adaption method and system of webpage - Google Patents
Display adaption method and system of webpage Download PDFInfo
- Publication number
- CN106021353A CN106021353A CN201610304476.3A CN201610304476A CN106021353A CN 106021353 A CN106021353 A CN 106021353A CN 201610304476 A CN201610304476 A CN 201610304476A CN 106021353 A CN106021353 A CN 106021353A
- Authority
- CN
- China
- Prior art keywords
- webpage
- screen
- html5
- html5 webpage
- label
- 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
Abstract
The invention provides a display adaption method and system of a webpage, and relates to the technical field of mobile equipment screen adaption. The method comprises the following steps: in an HTML5 (Hypertext Markup Language, version 5) webpage, loading a screen adapter, wherein the screen adapter is an independent mobile equipment screen adaption program plugin; through the screen adapter, obtaining the dimension information of a current UI (User Interface) structure chart in the HTML5 webpage and the screen dimension information of the mobile equipment; according to the dimension information of the current UI structure chart and the screen dimension information of the mobile equipment, calculating the scaling value of the HTML5 webpage; and according to the scaling value, carrying out equal ratio scaling on the HTML5 webpage, and displaying the adapted HTML webpage. By use of the display adaption method, only by developing one set of UI structure chart can seamless adaption between the HTML5 webpage and the mobile equipment screens of various dimensions be achieved, program codes are simplified, development manpower is saved and program operation efficiency is improved.
Description
Technical field
The invention belongs to mobile terminal screen adaptation technique field, particularly relate to the display adaptation side of a kind of webpage
Method and system.
Background technology
Continuing burning hot along with HTML5, mobile device market has emerged to be developed based on HTML5 in a large number
Mobile APP.Due to the high speed development of Mobile Market, the quick renewal of mobile device so that go out on market
Showed the mobile device with various screen size of a great variety, developer develop HTML5 application time just
Must take into the application scenarios of all screen sizes, do the adaptive work of screen size for Mobile solution.
HTML5 is webpage design standard based on browser and development technique, is developing compatible all kinds of movements
The when of device screen size, it is common practice to select a targeted customer many, screen size moderate
Type is as the prototype of UI, then up, backward compatible, designs large, medium and small three sections of interfaces,
And give application developer by design three sections of interfaces, by application developer according to the screen of mobile device
Curtain size is laid out, and debugs on a web browser and represent interface.The CCS technology of HTML5 can be real
Existing such scheme, its whole realization process is as follows:
Select a screen size, and design UI structure chart according to this screen size；
Definition screen size upwards, downward adapted form, and design corresponding many set UI structure charts；
Each UI structure chart is cut figure and is packaged into the Qie Tubao of each adaptive version；
HTML5 application program loads each version Qie Tubao；
HTML5 application is loaded into mobile device APP or mobile device browser；
CCS media media screen inquiry mobile device screen size and adaptive corresponding Qie Tubao；
HTML5 completes interface and renders.
But, above-mentioned realize the screen adaptation method of HTML5 webpage based on CCS technology and there is following defect:
(1) need design many sets UI structure chart, and often set UI structure chart also needs to carry out cutting figure, makes
Obtain workload relatively big, and program operational efficiency is relatively low；
(2) many due to the screen size difference of mobile terminal device, can only by design many sets UI structure chart
It is applicable to the mobile device that screen size is closer to, often in the mobile device with special screen size
The situations such as the relative distance between element is inharmonious occur in display interface, it is impossible to realize seamless adaptation.
Summary of the invention
The purpose of the embodiment of the present invention is to provide the display adaptation method of a kind of webpage and system, it is intended to solve
The workload of the above-mentioned screen adaptation method existence realizing HTML5 webpage based on CCS technology is relatively big, program
Operational efficiency is low and the problem that can not realize seamless adaptation.
The embodiment of the present invention is achieved in that the display adaptation method of a kind of webpage, including:
Loading a screen adapter in HTML5 webpage, the movement that described screen adapter is independent sets
Standby screen adaptation procedure plug-in unit；
By described screen adapter obtain current UI structure chart in described HTML5 webpage dimension information and
The screen size information of mobile device；
Dimension information and the screen size information of mobile device according to described current UI structure chart calculate described
The scaling value of HTML5 webpage；
According to described scaling value described HTML5 webpage carried out uniform zoom, and after showing adaptation
Html web page.
In the display adaptation method of the webpage described in the embodiment of the present invention, obtained by described screen adapter
In described HTML5 webpage, the dimension information of current UI structure chart specifically includes:
The DOM object in described HTML5 webpage is traveled through by described screen adapter；
In the source code of described html web page, find ui-width label, and obtain described ui-width
The dimension information of label undefined UI structure chart.
In the display adaptation method of the webpage described in the embodiment of the present invention, obtained by described screen adapter
The screen size information of mobile device specifically includes:
The meta label of described HTML5 webpage is set by described screen adapter, by current mobile device
Screen width be assigned to the view window of described HTML5 webpage, by reading the width of described view window
Angle value obtains the screen size information of described mobile device.
In the display adaptation method of the webpage described in the embodiment of the present invention, described according to described scaling value
Described HTML5 webpage is carried out uniform zoom, and shows that the html web page after adaptation specifically includes:
The meta label of described HTML5 webpage is reconstructed according to described scaling value；
In the leader label of the source code that the meta label after reconstruct is added dynamically to described HTML5 webpage；
DOM object and the UI structure chart of HTML5 webpage is reloaded by amended source code, with
HTML5 webpage after display adaptation.
In the display adaptation method of the webpage described in the embodiment of the present invention, described according to described scaling value
The meta label reconstructing described HTML5 webpage specifically includes:
Create a new meta label；
The view window of described HTML5 webpage is set；
The screen size information of described mobile device is assigned to described view window；
The scaling of described view window is set according to described scaling value.
The another object of the embodiment of the present invention is to provide the display adaption system of a kind of webpage, fits including screen
Orchestration and screen adapter load-on module, described screen adapter is independent mobile device screen adaptation procedure
Plug-in unit includes dimension information acquisition module, scaling computing module and webpage Zoom module, wherein:
Described screen adapter load-on module, for loading described screen adapter in HTML5 webpage；
Described dimension information acquisition module, for obtaining the chi of current UI structure chart in described HTML5 webpage
Very little information and the screen size information of mobile device；
Described scaling computing module, sets with mobile for the dimension information according to described current UI structure chart
Standby screen size information calculates the scaling value of described HTML5 webpage；
Described webpage Zoom module, for carrying out described HTML5 webpage according to described scaling value
Than scaling, and show the html web page after adaptation.
In the display adaption system of the webpage described in the embodiment of the present invention, described dimension information acquisition module has
Body is used for:
Travel through the DOM object in described HTML5 webpage；
In the source code of described html web page, find ui-width label, and obtain described ui-width
The dimension information of label undefined UI structure chart.
In the display adaption system of the webpage described in the embodiment of the present invention, described dimension information acquisition module has
Body is used for:
The meta label of described HTML5 webpage is set, the screen width of current mobile device is assigned to institute
State the view window of HTML5 webpage, set by reading the width value described movement of acquisition of described view window
Standby screen size information.
In the display adaption system of the webpage described in the embodiment of the present invention, described webpage Zoom module specifically wraps
Include:
Meta label reconfiguration unit, for reconstructing the meta of described HTML5 webpage according to described scaling
Label；
Source code amendment unit, for being added dynamically to described HTML5 webpage by the meta label after reconstruct
Source code leader label in；
Web page contents loading unit, for reloading HTML5 webpage by amended source code
DOM object and UI structure chart, to show the HTML5 webpage after adaptation.
In the display adaption system of the webpage described in the embodiment of the present invention, described meta label reconfiguration unit has
Body is used for:
Create a new meta label；
The view window of described HTML5 webpage is set；
The screen size information of described mobile device is assigned to described view window；
The scaling of described view window is set according to described scaling value.
Display adaptation method and the system of implementing a kind of webpage that the embodiment of the present invention provides have following useful effect
Really:
First the embodiment of the present invention owing to loading a screen adapter, described screen in HTML5 webpage
Adapter is independent mobile device screen adaptation procedure plug-in unit；Then institute is obtained by described screen adapter
State dimension information and the screen size information of mobile device of current UI structure chart in HTML5 webpage；According to
The dimension information of described current UI structure chart and the screen size information of mobile device calculate described HTML5 net
The scaling value of page；Finally according to described scaling value, described HTML5 webpage is carried out uniform zoom,
And show the html web page after adaptation, so that PHP only need to develop a set of UI structure
Figure, can make the HTML5 page realize the seamless adaptation between the mobile device screen of various sizes, essence
Letter program code, saves exploitation manpower, and improves program operational efficiency.
Accompanying drawing explanation
Fig. 1 be the embodiment of the present invention provide a kind of webpage display adaptation method implement flow chart；
Fig. 2 be the embodiment of the present invention provide a kind of webpage display adaptation method in S104 implement stream
Cheng Tu；
Fig. 3 is that the display adaptation method of a kind of webpage that the embodiment of the present invention provides is applied and had different screen
The adaptive design sketch of HTML5 webpage time in the mobile device of size；
The structural representation of the display adaption system of a kind of webpage that Fig. 4 embodiment of the present invention provides.
Detailed description of the invention
In order to make the purpose of the present invention, technical scheme and advantage clearer, below in conjunction with accompanying drawing and reality
Execute example, the present invention is further elaborated.Only should be appreciated that specific embodiment described herein
Only in order to explain the present invention, it is not intended to limit the present invention.
Fig. 1 be the embodiment of the present invention provide a kind of webpage display adaptation method implement flow chart.
Shown in Figure 1, the display adaptation method of a kind of webpage that the present embodiment provides, including:
In S101, loading a screen adapter in HTML5 webpage, described screen adapter is only
Vertical mobile device screen adaptation procedure plug-in unit.
In the present embodiment, described screen adapter is a carry independent shifting in HTML5 webpage
Dynamic device screen adaptation procedure plug-in unit, can be called by any webpage.Wherein, described mobile device include but
It is not limited to that there is the mobile phone of screen display function, flat board or other intelligent terminal.
In S102, obtain current UI structure chart in described HTML5 webpage by described screen adapter
Dimension information and the screen size information of mobile device.
In the present embodiment, a hiding label can be increased when HTML5 webpage is carried out coded treatment
<input type=" hidden " id=" ui-width " name=" ui-width " value=" 640px ">, is used for describing
The width of current UI structure chart.Wherein, by described screen adapter obtain in described HTML5 webpage when
The dimension information of front UI structure chart specifically includes: travel through described HTML5 webpage by described screen adapter
In DOM object, to find ui-width label in the source code of described html web page, and obtain
Take the dimension information of described ui-width label undefined UI structure chart.Preferably, described HTML5 net
In Ye, current UI structure chart dimension width is customized for 640 pixels.
In the present embodiment, specifically wrapped by the screen size information of described screen adapter acquisition mobile device
Include: the meta label of described HTML5 webpage is set by described screen adapter, by current mobile device
Screen width be assigned to the view window of described HTML5 webpage, by reading the width of described view window
Angle value obtains the screen size information of described mobile device.Concrete, by loading the former of HTML5 webpage
Raw meta label, arranges name=" viewport " in primary meta label
Content=" width=device-width " attribute, is assigned to HTML5 by the screen width of current mobile device
The view window of webpage, then calls the width value of view window by window.innerwidth, and should
Width value is assigned to custom variable device-width, the most both can obtain the screen width of current mobile device
The screen size information of the most described mobile device.
In S103, according to dimension information and the screen size letter of mobile device of described current UI structure chart
Breath calculates the scaling value of described HTML5 webpage.
In the present embodiment, the scaling value of described HTML5 webpage=mobile device screen width/UI knot
Composition width, it may be assumed that scale=device-width/ui-width；Assume device-width=420, ui-width=640,
Then scaling scale=0.65625.
In S104, according to described scaling value, described HTML5 webpage is carried out uniform zoom, and show
Show the html web page after adaptation.
Implementing example as one, Fig. 2 shows that S104's implements flow process.It is shown in Figure 2,
Details are as follows for the flow process that realizes of S104:
In S201, reconstruct the meta label of described HTML5 webpage according to described scaling.
In the present embodiment, S201 specifically includes:
One HTML5 webpage meta label of // establishment:
Var fileref=document.createElement (' meta')；
// view window of described HTML5 webpage is set, wherein view window is a kind of to show web document
Region:
fileref.setAttribute("name","viewport")；
// by the screen size information of mobile device to view window, according to described scaling value arrange described in regard
The scaling of figure window, forbids that user manually scales:
Fileref.setAttribute (" content ", " width=device-width, initial-scale="+scale+ ", user-
Scalable=no ").
In S202, the meta label after reconstruct is added dynamically to the source code of described HTML5 webpage
Leader label in.
In the present embodiment, the meta label after reconstruct is added dynamically to described especially by code below
In the leader label of the source code of HTML5 webpage:
document.getElementsByTagName("head")[0].appendChild(fileref)。
In S203, by amended source code reload HTML5 webpage DOM object and
UI structure chart, and show the HTML5 webpage after adaptation.
Fig. 3 shows that the present embodiment is applied on smart mobile phone, widescreen smart mobile phone and narrow screen smart mobile phone
Time display HTML5 webpage fit design sketch, though the most above-mentioned three kinds of mobile phone screen sizes
So there is difference, but the structure of UI and display effect will not change.
Above it can be seen that first the display adaptation method of a kind of webpage of the present embodiment offer owing to existing
Loading a screen adapter in HTML5 webpage, described screen adapter is independent mobile device screen
Adaptation procedure plug-in unit；Then current UI structure in described HTML5 webpage is obtained by described screen adapter
The dimension information of figure and the screen size information of mobile device；Dimension information according to described current UI structure chart
With the scaling value that the screen size information of mobile device calculates described HTML5 webpage；Finally according to institute
State scaling value and described HTML5 webpage carried out uniform zoom, and show the html web page after adaptation,
So that PHP only need to develop a set of UI structure chart, can make the HTML5 page realize with
Seamless adaptation between the mobile device screen of various sizes, has simplified program code, saves exploitation manpower,
And improve program operational efficiency.
Fig. 4 is the structural representation of the display adaption system of a kind of webpage that the embodiment of the present invention provides, and this is
System is positioned in the mobile device described in the embodiment of the present invention, for running the method that embodiment illustrated in fig. 1 provides.
For convenience of description, illustrate only part related to the present embodiment.
Shown in Figure 4, the display adaption system of a kind of webpage that the present embodiment provides, adaptive including screen
Device 2 and screen adapter load-on module 1, described screen adapter 2 is an independent mobile device screen
Adaptation procedure plug-in unit includes dimension information acquisition module 21, scaling computing module 22 and webpage scaling mould
Block 23, wherein:
Described screen adapter load-on module 1, for loading described screen adapter in HTML5 webpage；
Described dimension information acquisition module 21, is used for obtaining current UI structure chart in described HTML5 webpage
Dimension information and the screen size information of mobile device；
Described scaling computing module 22, for the dimension information according to described current UI structure chart and shifting
The screen size information of dynamic equipment calculates the scaling value of described HTML5 webpage；
Described webpage Zoom module 23, for carrying out described HTML5 webpage according to described scaling value
Uniform zoom, and show the html web page after adaptation.
Optionally, described dimension information acquisition module 21 specifically for:
Travel through the DOM object in described HTML5 webpage；
In the source code of described html web page, find ui-width label, and obtain described ui-width
The dimension information of label undefined UI structure chart.
Optionally, described dimension information acquisition module 21 specifically for:
The meta label of described HTML5 webpage is set, the screen width of current mobile device is assigned to institute
State the view window of HTML5 webpage, set by reading the width value described movement of acquisition of described view window
Standby screen size information.
Optionally, described webpage Zoom module 23 specifically includes:
Meta label reconfiguration unit 231, for reconstructing described HTML5 webpage according to described scaling
Meta label；
Source code amendment unit 232, for being added dynamically to described HTML5 by the meta label after reconstruct
In the leader label of the source code of webpage；
Web page contents loading unit 233, for reloading HTML5 webpage by amended source code
DOM object and UI structure chart, to show the HTML5 webpage after adaptation.
Optionally, described meta label reconfiguration unit 231 specifically for:
Create a new meta label；
The view window of described HTML5 webpage is set；
The screen size information of described mobile device is assigned to described view window；
The scaling of described view window is set according to described scaling value.
It should be noted that the embodiment of the present invention provide said system in modules, due to the present invention
Embodiment of the method is based on same design, and its technique effect brought is identical with the inventive method embodiment, specifically
Content can be found in the narration in the inventive method embodiment, and here is omitted.
Therefore, it can be seen that the display adaption system of a kind of webpage of the present embodiment offer the most only need to develop one
Set UI structure chart, can make the HTML5 page realize and the mobile device screen of various sizes between seamless
Adaptation, has simplified program code, saves exploitation manpower, and improves program operational efficiency.
The foregoing is only presently preferred embodiments of the present invention, not in order to limit the present invention, all at this
Any amendment, equivalent and the improvement etc. made within bright spirit and principle, should be included in the present invention
Protection domain within.
Claims (10)
1. the display adaptation method of a webpage, it is characterised in that comprise the following steps:
Loading screen adapter in HTML5 webpage, described screen adapter is independent mobile device screen
Curtain adaptation procedure plug-in unit；
By described screen adapter obtain current UI structure chart in described HTML5 webpage dimension information and
The screen size information of mobile device；
Dimension information and the screen size information of mobile device according to described current UI structure chart calculate described
The scaling value of HTML5 webpage；
According to described scaling value described HTML5 webpage carried out uniform zoom, and after showing adaptation
HTML5 webpage.
2. the display adaptation method of webpage as claimed in claim 1, it is characterised in that by described screen
Adapter obtains the dimension information of current UI structure chart in described HTML5 webpage and specifically includes:
The DOM object in described HTML5 webpage is traveled through by described screen adapter；
In the source code of described html web page, find ui-width label, and obtain described ui-width
The dimension information of label undefined UI structure chart.
3. the display adaptation method of webpage as claimed in claim 1, it is characterised in that by described screen
Adapter obtains the screen size information of mobile device and specifically includes:
The meta label of described HTML5 webpage is set by described screen adapter, by current mobile device
Screen width be assigned to the view window of described HTML5 webpage, by reading the width of described view window
Angle value obtains the screen size information of described mobile device.
4. the display adaptation method of webpage as claimed in claim 1, it is characterised in that described in described basis
Scaling value carries out uniform zoom to described HTML5 webpage, and shows that the html web page after adaptation has
Body includes:
The meta label of described HTML5 webpage is reconstructed according to described scaling value；
In the leader label of the source code that the meta label after reconstruct is added dynamically to described HTML5 webpage；
DOM object and the UI structure chart of HTML5 webpage is reloaded by amended source code, and
HTML5 webpage after display adaptation.
5. the display adaptation method of webpage as claimed in claim 4, it is characterised in that described in described basis
Scaling reconstructs the meta label of described HTML5 webpage and specifically includes:
Create a new meta label；
The view window of described HTML5 webpage is set；
The screen size information of described mobile device is assigned to described view window；
The scaling of described view window is set according to described scaling value.
6. the display adaption system of a webpage, it is characterised in that include screen adapter and screen adapter
Load-on module, described screen adapter is to include that size is believed with independent mobile device screen adaptation procedure plug-in unit
Breath acquisition module, scaling computing module and webpage Zoom module, wherein:
Described screen adapter load-on module, for loading described screen adapter in HTML5 webpage；
Described dimension information acquisition module, for obtaining the chi of current UI structure chart in described HTML5 webpage
Very little information and the screen size information of mobile device；
Described scaling computing module, for the dimension information according to described current UI structure chart and movement
The screen size information of equipment calculates the scaling value of described HTML5 webpage；
Described webpage Zoom module, for carrying out described HTML5 webpage according to described scaling value
Than scaling, and show the html web page after adaptation.
7. the display adaption system of webpage as claimed in claim 6, it is characterised in that described dimension information
Acquisition module specifically for:
Travel through the DOM object in described HTML5 webpage；
In the source code of described html web page, find ui-width label, and obtain described ui-width
The dimension information of label undefined UI structure chart.
8. the display adaption system of webpage as claimed in claim 6, it is characterised in that described dimension information
Acquisition module specifically for:
The meta label of described HTML5 webpage is set, the screen width of current mobile device is assigned to institute
State the view window of HTML5 webpage, set by reading the width value described movement of acquisition of described view window
Standby screen size information.
9. the display adaption system of webpage as claimed in claim 6, it is characterised in that described webpage scales
Module specifically includes:
Meta label reconfiguration unit, for reconstructing the meta of described HTML5 webpage according to described scaling
Label；
Source code amendment unit, for being added dynamically to described HTML5 webpage by the meta label after reconstruct
Source code leader label in；
Web page contents loading unit, for reloading HTML5 webpage by amended source code
DOM object and UI structure chart, to show the HTML5 webpage after adaptation.
10. the display adaption system of webpage as claimed in claim 9, it is characterised in that described meta marks
Sign reconfiguration unit specifically for:
Create a new meta label；
The view window of described HTML5 webpage is set；
The screen size information of described mobile device is assigned to described view window；
The scaling of described view window is set according to described scaling value.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610304476.3A CN106021353A (en) | 2016-05-09 | 2016-05-09 | Display adaption method and system of webpage |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610304476.3A CN106021353A (en) | 2016-05-09 | 2016-05-09 | Display adaption method and system of webpage |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106021353A true CN106021353A (en) | 2016-10-12 |
Family
ID=57099226
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610304476.3A Pending CN106021353A (en) | 2016-05-09 | 2016-05-09 | Display adaption method and system of webpage |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106021353A (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106502659A (en) * | 2016-10-14 | 2017-03-15 | 武汉斗鱼网络科技有限公司 | A kind of layout method of mobile device webpage single-page and system |
| CN107426282A (en) * | 2017-05-02 | 2017-12-01 | 努比亚技术有限公司 | A kind of picture loading method, terminal and server |
| CN107526592A (en) * | 2017-08-22 | 2017-12-29 | 广州市百果园信息技术有限公司 | A kind of page adaptation method and apparatus |
| CN107577796A (en) * | 2017-09-19 | 2018-01-12 | 内蒙古蒙科立蒙古文化股份有限公司 | The implementation method and device of mobile terminal web site contents page longitudinal direction multicolumn layout |
| CN108021666A (en) * | 2017-12-04 | 2018-05-11 | 北京百度网讯科技有限公司 | Page adaptation method and apparatus |
| CN109683895A (en) * | 2018-12-21 | 2019-04-26 | 上海哔哩哔哩科技有限公司 | The method and system of a variety of browser sizes of webpage fit based on CSS preprocessor |
| CN110020276A (en) * | 2017-08-22 | 2019-07-16 | 武汉斗鱼网络科技有限公司 | The compatible processing method and processing device of the H5 page is embedded in a kind of APP |
| CN111552530A (en) * | 2020-04-22 | 2020-08-18 | 北京赤金智娱科技有限公司 | Terminal screen adapting method, device and equipment for user interface |
| CN112667233A (en) * | 2020-12-22 | 2021-04-16 | 猫岐智能科技（上海）有限公司 | UI design method for screen size |
| CN113051010A (en) * | 2019-12-28 | 2021-06-29 | Oppo（重庆）智能科技有限公司 | Application picture adjusting method in wearable device and related device |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101887425A (en) * | 2009-05-13 | 2010-11-17 | 北京博越世纪科技有限公司 | Automatic adapting technique for intelligently adjusting web width according to mobile phone model |
| CN102779167A (en) * | 2012-06-21 | 2012-11-14 | 北京奇虎科技有限公司 | Method and system for displaying webpage in mobile terminal |
| CN103488777A (en) * | 2013-09-30 | 2014-01-01 | 乐视网信息技术（北京）股份有限公司 | Method and system for adjusting webpage display effect |
-
2016
- 2016-05-09 CN CN201610304476.3A patent/CN106021353A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101887425A (en) * | 2009-05-13 | 2010-11-17 | 北京博越世纪科技有限公司 | Automatic adapting technique for intelligently adjusting web width according to mobile phone model |
| CN102779167A (en) * | 2012-06-21 | 2012-11-14 | 北京奇虎科技有限公司 | Method and system for displaying webpage in mobile terminal |
| CN103488777A (en) * | 2013-09-30 | 2014-01-01 | 乐视网信息技术（北京）股份有限公司 | Method and system for adjusting webpage display effect |
Non-Patent Citations (3)
| Title |
|---|
| 丰华: "《神兵利器 Eclipse开发技术详解》", 30 November 2010, 中国铁道出版社 * |
| 王翠萍: "《移动Web开发从入门到精通 基于HTML 5+jQuery Mobile+PhoneGap》", 31 March 2015, 北京：中国铁道出版社 * |
| 薛显亮: "《解析GOOGLE ANDROID SDK 智能手机开发范例手册》", 31 August 2012, 中国铁道出版社 * |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106502659B (en) * | 2016-10-14 | 2019-05-17 | 武汉斗鱼网络科技有限公司 | A kind of layout method and system of mobile device webpage single-page |
| CN106502659A (en) * | 2016-10-14 | 2017-03-15 | 武汉斗鱼网络科技有限公司 | A kind of layout method of mobile device webpage single-page and system |
| CN107426282A (en) * | 2017-05-02 | 2017-12-01 | 努比亚技术有限公司 | A kind of picture loading method, terminal and server |
| CN107526592A (en) * | 2017-08-22 | 2017-12-29 | 广州市百果园信息技术有限公司 | A kind of page adaptation method and apparatus |
| CN107526592B (en) * | 2017-08-22 | 2021-08-24 | 广州市百果园信息技术有限公司 | Page adaptation method and device |
| CN110020276A (en) * | 2017-08-22 | 2019-07-16 | 武汉斗鱼网络科技有限公司 | The compatible processing method and processing device of the H5 page is embedded in a kind of APP |
| CN107577796A (en) * | 2017-09-19 | 2018-01-12 | 内蒙古蒙科立蒙古文化股份有限公司 | The implementation method and device of mobile terminal web site contents page longitudinal direction multicolumn layout |
| CN108021666A (en) * | 2017-12-04 | 2018-05-11 | 北京百度网讯科技有限公司 | Page adaptation method and apparatus |
| CN109683895A (en) * | 2018-12-21 | 2019-04-26 | 上海哔哩哔哩科技有限公司 | The method and system of a variety of browser sizes of webpage fit based on CSS preprocessor |
| CN113051010A (en) * | 2019-12-28 | 2021-06-29 | Oppo（重庆）智能科技有限公司 | Application picture adjusting method in wearable device and related device |
| CN113051010B (en) * | 2019-12-28 | 2023-04-28 | Oppo（重庆）智能科技有限公司 | Application picture adjustment method and related device in wearable equipment |
| CN111552530A (en) * | 2020-04-22 | 2020-08-18 | 北京赤金智娱科技有限公司 | Terminal screen adapting method, device and equipment for user interface |
| CN111552530B (en) * | 2020-04-22 | 2024-04-12 | 北京完美赤金科技有限公司 | Terminal screen adaptation method, device and equipment of user interface |
| CN112667233A (en) * | 2020-12-22 | 2021-04-16 | 猫岐智能科技（上海）有限公司 | UI design method for screen size |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106021353A (en) | Display adaption method and system of webpage | |
| TWI476677B (en) | Method and system for developing web applications | |
| CN107656914B (en) | Configurable table generation method and device, terminal equipment and storage medium | |
| JP6149165B2 (en) | Chart conversion system and method using metadata | |
| CN105094815B (en) | Map route edit methods and device | |
| US20130326333A1 (en) | Mobile Content Management System | |
| CN105739963B (en) | The method and apparatus for generating webpage | |
| CN107239491A (en) | For realizing method, equipment, browser and electronic equipment that user behavior is followed the trail of | |
| CN104572967B (en) | A kind of method and apparatus in page graphing | |
| WO2012170312A2 (en) | Embedded web viewer for presentation applications | |
| CN110083383A (en) | Browser style compatibility method, device, computer equipment and storage medium | |
| CN106095437A (en) | The implementation method of the layout type of user interface RTL from right to left and device | |
| US9141596B2 (en) | System and method for processing markup language templates from partial input data | |
| CN104050238A (en) | Map labeling method and map labeling device | |
| CN103544024A (en) | Method and system for generating browser page and terminal device | |
| CN104050185A (en) | Zoom-display processing method and device for page contents | |
| CN108268260A (en) | It is a kind of quick micro- using assemble method based on integrated support technology | |
| CN106354355A (en) | User interface layout method, device and system | |
| CN102609503A (en) | Method and device for generating static webpages | |
| CN108399156B (en) | The composition method and device of formula in a kind of pdf document | |
| CN102915371A (en) | Method for dynamically referencing files on web page | |
| CN106033387A (en) | A method and a device for testing flash intrinsic controls | |
| CN103294463A (en) | Editing system and method | |
| CN105989075A (en) | Method, device and system for displaying image by browser | |
| CN111176530A (en) | 3D model display method and device in WeChat applet |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161012 |
|
| RJ01 | Rejection of invention patent application after publication |