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

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

Example Embodiment

[0030] Example 1

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

[0032] 101. Acquire screen display parameters, where the screen display parameters are at least one of the following parameters, the parameters including: screen resolution, browser window size, and 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 window size of the browser is obtained, the window size of the browser can be obtained when the page is loaded, or in the window of the browser The window size of the browser is obtained when the size changes; when the type of the browser currently used by the user is obtained, the type of the browser currently used by the user can 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 scre...

Example Embodiment

[0046] Example 2

[0047] The embodiment of the present invention provides a page layout adaptation method, which specifically realizes page layout adaptation according to the screen resolution, combining figure 2 with image 3 Explain the method in detail. figure 2 A schematic diagram of the page document structure of the adaptive application page layout provided by the present invention. The schematic diagram 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 The display area has two parts; the bottom of the page document contains the company copyright area used to display the company’s copyright information; the above three parts can be divided into a fixed area and a variable area of ​​the page document according to whether the area is variable. The fixed area of ​​the document includes: the company lo...

Example Embodiment

[0063] Example 3

[0064] The embodiment of the present invention provides a page layout adaptation method. The method takes the realization of page layout adaptation according to the window size of the browser as an example, and combines figure 2 with Figure 4 Explain the method in detail, such as Figure 4 Shown, including:

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

[0066] Wherein, said obtaining the window size of the browser may obtain the window size of the browser when the page is loaded, and may also obtain the window size of the browser when the window size of the browser changes.

[0067] 302. The system obtains 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 acquiring the window size of the browser, the system acquires the height and width ...

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
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