Adaptation method and device for display of web application

A web-based application and adaptation device technology, applied in special data processing applications, network data retrieval, network data browsing optimization, etc., can solve problems such as distortion, deformation of web pages and pictures, and poor user experience for users

Active Publication Date: 2014-12-10
广州迪派信息科技有限公司
View PDF4 Cites 14 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] Existing light applications applied to mobile terminals, such as LiveApp, in the display process of its Web pages and pictures, due to the different screen resolutions of mobile terminals, Web pages and pictures in the process of displaying web pages and pictures on mobile terminals are prone to deformation and distortion. Distortion phenomenon, bringing bad user experience to users

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Adaptation method and device for display of web application
  • Adaptation method and device for display of web application

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0029] In order to have a clearer understanding of the technical features, purposes and effects of the present invention, the specific implementation manners of the present invention will now be described in detail with reference to the accompanying drawings.

[0030] figure 1 A display adaptation method of a webpage application in an embodiment of the present invention is shown. The method includes the following steps:

[0031] S1: Create a virtual window for displaying web pages on the mobile terminal, and set the width resolution of the virtual window to a fixed value. Specifically, according to the different operating systems used by the mobile terminal, virtual windows compatible with different operating systems are set in the mobile terminal through the API interface of HTML5, and the width and resolution of the virtual window are set to a fixed value to ensure that the web pages of the mobile terminal Web page display consistency in the application, to avoid page defo...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

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 [0001] The invention relates to the field of mobile terminal screen adaptation, in particular to a display adaptation method and device for a webpage application. Background technique [0002] Light app is a full-featured app that can be searched and used without downloading. It not only has the user experience of Native App, but also has the characteristics of searchable and intelligent development of Web App. It will effectively meet the needs of high-quality applications and services and mobile users. The problem. Due to the characteristics of light applications, it has been well received by users since its birth, prompting the emergence of more and more light application-based APPs, especially applications on mobile terminals. [0003] Existing light applications applied to mobile terminals, such as LiveApp, in the display process of its Web pages and pictures, due to the different screen resolutions of mobile terminals, Web pages and pictures in the pro...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F17/30
CPCG06F16/957
Inventor 张小刚蒋天雄
Owner 广州迪派信息科技有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap