Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Display adaptation method and device for web application

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

Active Publication Date: 2017-10-20
广州迪派信息科技有限公司
View PDF4 Cites 0 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
  • Display adaptation method and device for web application
  • Display adaptation method and device for 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 a display adaptation method and device for a web page application. The method includes the following steps: creating a virtual window for displaying a web page on a mobile terminal, and setting the width resolution of the virtual window to a fixed value; Load the picture, set the width and resolution of the picture to be consistent with the width and resolution of the virtual window, and scale it proportionally until the width of the picture is consistent with the width of the virtual window; set the picture as the background to display in the virtual window. The method creates a virtual window with a fixed width and resolution in the mobile terminal to display the Web page, so as to ensure that the Web page is displayed consistently in the webpage application of the mobile terminal, and no page deformation occurs; the width resolution of the image is set by loading a picture The resolution is consistent with the width and resolution of the virtual window, and the width is consistent with the width of the virtual window, and then the picture is set as the background display, so as to ensure that the picture display process will not be deformed and distorted, which will affect the user experience.

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 Patents(China)
IPC IPC(8): G06F17/30
CPCG06F16/957
Inventor 张小刚蒋天雄
Owner 广州迪派信息科技有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

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

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com