CN104199920B - The display adaptation method and device of Web page type application - Google Patents

The display adaptation method and device of Web page type application Download PDF

Info

Publication number
CN104199920B
CN104199920B CN201410438902.3A CN201410438902A CN104199920B CN 104199920 B CN104199920 B CN 104199920B CN 201410438902 A CN201410438902 A CN 201410438902A CN 104199920 B CN104199920 B CN 104199920B
Authority
CN
China
Prior art keywords
picture
width
virtual window
window
resolution
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.)
Active
Application number
CN201410438902.3A
Other languages
Chinese (zh)
Other versions
CN104199920A (en
Inventor
张小刚
蒋天雄
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Dipai Information Technology Co.,Ltd.
Original Assignee
Shenzhen Yun Lai Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Yun Lai Network Technology Co Ltd filed Critical Shenzhen Yun Lai Network Technology Co Ltd
Priority to CN201410438902.3A priority Critical patent/CN104199920B/en
Publication of CN104199920A publication Critical patent/CN104199920A/en
Application granted granted Critical
Publication of CN104199920B publication Critical patent/CN104199920B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation

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)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The invention discloses the display adaptation method and device of a kind of Web page type application, this method comprises the following steps:The virtual window for showing Web page is founded on mobile terminals, and the width resolution of virtual window is set to fixed value;Load Image, set picture width resolution it is consistent with the width resolution of virtual window, and equal proportion zoom to picture width it is consistent with the width of virtual window;Picture is arranged into background to show in virtual window.This method by founding the virtual window that width resolution is fixed value in the terminal, to show Web page, it is ensured that Web page is shown unanimously in the Web page type application of mobile terminal, is not in page metaboly;Load Image and set that the width resolution of picture is consistent with the width resolution of virtual window, width is consistent with the width of virtual window, then picture is arranged into background shown, so as to ensure that picture display process will not metamorphopsic distortion, influence Consumer's Experience.

Description

