Page layout method and device

A web page layout and web page technology, applied in the information field, can solve the problems of heavy workload, long web page loading time, low efficiency, etc., to reduce the loading time and improve the efficiency of web page layout.

Active Publication Date: 2016-11-30
ALIBABA (CHINA) CO LTD
View PDF4 Cites 6 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] In view of this, the technical problem to be solved by the present invention is that when the existing web page layout technology is compatible with various termina

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

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0059] figure 1 A flow chart showing the implementation of the webpage layout method according to an embodiment of the present invention is shown. Such as figure 1 As shown, the method mainly includes:

[0060] In step S101, the current window size of the browser is acquired.

[0061] It should be noted that the execution subject of the embodiment of the present invention may be a mobile terminal such as a mobile phone or a tablet computer, or may be a PC (Personal Computer, personal computer), which is not limited herein.

[0062] In the embodiment of the present invention, the current window size of the browser can be acquired through JavaScript.

[0063] In step S102, a first ratio between the current window size of the browser and a first preset value is calculated, and the first preset value is a preset initial window size of the browser.

[0064] Wherein, the first preset value may be the initial window size of the browser preset by the developer when designing the...

Embodiment 2

[0105] Figure 4 A structural block diagram of a web page layout device according to an embodiment of the present invention is shown. For ease of description, only parts related to the embodiments of the present invention are shown. Such as Figure 4 As shown, the device includes:

[0106] The current window size obtaining module 41 is used to obtain the current window size of the browser;

[0107] The first ratio calculating module 42 is used to calculate the first ratio between the current window size of the browser and a first preset value, and the first preset value is the preset initial window size of the browser;

[0108] The current value determination module 43 is configured to determine the product of the first ratio and the reference value as the current value of the font size of the root element of the webpage, wherein the reference value is the initial value of the font size of the root element of the webpage;

[0109] The element size determination module 44 i...

Embodiment 3

[0128] Figure 6 An exemplary structural block diagram of a web page layout device according to another embodiment of the present invention is shown. The webpage layout device 1100 may be a host server with computing capabilities, a personal computer PC, or a portable portable computer or terminal. The specific embodiments of the present invention do not limit the specific implementation of the computing nodes.

[0129] The webpage layout device 1100 includes a processor (processor) 1110 , a communication interface (CommunicationsInterface) 1120 , a memory (memory) 1130 and a bus 1140 . Wherein, the processor 1110 , the communication interface 1120 , and the memory 1130 communicate with each other through the bus 1140 .

[0130] The communication interface 1120 is used for communicating with network devices, where the network devices include, for example, a virtual machine management center, shared storage, and the like.

[0131] The processor 1110 is used to execute progra...

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 relates to a page layout method and device. The method includes the steps of obtaining the size of a current window of a browser, calculating the first ratio of the size of the current window of the browser to a first preset value, determining the product of the first ratio and a reference value as the current value of the font size of root elements of a page, determining the size of all the elements of the page according to the current value and the multiple of all the elements of the page relative to the font size of the root elements of the page, and displaying the page according to the determined size of all the elements of the page. By presetting the size of all the elements of the page as the multiple of the font size of the root elements of the page, when page layout is conducted on a client side, only the font size of the root elements of the page needs to be adjusted according to the size of the current window of the browser, the size of each element of the page does not need to be independently adjusted, the workloads generated for being compatible with various client sides and various browsers in page layout can be reduced, and page layout efficiency is improved, and page loading time is shortened.

Description

technical field [0001] The present invention relates to the field of information technology, in particular to a web page layout method and device. Background technique [0002] Native Apps (Applications) are developed using different languages ​​and frameworks for different operating systems such as iOS, Android, and Windows. Compared with native Apps, HTML (HyperText Markup Language, Hypertext Markup Language) 5 pages have the advantages of strong dissemination, simple development, fast launch, and no need to upgrade on the client side. They are very suitable for lightweight Apps and promotion pages. [0003] In order to make web pages compatible with various terminal devices, instead of designing specific versions for each terminal device, Ethan Marcotte proposed the concept of responsive layout in May 2010. The existing responsive layout technology obtains the size of the terminal device through Media Queries (media query), and then adjusts the size of each element in th...

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
CPCG06F16/957G06F16/9574
Inventor 唐元屈戴洵白云龙张宏涛杨伟东潘柏宇王冀
Owner ALIBABA (CHINA) CO LTD
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