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

Page layout self-adaptation method and device

A page layout and self-adaptive technology, applied in the direction of program control devices, etc., can solve problems such as non-support, limited template format, loss, etc.

Inactive Publication Date: 2014-02-19
SANGFOR NETWORK TECH SHENZHEN
View PDF6 Cites 54 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] At present, some websites provide a tool to convert the original web page into a mobile version or a touch screen version. Using this conversion tool can quickly mobilize a web page, but the template format that can be generated by this method is limited, usually "navigation +Article List” format, lost many elements of the original webpage, including background, color, image, icon, LOGO (trademark), content, advertisement, etc., which is almost completely different from the original webpage style, only text and a few pictures, and not Support JS (JavaScript, programming language) and other dynamic effects, such as drop-down menus, pop-up menus, etc., and the advertising content of the original website is basically removed

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
  • Page layout self-adaptation method and device
  • Page layout self-adaptation method and device
  • Page layout self-adaptation method and device

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0040] The technical solutions of the present invention will be further described below in conjunction with the accompanying drawings and specific embodiments. It should be understood that the specific embodiments described here are only used to explain the present invention, not to limit the present invention.

[0041] figure 1 It is a schematic flow chart of the first embodiment of the page layout adaptive method of the present invention; figure 1 As shown, the page layout adaptive method of the present invention includes the following steps:

[0042] Step S01, inserting JS code for adjusting page layout;

[0043] In the embodiment of the present invention, the page layout self-adaptation method is realized by deploying JS codes. In a specific application scenario, devices carrying JS codes, such as page layout adaptive devices, can be deployed between terminals and servers; devices carrying JS codes first act as a proxy for the http protocol, and then, display the conten...

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 page layout self-adaptation method and device. Program codes for adjusting page layout are inserted; based on the inserted program codes, the screen display width of a mobile terminal is obtained; according to the obtained screen display width, the page display width of a webpage is adjusted based on the preset proportion; according to the page display width, the display widths of elements which form the page of the webpage are adjusted, meanwhile, the display positions of the elements are arranged to be in a floating display mode; the webpage does not need to be designed and modified again, the page of the webpage can be automatically adaptive to a mobile terminal display screen, the display effect of the original webpage is not affected at all, the man-machine interactivity is improved; in addition, self adaptation can be achieved only by inserting corresponding JS codes, a large amount of manpower is saved, meanwhile, if corresponding visual effect needs to be changed, only corresponding codes need to be changed, cost is low, and later-period maintaining and upgrading are convenient.

Description

technical field [0001] The invention relates to the field of web page design, in particular to a page layout self-adaptive method and device. Background technique [0002] In view of the portability of mobile terminals, users can use mobile terminals to access web pages anytime and anywhere; limited by the screen size of mobile terminals, the layout of originally designed web pages when displayed on mobile terminals is different from that when displayed on terminals such as PCs. The layouts are very different; and it is unrealistic to redesign the webpage for each size of mobile terminal, because there are many sizes of mobile terminals and the number of original webpages is also huge; thus, the webpage can be customized according to the mobile terminal It is especially important to adaptively lay out the elements on the page according to the display size. [0003] At present, some websites provide a tool to convert the original web page into a mobile version or a touch scr...

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
IPC IPC(8): G06F9/44
Inventor 陈钊毅
Owner SANGFOR NETWORK TECH SHENZHEN
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