CN104199920A - Adaptation method and device for display of web application - Google Patents
Adaptation method and device for display of web application Download PDFInfo
- Publication number
- CN104199920A CN104199920A CN201410438902.3A CN201410438902A CN104199920A CN 104199920 A CN104199920 A CN 104199920A CN 201410438902 A CN201410438902 A CN 201410438902A CN 104199920 A CN104199920 A CN 104199920A
- Authority
- CN
- China
- Prior art keywords
- virtual window
- picture
- width
- mobile terminal
- consistent
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses an adaptation method and device for display of a web application. The adaptation method for display of the web application comprises the following steps that a virtual window used for displaying a Web page is established on a mobile terminal, and the width resolution ratio of the virtual window is set to be a fixed value; a picture is loaded, the width resolution ratio of the picture is set to be the same as that of the virtual window, and the equal-proportion zooming is conducted on the picture till the width of the image is the same as that of the virtual window; the picture is set to be the background and is displayed in the virtual window. According to the adaptation method for display of the web application, the virtual window with the width resolution ratio being the fixed value is established in the mobile terminal to be used for displaying the Web page, in this way, it is guaranteed that the Web page in the web application of the mobile terminal is displayed consistently, and deformation of the page is avoided; the picture is loaded, the width resolution ratio of the loaded picture is set to be the same as that of the virtual window, the width of the loaded picture is the same as that of the virtual window, then the picture is set to be the background to be displayed, and thus it is guaranteed that distortion does not occur during displaying and user experience is not affected.
Description
Technical field
The present invention relates to the adaptive field of mobile terminal screen, relate in particular to a kind of demonstration adaptation method and device of Web page type application.
Background technology
Light application is that a kind of without downloading, search the i.e. global function App of use, the user of existing Native App experiences, and has again retrieving and intelligent developed characteristic of Web App, by the problem that effectively solves high-quality application and service and dock with requirements of mobile subscribers.Due to the characteristic that light application has, made it since being born, be subject to users' consistent favorable comment, impel generation, the especially application on mobile terminal of more and more APP based on light application.
The existing light application that is applied to mobile terminal, in LiveApp, in its Web page and Image Display process, because the screen resolution of mobile terminal is different, in the Web page and picture in mobile terminal procedure for displaying, easily there is the phenomenon of the Web page and picture distortion and distortion, to user, bring bad user to experience.
Summary of the invention
The technical problem to be solved in the present invention is, for the defect of prior art, provides a kind of demonstration adaptation method and device of Web page type application.
The technical solution adopted for the present invention to solve the technical problems is: a kind of demonstration adaptation method of Web page type application, comprises the following steps:
S1: found on mobile terminal for showing the virtual window of the Web page, and the width resolution of described virtual window is set to fixed value;
S2: Load Image, the width resolution of described picture is set and the width resolution of described virtual window is consistent, and equal proportion zooms to the width of described picture and the width of described virtual window is consistent;
S3: described picture is arranged to background and shows in described virtual window.
Preferably, described step S1 comprises the following steps: the difference of the operating system of using according to mobile terminal, api interface by HTML5 arranges the virtual window of compatible different operating system in described mobile terminal, and the width resolution of described virtual window is set to fixed value.
Preferably, described step S1 comprises the following steps:
S11: the api interface by HTML5 judges whether the operating system of described mobile terminal is ANDROID system; If so, perform step S12; If not, perform step S13;
S12: determine whether again the above system of ANDROID2.3, if, the width resolution of the described virtual window of founding in described mobile terminal is set to fixed value, maximum zoom and minimum zoom are set to the screen size of described mobile terminal, and screen pixels density is set to described mobile terminal screen picture element density; If not; The width resolution of the described virtual window of founding in described mobile terminal is set to fixed value, and screen pixels density is set to described mobile terminal screen picture element density;
S13: the width resolution of the described virtual window of founding in described mobile terminal is set to fixed value, forbids that user manually adjusts convergent-divergent, and screen pixels density is set to described mobile terminal screen picture element density.
Preferably, described step S2 comprises: judge that whether the width resolution of described picture and the width resolution of described virtual window is consistent, if consistent, directly described picture equal proportion is zoomed to the width of picture and the width of described virtual window is consistent; If inconsistent, adjust the width resolution of described picture and the width resolution of described virtual window is consistent, more described picture equal proportion is zoomed to the width of picture and the width of described virtual window is consistent.
Preferably, described step S3 comprises: the api interface by HTML5 is in procedure for displaying, be arranged to background and only show once by the setup of attribute of described picture, and judges whether the height of described picture is greater than the height of virtual window; If so, by described picture local repressentation in described virtual window; If not, described picture is directly shown in virtual window.
Preferably, described " by described picture local repressentation in described virtual window " comprising: described picture is placed on to the upper left corner, the upper right corner, the lower left corner or the lower right corner of described virtual window, show described picture at described virtual window with interior part.
The present invention also provides a kind of demonstration adaptive device of Web page type application, comprising:
Window setting unit: for founding on mobile terminal for showing the virtual window of the Web page, and the width resolution of described virtual window is set to fixed value;
Picture loading unit: for Loading Image, the width resolution of described picture is set and the width resolution of described virtual window is consistent, and equal proportion zooms to the width of described picture and the width of described virtual window is consistent;
Show adaptation unit: for described picture is arranged to background, at described virtual window, show.
Preferably, described window setting unit comprises: the difference of the operating system of using according to mobile terminal, api interface by HTML5 arranges the virtual window of compatible different operating system in described mobile terminal, and the width resolution of described virtual window is set to fixed value.
Preferably, described picture loading unit comprises: judge that whether the width resolution of described picture and the width resolution of described virtual window is consistent, if consistent, directly described picture equal proportion is zoomed to the width of picture and the width of described virtual window is consistent; If inconsistent, adjust the width resolution of described picture and the width resolution of described virtual window is consistent, more described picture equal proportion is zoomed to the width of picture and the width of described virtual window is consistent.
Preferably, described demonstration adaptation unit comprises: the api interface by HTML5 is in procedure for displaying, be arranged to background and only show once by the setup of attribute of described picture, and judges whether the height of described picture is greater than the height of virtual window; If so, by described picture local repressentation in described virtual window; If not, described picture is directly shown in virtual window.
The present invention compared with prior art tool has the following advantages: demonstration adaptation method and the device of Web page type application provided by the present invention, by found the virtual window that width resolution is fixed value in mobile terminal, to show the Web page, in the Web page type application of assurance mobile terminal, the Web page shows unanimously, there will not be page metaboly; Loading Image arranges the width resolution of picture and the width resolution of virtual window is consistent, and width is consistent with the width of virtual window, then picture is arranged to background shows, thereby guarantees that Image Display process can metamorphopsic distortion, affect user's experience.
Accompanying drawing explanation
Below in conjunction with drawings and Examples, the invention will be further described, in accompanying drawing:
Fig. 1 is the process flow diagram of the demonstration adaptation method of Web page type application in one embodiment of the invention.
Fig. 2 is the theory diagram of the demonstration adaptive device of Web page type application in one embodiment of the invention.
In figure: 10, window setting unit; 20, picture loading unit; 30, show adaptation unit.
Embodiment
For technical characterictic of the present invention, object and effect being had more clearly, understand, now contrast accompanying drawing and describe the specific embodiment of the present invention in detail.
Fig. 1 illustrates the demonstration adaptation method of Web page type application in one embodiment of the invention.The method comprises the following steps:
S1: found on mobile terminal for showing the virtual window of the Web page, and the width resolution of virtual window is set to fixed value.Particularly, the difference of the operating system of using according to mobile terminal, the virtual window of compatible different operating system is set in mobile terminal by the api interface of HTML5, and the width resolution of virtual window is set to fixed value, Web page display consistency in the Web page type application of assurance mobile terminal, avoids occurring page metaboly.Understandably, the application of this Web page type be applied on mobile terminal without downloading, searching the i.e. Web page type APP of use, as the application of LiveApp.
Understandably, adopt the api interface of HTML5 in mobile terminal, to found the virtual window of compatible different operating system, it is compatible strong, applicable to comprising and being not limited to the mobile terminals such as smart mobile phone, panel computer, PAD.Particularly, can by following code, solve the compatibility issue of mobile terminal, avoid different from the resolution of mobile terminal because of PC, cause the page in the Web page type application in mobile terminal to occur the metabolies such as elongation or shortening.
<script?type＝"text/javascript">；
var?phoneWidth＝parseInt(window.screen.width)；
var?phoneScale＝phoneWidth/640。
Understandably, above-mentioned in order to guarantee that the code of mobile terminal compatibility issue adopts java language, be mainly used in the compatibility issue of ANDROID system, the program code that need adopt its corresponding development language to write for IOS system, Symbian system, Windows phone7 system.
S11: the api interface by HTML5 judges whether the operating system of mobile terminal is ANDROID system; If so, perform step S12; If not, perform step S13.Particularly, step S11 can judge by code if (/Android (d+. d+)/.text (navigator.userAgent).
S12: the operating system at mobile terminal is under the prerequisite of ANDROID system, determine whether again the above system of ANDROID2.3, the width resolution of the virtual window of if so, founding in mobile terminal is set to fixed value, with the Web page distortion of avoiding showing in virtual window; Virtual window maximum zoom and minimum zoom are set to the screen size of mobile terminal, make the large I equal proportion of virtual window zoom to consistent with the screen size of mobile terminal, thereby the content on the Web page that makes to show in the mobile terminal of different screen size is consistent, avoid occurring because varying in size of screen size causes the inconsistent phenomenon of content of the Web page of demonstration; The screen pixels density of virtual window is set to the screen pixels density of mobile terminal, thereby avoids the Web page that shows in virtual window because of the screen pixels difference auto zoom of the mobile terminal of different screen size, thereby causes Web page display distortion.Understandably, when the above system of ANDROID2.3, the width resolution of the virtual window of founding is fixed value, and large I regulates voluntarily with the actual screen size of mobile terminal, the Web page showing in virtual window can show according to the screen pixels density of current mobile terminal, consistance with the Web page that guarantees to show in different mobile terminal, improves user's experience.Particularly, can realize above-mentioned functions by following code:
if(version>2.3){document.write('<meta?name＝"viewport"content＝"width＝640,minimum‐scale＝'+phoneScale+',max?imum‐scale＝'+phoneScale+',target‐densitydpi＝device‐dp?i">')；}。
When the following system of ANDROID2.3, the width resolution of the virtual window of founding in mobile terminal is set to fixed value, with the Web page distortion of avoiding showing in virtual window; Screen pixels density is set to mobile terminal screen picture element density, with the Web page distortion of avoiding showing in virtual window.Particularly, look into by following code and realize above-mentioned functions:
document.write('<meta?name＝"viewport"content＝"width＝640,target‐densitydpi＝device‐dpi">')。
S13: when non-ANDROID system, the width resolution of the virtual window of founding in mobile terminal is set to fixed value, with the Web page distortion of avoiding showing in virtual window; Forbid that user manually adjusts convergent-divergent, screen pixels density is set to mobile terminal screen picture element density, with the Web page distortion of avoiding showing in virtual window.Particularly, can realize above-mentioned functions by following code:
document.write('<meta?name＝"viewport"content＝"width＝640,user‐scalable＝no,target‐densitydpi＝device‐dpi">')。
S2: Load Image, the width resolution of picture is set and the width resolution of virtual window is consistent, thereby while guaranteeing that picture shows in virtual window, because the resolution of resolution and virtual window is inconsistent, and cause Image Display distortion; And under the picture width resolution prerequisite consistent with the width resolution of virtual window, and equal proportion zooms to the width of picture and the width of virtual window is consistent, with full screen display picture in virtual window.
Particularly, step S2 comprises: judge that whether the width resolution of picture and the width resolution of virtual window is consistent, if consistent, directly picture equal proportion is zoomed to the width of picture and the width of virtual window is consistent; If inconsistent, adjust the width resolution of picture and the width resolution of virtual window is consistent, then picture equal proportion is zoomed to the width of picture and the width of virtual window is consistent.Understandably, for guaranteeing that picture shows in virtual window, can not deform and distortion, in the performance history of Web page type application, need be provided with for detection of the width resolution of picture and the width resolution of virtual window and compare, for adjusting picture width resolution and controlling picture equal proportion, zoom to the program of the same size with virtual window.
S3: picture is arranged to background and shows in virtual window.Understandably, picture be arranged to background and shown, being conducive to improve the speed Showing Picture in virtual window, in Web page type application process, the picture of being arranged to background is not easy to deform.Particularly, the api interface by HTML5 for being arranged to background and only showing once in procedure for displaying, and judges whether the height of picture is greater than the height of virtual window by the setup of attribute of picture; If so, by picture local repressentation in virtual window, be about to the upper left corner, the upper right corner, the lower left corner or the lower right corner that picture is placed on virtual window, Show Picture at virtual window with interior part; If not, picture is directly shown in virtual window.Understandably, due to the width resolution of picture and the width resolution of virtual window, and it is consistent with the width of virtual window that picture equal proportion is zoomed to picture width, therefore by picture in virtual window during local repressentation, the width of picture guarantees consistent with the width of virtual window all the time, while showing in the mobile terminal of different screen size, only may there is the top of picture and/or the possibility that bottom cannot show, therefore picture is placed on to the upper left corner of virtual window and the effect in the upper right corner is consistent, for the top Showing Picture; Picture is placed on to the lower left corner of virtual window and the effect in the lower right corner is consistent, for the bottom Showing Picture.
Understandably, the present invention also can be arranged to fixed value by the height resolution of virtual window, and by the width in above-described embodiment and highly relative replacement, also can realize object of the present invention.
To sum up, the demonstration adaptation method of this Web page type application, by found the virtual window that width resolution is fixed value in mobile terminal, to show the Web page, in the Web page type application of assurance mobile terminal, the Web page shows unanimously, there will not be page metaboly; Loading Image arranges the width resolution of picture and the width resolution of virtual window is consistent, and width is consistent with the width of virtual window, then picture is arranged to background shows, thereby guarantees that Image Display process can metamorphopsic distortion, affect user's experience.
Fig. 2 illustrates the theory diagram of the demonstration adaptive device of Web page type application in one embodiment of the invention.The demonstration adaptive device of this Web page type application comprises:
Window setting unit 10: for founding on mobile terminal for showing the virtual window of the Web page, and the width resolution of virtual window is set to fixed value.Particularly, the difference of the operating system that window setting unit 10 can be used according to mobile terminal, the virtual window of compatible different operating system is set in mobile terminal by the api interface of HTML5, and the width resolution of virtual window is set to fixed value, Web page display consistency in the Web page type application of assurance mobile terminal, avoids occurring page metaboly.Understandably, adopt the api interface of HTML5 in mobile terminal, to found the virtual window of compatible different operating system, it is compatible strong, applicable to comprising and being not limited to the mobile terminals such as smart mobile phone, panel computer, PAD.
Picture loading unit 20: for Loading Image, the width resolution of picture is set and the width resolution of virtual window is consistent, and equal proportion zooms to the width of picture and the width of described virtual window is consistent.Particularly, picture loading unit 20 can judge the width resolution of picture and the width resolution of virtual window whether consistent, if consistent, directly picture equal proportion is zoomed to the width of picture and the width of virtual window is consistent; If inconsistent, adjust the width resolution of picture and the width resolution of virtual window is consistent, then picture equal proportion is zoomed to the width of picture and the width of virtual window is consistent.Understandably, for guaranteeing that picture shows in virtual window, can not deform and distortion, in the performance history of Web page type application, need be provided with for detection of the width resolution of picture and the width resolution of virtual window and compare, for adjusting picture width resolution and controlling picture equal proportion, zoom to the program of the same size with virtual window.
Show adaptation unit 30: for picture is arranged to background, at virtual window, show.Understandably, picture be arranged to background and shown, being conducive to improve the speed Showing Picture in virtual window, in Web page type application process, the picture of being arranged to background is not easy to deform.Particularly, the api interface by HTML5 for being arranged to background and only showing once in procedure for displaying, and judges whether the height of picture is greater than the height of virtual window by the setup of attribute of picture; If so, by picture local repressentation in virtual window.Particularly, picture can be placed on to the upper left corner, the upper right corner, the lower left corner or the lower right corner of virtual window, when picture height is greater than virtual window height, only Show Picture at virtual window with interior part.
The demonstration adaptive device of this Web page type application, by found the virtual window that width resolution is fixed value in mobile terminal, to show the Web page, in the Web page type application of assurance mobile terminal, the Web page shows unanimously, there will not be page metaboly; Loading Image arranges the width resolution of picture and the width resolution of virtual window is consistent, and width is consistent with the width of virtual window, then picture is arranged to background shows, thereby guarantees that Image Display process can metamorphopsic distortion, affect user's experience.
The present invention describes by a specific embodiment, it will be appreciated by those skilled in the art that, without departing from the present invention, can also carry out various conversion and be equal to alternative the present invention.In addition, for particular condition or concrete condition, can make various modifications to the present invention, and not depart from the scope of the present invention.Therefore, the present invention is not limited to disclosed specific embodiment, and should comprise the whole embodiments that fall within the scope of the claims in the present invention.
Claims (10)
1. the demonstration adaptation method that Web page type is applied, is characterized in that: comprise the following steps:
S1: found on mobile terminal for showing the virtual window of the Web page, and the width resolution of described virtual window is set to fixed value;
S2: Load Image, the width resolution of described picture is set and the width resolution of described virtual window is consistent, and equal proportion zooms to the width of described picture and the width of described virtual window is consistent;
S3: described picture is arranged to background and shows in described virtual window.
2. the demonstration adaptation method that Web page type according to claim 1 is applied, it is characterized in that: described step S1 comprises the following steps: the difference of the operating system of using according to mobile terminal, api interface by HTML5 arranges the virtual window of compatible different operating system in described mobile terminal, and the width resolution of described virtual window is set to fixed value.
3. the demonstration adaptation method that Web page type according to claim 2 is applied, is characterized in that: described step S1 comprises the following steps:
S11: the api interface by HTML5 judges whether the operating system of described mobile terminal is ANDROID system; If so, perform step S12; If not, perform step S13;
S12: determine whether again the above system of ANDROID2.3, if, the width resolution of the described virtual window of founding in described mobile terminal is set to fixed value, maximum zoom and minimum zoom are set to the screen size of described mobile terminal, and screen pixels density is set to described mobile terminal screen picture element density; If not; The width resolution of the described virtual window of founding in described mobile terminal is set to fixed value, and screen pixels density is set to described mobile terminal screen picture element density;
S13: the width resolution of the described virtual window of founding in described mobile terminal is set to fixed value, forbids that user manually adjusts convergent-divergent, and screen pixels density is set to described mobile terminal screen picture element density.
4. the demonstration adaptation method that Web page type according to claim 3 is applied, it is characterized in that: described step S2 comprises: judge that whether the width resolution of described picture and the width resolution of described virtual window is consistent, if consistent, directly described picture equal proportion is zoomed to the width of picture and the width of described virtual window is consistent; If inconsistent, adjust the width resolution of described picture and the width resolution of described virtual window is consistent, more described picture equal proportion is zoomed to the width of picture and the width of described virtual window is consistent.
5. the demonstration adaptation method that Web page type according to claim 4 is applied, it is characterized in that: described step S3 comprises: the api interface by HTML5 is in procedure for displaying, be arranged to background and only show once by the setup of attribute of described picture, and judges whether the height of described picture is greater than the height of virtual window; If so, by described picture local repressentation in described virtual window; If not, described picture is directly shown in virtual window.
6. the demonstration adaptation method that Web page type according to claim 5 is applied, it is characterized in that: described " by described picture local repressentation in described virtual window " comprising: described picture is placed on to the upper left corner, the upper right corner, the lower left corner or the lower right corner of described virtual window, show described picture at described virtual window with interior part.
7. the demonstration adaptive device that Web page type is applied, is characterized in that: comprising:
Window setting unit (10): for founding on mobile terminal for showing the virtual window of the Web page, and the width resolution of described virtual window is set to fixed value;
Picture loading unit (20): for Loading Image, the width resolution of described picture is set and the width resolution of described virtual window is consistent, and equal proportion zooms to the width of described picture and the width of described virtual window is consistent;
Show adaptation unit (30): for described picture is arranged to background, at described virtual window, show.
8. the demonstration adaptive device that Web page type according to claim 7 is applied, it is characterized in that: described window setting unit (10) comprising: the difference of the operating system of using according to mobile terminal, api interface by HTML5 arranges the virtual window of compatible different operating system in described mobile terminal, and the width resolution of described virtual window is set to fixed value.
9. the demonstration adaptive device that Web page type according to claim 7 is applied, it is characterized in that: described picture loading unit (20) comprising: judge that whether the width resolution of described picture and the width resolution of described virtual window is consistent, if consistent, directly described picture equal proportion is zoomed to the width of picture and the width of described virtual window is consistent; If inconsistent, adjust the width resolution of described picture and the width resolution of described virtual window is consistent, more described picture equal proportion is zoomed to the width of picture and the width of described virtual window is consistent.
10. the demonstration adaptive device that Web page type according to claim 7 is applied, it is characterized in that: described demonstration adaptation unit (30) comprising: the api interface by HTML5 is in procedure for displaying, be arranged to background and only show once by the setup of attribute of described picture, and judges whether the height of described picture is greater than the height of virtual window; If so, by described picture local repressentation in described virtual window; If not, described picture is directly shown in virtual window.
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 true CN104199920A (en) | 2014-12-10 |
| CN104199920B 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) |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105183308A (en) * | 2015-07-27 | 2015-12-23 | 努比亚技术有限公司 | Picture display method and apparatus |
| CN105306734A (en) * | 2015-11-13 | 2016-02-03 | 深圳正品创想科技有限公司 | Picture display method based on mobile phone APP interface |
| CN105302864A (en) * | 2015-09-22 | 2016-02-03 | 努比亚技术有限公司 | Picture loading apparatus and method according to screen resolution |
| CN105868235A (en) * | 2015-12-08 | 2016-08-17 | 乐视移动智能信息技术（北京）有限公司 | Image preview method and apparatus of intelligent terminal |
| WO2016168983A1 (en) * | 2015-04-21 | 2016-10-27 | Guangzhou Ucweb Computer Technology Co., Ltd. | Method and electronic device for displaying web page |
| CN106201378A (en) * | 2016-07-08 | 2016-12-07 | 广州睿本信息科技有限公司 | Intelligent movable equipment set printing method and device thereof |
| CN107688636A (en) * | 2017-08-22 | 2018-02-13 | 广州市百果园信息技术有限公司 | A kind of page adaptation method and apparatus |
| CN107797801A (en) * | 2017-10-20 | 2018-03-13 | 江苏电力信息技术有限公司 | A kind of adaptation method based on a variety of interface of mobile terminal |
| CN108196755A (en) * | 2018-01-30 | 2018-06-22 | 腾讯科技（深圳）有限公司 | Background picture display and device |
| CN108304241A (en) * | 2018-01-31 | 2018-07-20 | 广州酷狗计算机科技有限公司 | A kind of method and apparatus of display dialog box |
| CN111857502A (en) * | 2020-07-14 | 2020-10-30 | 海信视像科技股份有限公司 | Image display method and display equipment |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101065727A (en) * | 2004-09-30 | 2007-10-31 | 茨特里克斯系统公司 | Method and apparatus for virtualizing window information |
| CN101071375A (en) * | 2007-05-22 | 2007-11-14 | 腾讯科技（深圳）有限公司 | Interface development system and control combing method |
| US20120173980A1 (en) * | 2006-06-22 | 2012-07-05 | Dachs Eric B | System And Method For Web Based Collaboration Using Digital Media |
| CN103473082A (en) * | 2012-06-08 | 2013-12-25 | 腾讯科技（深圳）有限公司 | Method and device for starting WebApp |
-
2014
- 2014-08-30 CN CN201410438902.3A patent/CN104199920B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101065727A (en) * | 2004-09-30 | 2007-10-31 | 茨特里克斯系统公司 | Method and apparatus for virtualizing window information |
| US20120173980A1 (en) * | 2006-06-22 | 2012-07-05 | 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 |
| CN103473082A (en) * | 2012-06-08 | 2013-12-25 | 腾讯科技（深圳）有限公司 | Method and device for starting WebApp |
Non-Patent Citations (1)
| Title |
|---|
| PZHTPF: "HTML中使背景图片自适应浏览器大小", 《CSDN博客HTTP://BLOG.CSDN.NET/PZHTPF/ARTICLE/DETAILS/7345363》 * |
Cited By (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016168983A1 (en) * | 2015-04-21 | 2016-10-27 | Guangzhou Ucweb Computer Technology Co., Ltd. | Method and electronic device for displaying 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 |
| CN105306734A (en) * | 2015-11-13 | 2016-02-03 | 深圳正品创想科技有限公司 | Picture display method based on mobile phone APP interface |
| CN105868235A (en) * | 2015-12-08 | 2016-08-17 | 乐视移动智能信息技术（北京）有限公司 | Image preview method and apparatus of intelligent terminal |
| WO2017096854A1 (en) * | 2015-12-08 | 2017-06-15 | 乐视控股（北京）有限公司 | Picture preview method and device for smart 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 |
| CN107688636A (en) * | 2017-08-22 | 2018-02-13 | 广州市百果园信息技术有限公司 | A kind of page adaptation method and apparatus |
| CN107797801A (en) * | 2017-10-20 | 2018-03-13 | 江苏电力信息技术有限公司 | A kind of adaptation method based on a variety of interface of mobile terminal |
| CN108196755A (en) * | 2018-01-30 | 2018-06-22 | 腾讯科技（深圳）有限公司 | Background picture display and device |
| CN108196755B (en) * | 2018-01-30 | 2021-02-12 | 腾讯科技（深圳）有限公司 | Background picture display method and device |
| CN108304241A (en) * | 2018-01-31 | 2018-07-20 | 广州酷狗计算机科技有限公司 | A kind of method and apparatus of display dialog box |
| CN111857502A (en) * | 2020-07-14 | 2020-10-30 | 海信视像科技股份有限公司 | Image display method and display equipment |
| CN111857502B (en) * | 2020-07-14 | 2024-05-17 | 海信视像科技股份有限公司 | Image display method and display device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104199920B (en) | 2017-10-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104199920A (en) | Adaptation method and device for display of web application | |
| CN107885848B (en) | Webpage screen capturing method based on web technology | |
| JP6884797B2 (en) | Application program processing method and terminal device | |
| US8463075B2 (en) | Dynamically resizing text area on a display 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 | |
| KR101914478B1 (en) | Image providing system, service apparatus and image providing method thereof | |
| US20150278174A1 (en) | Method and apparatus for playing multimedia in browser | |
| CN105786513A (en) | Mixed mobile application development method based on Html5 | |
| WO2016045523A1 (en) | Display method and device for interface contents of mobile terminal and terminal | |
| US20160063672A1 (en) | Electronic device and method for generating thumbnail picture | |
| US20150088669A1 (en) | Apparatus and method for providing responsive user interface and electronic device-readable recording medium therefor | |
| KR101638725B1 (en) | Application text adjusting method, device, terminal, program, and recording medium | |
| US20150326933A1 (en) | Video reproduction apparatus, control method thereof, and computer-readable storage medium storing program | |
| CN105868420A (en) | Network resource loading mode configuration method and device | |
| CN105511712A (en) | Method and device for showing picture | |
| JP2008123511A (en) | Apparatus and method for outputting image in portable terminal | |
| JP5789719B2 (en) | Method and apparatus for determining the display mode of an electronic document | |
| CN110989897B (en) | Screenshot picture acquisition method and device, terminal device and storage medium | |
| CN110673775A (en) | Picture display method and device and terminal | |
| CN105718228A (en) | Method and device for displaying dynamic content | |
| CN106919375B (en) | Screen self-adaption method and system on mobile terminal equipment | |
| JP5376685B2 (en) | CONTENT DATA DISPLAY DEVICE, CONTENT DATA DISPLAY METHOD, AND PROGRAM | |
| CN104516696A (en) | Information processing method and electronic device | |
| CN108304169B (en) | Implementation method, device and equipment for HTML5 application |
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. |