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

Page layout self-adaptive method and device

A page layout, adaptive technology, applied in special data processing applications, instruments, electrical digital data processing and other directions, can solve the problems of the map size cannot be automatically expanded, the user is inconvenient to view the information, the user experience effect is poor, etc., to achieve a convenient page content, improve user experience, and facilitate viewing

Active Publication Date: 2010-12-08
CENNAVI TECH
View PDF8 Cites 71 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] However, when the inventor implemented the above solution, due to the presence of page-level scroll bars on the page, the size of the map cannot be automatically scaled. When the window becomes smaller, the same content as the previous window cannot be displayed, and the user must manually slide the scroll bar to see The entire content of the map page makes it inconvenient for users to view information, and the user experience effect is poor

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

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0031] An embodiment of the present invention provides a page layout adaptive method, such as figure 1 As shown, the method includes:

[0032] 101. Obtain a screen display parameter, where the screen display parameter is at least one of the following parameters, and the parameter includes: screen resolution, browser window size, and the type of browser currently used by the user.

[0033] Among them, when the screen resolution is obtained, it can be obtained when the current page is loaded; when the browser window size is obtained, the browser window size can be obtained when the page is loaded, or it can be obtained in the browser window The window size of the browser is obtained when the size changes; when the type of browser currently used by the user is obtained, the type of browser currently used by the user may be obtained when the browser is opened.

[0034] 102. Obtain the height and width of the page document of the current page according to the screen display parame...

Embodiment 2

[0047] An embodiment of the present invention provides a page layout self-adaptation method. The method specifically implements page layout self-adaptation according to the screen resolution, combining figure 2 and image 3 This method will be described in detail. figure 2 A schematic diagram of the page document structure of the adaptive application page layout provided by the present invention, which includes three parts, the upper part of the page document contains the company Logo area, the module navigation area and the automatic expansion area; the middle part of the page document contains the map display area and text There are two parts in the display area; the bottom of the page document contains the company copyright area for displaying company copyright information; the above three parts can be divided into fixed area and variable area of ​​the page document according to whether the area is variable. The fixed area of ​​the document includes: company logo area, m...

Embodiment 3

[0064] The embodiment of the present invention provides a page layout self-adaptation method, the method takes the page layout self-adaptation according to the window size of the browser as an example, combined with figure 2 and Figure 4 In detail, the method is described as Figure 4 shown, including:

[0065] 301. The system obtains the window size of the browser.

[0066] Wherein, the acquiring the browser window size may acquire the browser window size when the page is loaded, or acquire the browser window size when the browser window size changes.

[0067] 302. The system acquires the height and width of the page document of the current page according to the window size of the browser, and ensures that the height and width of all elements in the page document do not exceed the height and width of the page document.

[0068] Wherein, after obtaining the window size of the browser, the system obtains the height and width of the page document of the current page accordi...

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 embodiment of the invention discloses page layout self-adaptive method and device, relating to the field of page designs and being capable of displaying the same page content in different resolutions of screens, different types of browsers and different sizes of browser windows so as to facilitate a user to check the page content and improve user experience. The method comprises the following steps of: acquiring a screen display parameter which is at least one of the following parameters including screen resolution, browser window size and the type of a browser currently used by the user; acquiring the height and the width of a page document of the current page according to the screen display parameter; setting the height and the width of a variable area in the page document according to the height and the width of the page document and the height and the width of a fixed area in the page document; and adjusting the position of the fixed area in the page document. The embodiment of the invention is mainly applied to the self-adaptive process of the page.

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] The main function of the electronic map website is to display the information that users care about in combination with the map, and provide users with life information services such as shopping and transportation in a more intuitive way. However, when displaying a map page, it is often encountered that the same map page has different effects on monitors with different resolutions, browser windows of different sizes, and different types of browsers. Therefore, how to Realize the self-adaptation of the map page, that is, how to display the same map page effect on monitors with different resolutions, browser windows of different sizes and different types of browsers, which becomes a measure of the quality of the map website An important indicator of good or bad. [0003] At present, the more common method ...

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): G06F17/30
CPCG06F17/30905G06F17/30G06F16/9577
Inventor 蒋晟薛明郑小华
Owner CENNAVI TECH
Features
  • Generate Ideas
  • Intellectual Property
  • Life Sciences
  • Materials
  • Tech Scout
Why Patsnap Eureka
  • Unparalleled Data Quality
  • Higher Quality Content
  • 60% Fewer Hallucinations
Social media
Patsnap Eureka Blog
Learn More

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

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