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

CSS compatibility optimizing method and system

A compatibility and solution technology, applied in the field of compatibility, can solve the problems of inconvenient implementation, inability to adapt to different desktops and browsers with different resolutions, and the cumbersome process of web page CSS compatibility tuning, etc. The effect of difficulty and time cost

Active Publication Date: 2015-04-22
山东中创软件商用中间件股份有限公司
View PDF5 Cites 16 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] The technical problem to be solved in this application is to provide a method and system for CSS compatibility optimization, which solves the problem that in the prior art, desktops with different resolutions and different browsers cannot be well adapted, which leads to cumbersome web page CSS compatibility optimization process , the problem of inconvenient implementation

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
  • CSS compatibility optimizing method and system
  • CSS compatibility optimizing method and system
  • CSS compatibility optimizing method and system

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0065] Corresponding to the method provided in Embodiment 1 of a CSS compatibility tuning method in the present application, see figure 2 , the present application also provides Embodiment 1 of a CSS compatibility tuning system. In this embodiment, the system includes:

[0066] The insertion unit 201 is used to insert a CSS file into the page to be displayed, and the CSS file includes a view layout style file for desktop-side Web applications and an adjustment style file for low-version browsers;

[0067] Naming unit 202, configured to use the component class name preset in the view layout style to name the class attribute of each element in the page to be displayed;

[0068] An adjustment unit 203, configured to adjust the attributes of the page to be displayed according to the design requirements of the current project;

[0069] A display unit 204, configured to display the page to be displayed under different browser platforms in different system environments;

[0070] T...

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 provides a CSS compatibility optimizing method. The CSS compatibility optimizing method comprises the steps: inserting a CSS file to a to-be-displayed page, wherein the CSS file comprises a view layout style file in allusion to desktop end Web application and an adjustment style file in allusion to a low version browser; using an element class name preset in the view layout style to name the class attribute of each element in the to-be-displayed page; according to the design request of the current project, adjusting the attribute of the to-be-displayed page; displaying the to-be-displayed page under the different browser platforms of different system environments; and detecting whether the to-be-displayed page satisfies the preset display effect, if not, adjusting the attribute corresponding to the to-be-displayed page. The response-type design for the traditional industry Web application is realized, the support for multi-browser is preferentially considered, the Web page compatibility optimization of the desktop end is focused, the difficulty and time cost of the CSS compatibility optimization are reduced, and the method and system adapt for the different resolution desktops and different browsers.

Description

technical field [0001] The present application relates to the field of compatibility, in particular to a method and system for CSS compatibility optimization. Background technique [0002] With the development of Internet development technology and the popularization of mobile Internet, people have higher and higher requirements for CSS compatibility tuning. [0003] Most of the existing CSS compatibility tuning methods focus on mobile priority as the primary design goal, but for internal systems in traditional industries, especially involving finance, government, education and other fields, because of the range of operating users and the sensitivity of the application environment etc., making CSS styles in traditional industry web applications unable to adapt well to desktops with different resolutions and different browsers, resulting in cumbersome and inconvenient implementation of CSS compatibility tuning process for web pages. [0004] Therefore, how to simply implemen...

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/30G06F9/44
CPCG06F9/451G06F16/9577
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