The display adaptation method and device of Web page type application
Technical field
The present invention relates to mobile terminal screen be adapted to field, more particularly to a kind of Web page type application display adaptation method and Device.
Background technology
Light application is a kind of without downloading, searching global function App i.e., existing Native App Consumer's Experience, again With Web App retrieve with intelligent developed characteristic, will effectively solve high-quality application and service and requirements of mobile subscribers pair The problem of connecing.By the had characteristic of light application, make it since the birth, by the consistent favorable comment of users, promote to get over Come more generations based on the APP gently applied, application especially on mobile terminals.
In the existing light application applied to mobile terminal, such as LiveApp, during its Web page and picture are shown, due to The screen resolution of mobile terminal is different, during mobile terminal is shown in Web page and picture, easily occur Web page and Picture deforms the phenomenon with distortion, and bad Consumer's Experience is brought to user.
The content of the invention
The technical problem to be solved in the present invention is, for prior art defect there is provided a kind of Web page type apply it is aobvious Show adaptation method and device.
The technical solution adopted for the present invention to solve the technical problems is:A kind of display adaptation method of Web page type application, Comprise the following steps:
S1:The virtual window for showing Web page is founded on mobile terminals, and the width of the virtual window is divided Resolution is set to fixed value;
S2:Load Image, set the width resolution of the picture consistent with the width resolution of the virtual window, and The width that equal proportion zooms to the picture is consistent with the width of the virtual window;
S3:The picture is arranged into background to show in the virtual window.
Preferably, the step S1 comprises the following steps:The difference of operating system, passes through according to used in mobile terminal HTML5 api interface sets the virtual window of compatible different operating system in the mobile terminal, and by the virtual window Width resolution be set to fixed value.
Preferably, the step S1 comprises the following steps:
S11:Whether the operating system that the mobile terminal is judged by HTML5 api interface is ANDROID systems;If It is then to perform step S12;If it is not, then performing step S13;
S12:ANDROID2.3 system above is determined whether again, if so, described in then being founded in the mobile terminal The width resolution of virtual window is set to fixed value, and maximum zoom and minimum zoom are set to the screen chi of the mobile terminal Very little, screen pixels density is set to the mobile terminal screen picture element density;If not;Then by the institute founded in the mobile terminal The width resolution for stating virtual window is set to fixed value, and it is close that screen pixels density is set to the mobile terminal screen pixel Degree;
S13:The width resolution for the virtual window founded in the mobile terminal is set to fixed value, forbids using Family manually adjusts scaling, and screen pixels density is set to the mobile terminal screen picture element density.
Preferably, the step S2 includes:Judge the width resolution of the picture and the width point of the virtual window Whether resolution is consistent, if unanimously, the picture equal proportion directly to be zoomed to the width of picture and the width of the virtual window Degree is consistent;If inconsistent, the width resolution for adjusting the picture is consistent with the width resolution of the virtual window, then will The width that the picture equal proportion zooms to picture is consistent with the width of the virtual window.
Preferably, the step S3 includes:The attribute of the picture is set in display by HTML5 api interface During be arranged to background and only show once, and judge whether the height of the picture is more than the height of virtual window;If so, Then by the picture in the virtual window local display;If it is not, then the picture is directly displayed in virtual window.
Preferably, described " local display in the virtual window by the picture " includes:The picture is placed on The upper left corner, the upper right corner, the lower left corner or the lower right corner of the virtual window, show portion of the picture within the virtual window Point.
The present invention also provides a kind of display adaptive device of Web page type application, including:
Window setting unit:For founding the virtual window for showing Web page on mobile terminals, and by the void The width resolution for intending window is set to fixed value;
Picture loading unit:For Loading Image, the width resolution of the picture and the width of the virtual window are set Spend that resolution ratio is consistent, and equal proportion zoom to the picture width it is consistent with the width of the virtual window;
Show adaptation unit:Shown for the picture to be arranged into background in the virtual window.
Preferably, the window setting unit includes:The difference of operating system, passes through according to used in mobile terminal HTML5 api interface sets the virtual window of compatible different operating system in the mobile terminal, and by the virtual window Width resolution be set to fixed value.
Preferably, the picture loading unit includes:Judge the width resolution and the virtual window of the picture Whether width resolution is consistent, if unanimously, the picture equal proportion directly to be zoomed to the width and the virtual window of picture The width of mouth is consistent;If inconsistent, the width resolution of the picture and the width resolution one of the virtual window are adjusted Cause, then the width that the picture equal proportion is zoomed into picture is consistent with the width of the virtual window.
Preferably, the display adaptation unit includes:The attribute of the picture is set to by HTML5 api interface It is arranged to background during display and only shows once, and judges whether the height of the picture is more than the height of virtual window Degree;If so, then by the picture in the virtual window local display;If it is not, then by the picture in virtual window it is straight Connect display.
The present invention has the following advantages that compared with prior art:The display adaptation side of Web page type application provided by the present invention Method and device, by founding the virtual window that width resolution is fixed value in the terminal, to show Web page, it is ensured that Web page is shown unanimously in the Web page type application of mobile terminal, is not in page metaboly;Load Image and picture is set Width resolution is consistent with the width resolution of virtual window, and width is consistent with the width of virtual window, then picture is arranged to Background is shown, so as to ensure that picture shows that process will not metamorphopsic distortion, influence Consumer's Experience.
Brief description of the drawings
Below in conjunction with drawings and Examples, the invention will be further described, in accompanying drawing:
Fig. 1 is the flow chart of the display adaptation method of Web page type application in one embodiment of the invention.
Fig. 2 is the theory diagram of the display adaptive device of Web page type application in one embodiment of the invention.
In figure:10th, window setting unit;20th, picture loading unit;30th, adaptation unit is shown.
Embodiment
In order to which technical characteristic, purpose and effect to the present invention are more clearly understood from, now compare accompanying drawing and describe in detail The embodiment of the present invention.
Fig. 1 shows the display adaptation method that Web page type is applied in one embodiment of the invention.This method comprises the following steps:
S1:Found the virtual window for showing Web page on mobile terminals, and by the width resolution of virtual window It is set to fixed value.Specifically, according to used in mobile terminal operating system difference, moved by HTML5 api interface The virtual window of compatible different operating system is set in dynamic terminal, and the width resolution of virtual window is set to fixed value, Ensure Web page display consistency in the Web page type application of mobile terminal, it is to avoid page metaboly occur.It is to be appreciated that The Web page type application is using on mobile terminals without downloading, searching Web page type APP i.e., such as LiveApp application.
It is to be appreciated that founding the virtual window of compatible different operating system in the terminal using HTML5 api interface Mouthful, its compatibility is strong, is applicable to include and is not limited to smart mobile phone, the mobile terminal such as tablet personal computer, PAD.Specifically, it can lead to Cross the compatibility issue that code below solves mobile terminal, it is to avoid because PC is different from the resolution ratio of mobile terminal, cause moving The page in Web page type application in dynamic terminal occurs elongating or the metaboly such as shortens.
<Script type=" text/javascript ">;
Var phoneWidth=parseInt (window.screen.width);
Var phoneScale=phoneWidth/640.
It is to be appreciated that the above-mentioned code to ensure mobile terminal compatibility issue uses java language, main application In the compatibility issue of ANDROID systems, it need to be used for IOS systems, Symbian system, Windows phone7 systems The program code that corresponding development language is write.
S11:Whether the operating system that mobile terminal is judged by HTML5 api interface is ANDROID systems;If so, then Perform step S12;If it is not, then performing step S13.Specifically, step S11 can by code if (/Android (and d+ d +)/.text (navigator.userAgent) judged.
S12:On the premise of the operating system of mobile terminal is ANDROID systems, then determine whether ANDROID2.3 System above, if so, the width resolution for the virtual window founded in mobile terminal is then set to fixed value, it is virtual to avoid The Web page facial disfigurement shown in window;Virtual window maximum zoom and minimum zoom are set to the screen size of mobile terminal, make Virtual window big I equal proportion zoom to it is consistent with the screen size of mobile terminal so that the shifting of different screen size The content in Web page shown in dynamic terminal is consistent, it is to avoid because of the Web page of different sizes for causing display of screen size The inconsistent phenomenon of content occurs;The screen pixels density of virtual window is set to the screen pixels density of mobile terminal, so that Avoid the Web page that is shown in virtual window because the screen pixels of the mobile terminal of different screen size are different and auto zoom, So as to cause Web page display distortion.It is to be appreciated that in ANDROID2.3 system above, the virtual window founded Width resolution is fixed value, and big I is voluntarily adjusted with the actual screen size of mobile terminal, is shown in virtual window Web page can be shown according to the screen pixels density of current mobile terminal, to ensure the Web shown in different mobile terminal The uniformity of the page, improves user experience.Specifically, above-mentioned functions can be realized by code below:
if(version>2.3){document.write('<Meta name=" viewport " content=" width =640, minimum-scale='+phoneScale+', max imum-scale='+phoneScale+', target- Densitydpi=device-dp i ">');}.
In below ANDROID2.3 systems, the width resolution for the virtual window founded in mobile terminal is set to solid Definite value, to avoid the Web page facial disfigurement shown in virtual window;It is close that screen pixels density is set to mobile terminal screen pixel Degree, to avoid the Web page distortion shown in virtual window.Specifically, look into and above-mentioned functions are realized by code below:
document.write('<Meta name=" viewport " content=" width=640, target- Densitydpi=device-dpi ">').
S13:In non-ANDROID systems, the width resolution for the virtual window founded in mobile terminal is set to solid Definite value, to avoid the Web page facial disfigurement shown in virtual window;User is forbidden to manually adjust scaling, screen pixels density is set For mobile terminal screen picture element density, to avoid the Web page distortion shown in virtual window.Specifically, following generation can be passed through Code realizes above-mentioned functions:
document.write('<Meta name=" viewport " content=" width=640, user- Scalable=no, target-densitydpi=device-dpi ">').
S2:Load Image, set the width resolution of picture consistent with the width resolution of virtual window, so as to ensure figure When piece is shown in virtual window, because the resolution ratio of resolution ratio and virtual window is inconsistent, and cause picture display distortion;And On the premise of picture width resolution is consistent with the width resolution of virtual window, and equal proportion zoom to the width of picture with The width of virtual window is consistent, to be displayed in full screen picture in virtual window.
Specifically, step S2 includes:Judge picture width resolution and virtual window width resolution it is whether consistent, If consistent, the width that picture equal proportion directly is zoomed into picture is consistent with the width of virtual window;If inconsistent, adjust The width resolution of picture is consistent with the width resolution of virtual window, then by picture equal proportion zoom to the width of picture with it is empty The width for intending window is consistent.It is to be appreciated that will not be deformed and distortion to ensure that picture is shown in virtual window, in net In the development process of page application, need to be provided with is used to detect that the width resolution of picture and the width resolution of virtual window are gone forward side by side Row compares, for adjusting picture width resolution and controlling picture equal proportion to zoom to the journey of the same size with virtual window Sequence.
S3:Picture is arranged into background to show in virtual window.It is to be appreciated that picture is arranged into background and shown Show, be conducive to improving the speed for showing picture in virtual window, in Web page type application process, be arranged to the picture of background not Easily deform.Specifically, the attribute of picture is set to be arranged to the back of the body during display by HTML5 api interface Scape and only show once, and judge whether the height of picture is more than the height of virtual window;If so, then by picture in virtual window Picture, i.e., be placed on the upper left corner, the upper right corner, the lower left corner or the lower right corner of virtual window, display picture is in void by middle local display Intend the part within window;If it is not, then picture is directly displayed in virtual window.It is to be appreciated that due to the width of picture The width resolution of resolution ratio and virtual window, and picture equal proportion is zoomed to the width one of picture width and virtual window Cause, therefore when by picture local display in virtual window, the width of picture and the width of virtual window be always ensured that unanimously, When being shown in the mobile terminal of different screen size, the top and/or bottom for being only possible to there is a possibility that picture can not be shown, Therefore the upper left corner for picture being placed on into virtual window is consistent with the effect in the upper right corner, the top for showing picture;By picture The lower left corner for being placed on virtual window is consistent with the effect in the lower right corner, the bottom for showing picture.
It is to be appreciated that the height resolution of virtual window can also be arranged to fixed value by the present invention, and by above-mentioned implementation Width replacement relative with height in example, can also realize the purpose of the present invention.
To sum up, the display adaptation method of Web page type application, is fixation by founding width resolution in the terminal The virtual window of value, to show Web page, it is ensured that Web page is shown unanimously in the Web page type application of mobile terminal, is not in Page metaboly;Load Image and set the width resolution of picture consistent with the width resolution of virtual window, width and void The width for intending window is consistent, then picture is arranged into background show, thus ensure picture show process will not metamorphopsic distortion, influence Consumer's Experience.
Fig. 2 shows the theory diagram of the display adaptive device that Web page type is applied in one embodiment of the invention.The Web page type should Display adaptive device includes:
Window setting unit 10:For founding the virtual window for showing Web page on mobile terminals, and will be virtual The width resolution of window is set to fixed value.Specifically, window setting unit 10 can be operated according to used in mobile terminal The difference of system, the virtual window of compatible different operating system is set by HTML5 api interface in the terminal, and will The width resolution of virtual window is set to fixed value, it is ensured that Web page display consistency in the Web page type application of mobile terminal, Avoid the occurrence of page metaboly.It is to be appreciated that founding compatible different behaviour in the terminal using HTML5 api interface Make the virtual window of system, its compatibility is strong, be applicable to include and be not limited to smart mobile phone, tablet personal computer, PAD etc. it is mobile eventually End.
Picture loading unit 20:For Loading Image, the width resolution of picture and the width resolution of virtual window are set Rate is consistent, and equal proportion zoom to picture width it is consistent with the width of the virtual window.Specifically, picture loading unit 20 Can determine whether picture width resolution and virtual window width resolution it is whether consistent, if unanimously, directly by picture etc. compare The width that example zooms to picture is consistent with the width of virtual window;If inconsistent, adjust the width resolution of picture with it is virtual The width resolution of window is consistent, then the width that picture equal proportion is zoomed into picture is consistent with the width of virtual window.Can be with Understand ground, will not be deformed and distortion to ensure that picture is shown in virtual window, in the development process that Web page type is applied, Need to be provided be used for detect the width resolution of picture and the width resolution of virtual window and be compared, it is wide for adjusting picture Degree resolution ratio and control picture equal proportion zoom to the program of the same size with virtual window.
Show adaptation unit 30:Shown for picture to be arranged into background in virtual window.It is to be appreciated that by picture It is arranged to background and shows, be conducive to improving the speed for showing picture in virtual window, in Web page type application process, sets Deformation is less likely to occur picture into background.Specifically, the attribute of picture is set in display by HTML5 api interface During be arranged to background and only show once, and judge whether the height of picture is more than the height of virtual window;If so, then will Picture local display in virtual window.Specifically, picture can be placed on to the upper left corner, the upper right corner, the lower left corner of virtual window Or the lower right corner, when picture height is more than virtual window height, only show part of the picture within virtual window.
The display adaptive device of Web page type application, by founding the void that width resolution is fixed value in the terminal Intend window, to show Web page, it is ensured that Web page is shown unanimously in the Web page type application of mobile terminal, be not in that the page becomes Shape phenomenon;Load Image and set the width resolution of picture consistent with the width resolution of virtual window, width and virtual window Width it is consistent, then picture is arranged to background show, so as to ensure that picture shows that process will not metamorphopsic distortion, influence user's body Test.
The present invention is illustrated by a specific embodiment, it will be appreciated by those skilled in the art that, do not departing from In the case of the scope of the invention, various conversion and equivalent substitute can also be carried out to the present invention.In addition, for particular condition or tool Body situation, can make various modifications, without departing from the scope of the present invention to the present invention.Therefore, the present invention is not limited to disclosed Specific embodiment, and whole embodiments for falling within the scope of the appended claims should be included.

Claims (5)

1. the display adaptation method of Web page type application, it is characterised in that:Comprise the following steps:
S1:The difference of operating system according to used in mobile terminal, by HTML5 api interface on the mobile terminal Found the virtual window for showing Web page and compatible different operating system, and by the width resolution of the virtual window It is set to fixed value;
S2:Load Image, set the width resolution of the picture consistent with the width resolution of the virtual window, and wait ratio The width that example zooms to the picture is consistent with the width of the virtual window;
S3:The picture is arranged into background to show in the virtual window;
The step S1 comprises the following steps:
S11:Whether the operating system that the mobile terminal is judged by HTML5 api interface is ANDROID systems;If so, then Perform step S12;If it is not, then performing step S13;
S12:ANDROID2.3 system above is determined whether again, if so, then described virtual by what is founded in the mobile terminal The width resolution of window is set to fixed value, and the size of the virtual window is voluntarily adjusted with the actual screen size of mobile terminal Section, maximum zoom and minimum zoom are set to the screen size of the mobile terminal, and screen pixels density is set to the movement Terminal screen picture element density;If not;Then the width resolution for the virtual window founded in the mobile terminal is set to Fixed value, screen pixels density is set to the mobile terminal screen picture element density;
S13:The width resolution for the virtual window founded in the mobile terminal is set to fixed value, forbids user's hand Dynamic adjustment scaling, screen pixels density is set to the mobile terminal screen picture element density;
The step S2 includes:Judge the width resolution of the picture and the virtual window width resolution whether one Cause, if unanimously, the width that the picture equal proportion directly is zoomed into picture is consistent with the width of the virtual window;If no Unanimously, then the width resolution for adjusting the picture is consistent with the width resolution of the virtual window, then by described picture etc. The width of proportional zoom to picture is consistent with the width of the virtual window.
2. the display adaptation method of Web page type application according to claim 1, it is characterised in that:The step S3 includes: The attribute of the picture is set to be arranged to background during display and only shown once by HTML5 api interface, and Judge whether the height of the picture is more than the height of virtual window;If so, then by the picture in the virtual window office Portion is shown;If it is not, then the picture is directly displayed in virtual window.
3. the display adaptation method of Web page type application according to claim 2, it is characterised in that:It is described " by the picture The local display in the virtual window " includes:The picture is placed on to the upper left corner, the upper right corner, a left side of the virtual window Inferior horn or the lower right corner, show part of the picture within the virtual window.
4. a kind of display adaptive device of Web page type application, it is characterised in that:Including:
Window setting unit (10):For founding the virtual window for showing Web page on mobile terminals, and by the void The width resolution for intending window is set to fixed value;
Picture loading unit (20):For Loading Image, the width resolution of the picture and the width of the virtual window are set Spend that resolution ratio is consistent, and equal proportion zoom to the picture width it is consistent with the width of the virtual window;
Show adaptation unit (30):Shown for the picture to be arranged into background in the virtual window;
The window setting unit (10) includes:The difference of operating system, passes through HTML5's according to used in mobile terminal Api interface sets the virtual window of compatible different operating system in the mobile terminal, and by the width of the virtual window Resolution ratio is set to fixed value;The picture loading unit (20) includes:Judge the width resolution and the void of the picture Whether the width resolution for intending window is consistent, if unanimously, the picture equal proportion directly to be zoomed to width and the institute of picture The width for stating virtual window is consistent;If inconsistent, the width resolution of the picture and the width of the virtual window are adjusted Resolution ratio is consistent, then the width that the picture equal proportion is zoomed into picture is consistent with the width of the virtual window.
5. the display adaptive device of Web page type application according to claim 4, it is characterised in that:The display adaptation unit (30) include:The attribute of the picture is set to be arranged to background during display by HTML5 api interface and only shown Show once, and judge whether the height of the picture is more than the height of virtual window;If so, then by the picture described virtual Local display in window;If it is not, then the picture is directly displayed in virtual window.
CN201410438902.3A 2014-08-30 2014-08-30 The display adaptation method and device of Web page type application Active CN104199920B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410438902.3A CN104199920B (en) 2014-08-30 2014-08-30 The display adaptation method and device of Web page type application

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410438902.3A CN104199920B (en) 2014-08-30 2014-08-30 The display adaptation method and device of Web page type application

Publications (2)

Publication Number Publication Date
CN104199920A CN104199920A (en) 2014-12-10
CN104199920B true CN104199920B (en) 2017-10-20

Family

ID=52085213

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410438902.3A Active CN104199920B (en) 2014-08-30 2014-08-30 The display adaptation method and device of Web page type application

Country Status (1)

Country Link
CN (1) CN104199920B (en)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20170286392A1 (en) * 2015-04-21 2017-10-05 Guangzhou Ucweb Computer Technology Co., Ltd. Method and electronic device for displaying a web page
CN105183308A (en) * 2015-07-27 2015-12-23 努比亚技术有限公司 Picture display method and apparatus
CN105302864A (en) * 2015-09-22 2016-02-03 努比亚技术有限公司 Picture loading apparatus and method according to screen resolution
CN105306734B (en) * 2015-11-13 2019-04-02 深圳正品创想科技有限公司 Image display method based on cell phone application interface
CN105868235A (en) * 2015-12-08 2016-08-17 乐视移动智能信息技术(北京)有限公司 Image preview method and apparatus of intelligent terminal
CN106201378A (en) * 2016-07-08 2016-12-07 广州睿本信息科技有限公司 Intelligent movable equipment set printing method and device thereof
CN107688636B (en) * 2017-08-22 2020-06-09 广州市百果园信息技术有限公司 Page adaptation method and device
CN107797801A (en) * 2017-10-20 2018-03-13 江苏电力信息技术有限公司 A kind of adaptation method based on a variety of interface of mobile terminal
CN108196755B (en) * 2018-01-30 2021-02-12 腾讯科技(深圳)有限公司 Background picture display method and device
CN108304241B (en) * 2018-01-31 2021-05-25 广州酷狗计算机科技有限公司 Method and device for displaying dialog box
CN111857502B (en) * 2020-07-14 2024-05-17 海信视像科技股份有限公司 Image display method and display device
US11816318B2 (en) * 2021-07-28 2023-11-14 Google Llc Application compatibility on a computing device

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103473082A (en) * 2012-06-08 2013-12-25 腾讯科技(深圳)有限公司 Method and device for starting WebApp

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7680758B2 (en) * 2004-09-30 2010-03-16 Citrix Systems, Inc. Method and apparatus for isolating execution of software applications
US8006189B2 (en) * 2006-06-22 2011-08-23 Dachs Eric B System and method for web based collaboration using digital media
CN101071375A (en) * 2007-05-22 2007-11-14 腾讯科技(深圳)有限公司 Interface development system and control combing method

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103473082A (en) * 2012-06-08 2013-12-25 腾讯科技(深圳)有限公司 Method and device for starting WebApp

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
HTML中使背景图片自适应浏览器大小;pzhtpf;《CSDN博客http://blog.csdn.net/pzhtpf/article/details/7345363》;20120312;第1页 *

Also Published As

Publication number Publication date
CN104199920A (en) 2014-12-10

Similar Documents

Publication Publication Date Title
CN104199920B (en) The display adaptation method and device of Web page type application
US9905201B2 (en) Display control method and device for application program interface
CN107885848B (en) Webpage screen capturing method based on web technology
US8228346B1 (en) Systems and methods for displaying fixed-scale content on mobile devices
CN106156066B (en) Page switching method, device and client
CN105786513A (en) Mixed mobile application development method based on Html5
WO2016183953A1 (en) Icon setting method and device
CN103544207B (en) A kind of method and system of picture loaded and displayed
CN109101233B (en) Method for adapting to multiple screen resolutions, storage device and android device
CN111984351A (en) Page adaptation method, electronic device and computer-readable storage medium
KR101914478B1 (en) Image providing system, service apparatus and image providing method thereof
CN103678646A (en) Method and device for presenting pages
CN112148398B (en) Image processing method and device
CN110598140A (en) Page adjusting method and device and server
CN101882055A (en) Method and device for displaying page in zoomed mode on terminal
WO2014161357A1 (en) Method and device for displaying browser resources and computer readable storage medium
CN105511712A (en) Method and device for showing picture
CN105306734B (en) Image display method based on cell phone application interface
CN109725970A (en) The method, apparatus and electronic equipment that applications client window is shown
US20140359405A1 (en) Method and device of displaying images in text information
CN110647369B (en) Page dynamic display method and device, mobile terminal and storage medium
CN103220348B (en) A kind of picture batch is uploaded and fidelity Zoom method and system
CN105718228B (en) The method and apparatus that dynamic content is shown
CN112752107B (en) Webpage picture preprocessing method, system, storage medium and computer equipment
CN116909505A (en) Display method, device, system and medium of self-adaptive visual area

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
EE01 Entry into force of recordation of patent licensing contract
EE01 Entry into force of recordation of patent licensing contract

Application publication date: 20141210

Assignee: Shenzhen rabbit exhibition Intelligent Technology Co., Ltd

Assignor: Shenzhen Yun Lai network technology company limited

Contract record no.: X2020980000017

Denomination of invention: Adaptation method and device for display of web application

Granted publication date: 20171020

License type: Common License

Record date: 20200106

TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20210804

Address after: 510000 102 (self compiled No. 45), No. 882-23, South Industrial Avenue, Haizhu District, Zhuhai City, Guangdong Province (office only)

Patentee after: Guangzhou Dipai Information Technology Co.,Ltd.

Address before: 518000 room 906, international student entrepreneurship building, South District, high tech Zone, Nanshan District, Shenzhen, Guangdong Province

Patentee before: SHENZHEN YUNLAI NETWORK TECHNOLOGY Co.,Ltd.

CP02 Change in the address of a patent holder
CP02 Change in the address of a patent holder

Address after: 510000 102 (self compiled No. 45), No. 882-23, South Industrial Avenue, Haizhu District, Guangzhou City, Guangdong Province (office only)

Patentee after: Guangzhou Dipai Information Technology Co.,Ltd.

Address before: 510000 102 (self compiled No. 45), No. 882-23, South Industrial Avenue, Haizhu District, Zhuhai City, Guangdong Province (office only)

Patentee before: Guangzhou Dipai Information Technology Co.,Ltd.