CN105989069A - Webpage adaptive adjustment method and device - Google Patents

Webpage adaptive adjustment method and device Download PDF

Info

Publication number
CN105989069A
CN105989069A CN201510069448.3A CN201510069448A CN105989069A CN 105989069 A CN105989069 A CN 105989069A CN 201510069448 A CN201510069448 A CN 201510069448A CN 105989069 A CN105989069 A CN 105989069A
Authority
CN
China
Prior art keywords
client
resolution
file
less
according
Prior art date
Application number
CN201510069448.3A
Other languages
Chinese (zh)
Inventor
马秋蓉
谭旭
杨文松
李海涛
李海波
Original Assignee
中国移动通信集团云南有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 中国移动通信集团云南有限公司 filed Critical 中国移动通信集团云南有限公司
Priority to CN201510069448.3A priority Critical patent/CN105989069A/en
Publication of CN105989069A publication Critical patent/CN105989069A/en

Links

Abstract

The embodiment of the invention discloses a webpage adaptive adjustment method and device. The method comprises the following steps: after receiving a webpage browsing request sent by a client, sending a resolution ratio analysis script to the client; receiving resolution ratio adjustment parameters calculated by the client according to the resolution ratio analysis script; according to the adjustment parameters, adjusting a variable value in a style sheet language LESS file corresponding to a webpage required by the client so that the adjusted LESS file is adaptive to a resolution ratio of a display unit of the client; sending the adjusted LESS file to the client so as to generate the webpage by the client according to the LESS file and then outputting the webpage.

Description

网页适配调整方法及装置 Method and apparatus for adjusting web adaptation

技术领域 FIELD

[0001] 本发明涉及网页调整技术,尤其涉及一种网页适配调整方法及装置。 [0001] The present invention relates to techniques to adjust pages, particularly to a method and apparatus for adjusting adaptation page.

背景技术 Background technique

[0002] 现有技术中,一般是通过JS (javascript)或层叠样式表(CSS)获取客户端分辨率判断屏幕所显示区域的宽度值和高度值,针对不同的分辨率值,通过CSS调整网页中元素的高度、宽度、起始位置等参数,使同一网页对应不同的表现形式,但均使网页达到最佳状 [0002] In the prior art, generally the width and height values ​​acquired client area of ​​the display screen resolution is determined by JS (javascript) or Cascading Style Sheets (CSS), for different values ​​of the resolution, the page adjusted by CSS height, width, and other parameters of the starting position of elements in the different manifestations of the same page corresponds to, but are shaped so that the best web

ίέτ O ίέτ O

[0003] 但是,现有技术中,如果需要调整网页,需要使用CSS3才能达到预期的效果,而目前使用的ΙΕ6-ΙΕ8却无法完整支持。 [0003] However, the prior art, if you need to adjust the page, you need to use CSS3 to achieve the desired effect, and ΙΕ6-ΙΕ8 currently in use can not fully supported. 并且,并不是每种网页均适合这种方式去使网页达到最佳效果,如当前客户用web开发的管理系统,多以表单、表格为主,每一个元素都是不可或缺的功能,内容设计上也是极尽精简,客户没提出需求时,没有多余的内容也不可以随意插入扩展内容。 Also, not every page in this way are suitable to achieve the best results the Web page, such as the current clients with web development management system, and many more form, forms-based, each element is indispensable features, content streamlined design also his best, when customer demand is not made, there is no extra content is not free to insert the expansion content. 随着屏幕硬件设施的日益发展,越来越多越来越大的屏幕已经问世,而可以扩展的内容毕竟有限,当在更加高分辨率的屏幕上,空白区域始终得不到有效填充。 With the development of hardware facilities of the screen, growing larger and larger screen has come out, and can extend the content is limited, as in the more high-resolution screen, a blank area is always filled not valid.

发明内容 SUMMARY

[0004] 为解决上述技术问题,本发明实施例提供一种网页适配调整方法及装置。 [0004] To solve the above problems, embodiments of the present invention provides a method and apparatus for adjusting web adaptation.

[0005] 本发明实施例的技术方案是这样实现的: [0005] The technical solution of the embodiment of the present invention is implemented as follows:

[0006] 一种网页适配调整方法,包括: [0006] An adjusting method adapted web, comprising:

[0007] 接收客户端发送的网页浏览请求后,向所述客户端发送分辨率分析脚本; [0007] Web page sent by the client after receiving browsing request, sends a script to the client resolution analysis;

[0008] 接收所述客户端根据所述分辨率分析脚本计算出的分辨率调整参数; [0008] The client receiving the adjustment parameter according to the calculated resolution analysis script resolution;

[0009] 根据所述调整参数,调整所述客户端所请求的网页对应的样式表语言LESS文件中的变量值,使调整后的LESS文件与所述客户端的显示单元的分辨率适配; [0009] According to the adjustment parameter to adjust the customer LESS Stylesheet Language document page corresponding to the end of the requested variable value, so that the resolution of the display unit is adapted to adjust LESS file with the client;

[0010] 将调整后的LESS文件向所述客户端发送,使所述客户端根据所述LESS文件生成网页并输出。 [0010] The adjusted LESS file transmitted to the client, the client generates a web page file according to the LESS and outputs.

[0011] 优选地,所述LESS文件中至少包括CSS文件和相关的图片文件。 [0011] Preferably, the document includes at least LESS CSS file and the associated image file.

[0012] 优选地,所述调整所述客户端所请求的网页对应的LESS文件中的变量值,包括: LESS variable value corresponding to the page file [0012] Preferably, the adjustment requested by the client, comprising:

[0013] 将CSS文件及图片文件中的图片按缩放至所述调整参数的比例。 [0013] The CSS file and the image file of the image is adjusted according to the zoom scale parameter to.

[0014] —种网页适配调整方法,包括: [0014] - adjusting method adapted species web, comprising:

[0015] 接收服务器端发送的分辨率分析脚本后,根据所述分辨率分析脚本中的当前的分辨率与客户端的显示单元的分辨率计算分辨率调整参数; [0015] The resolution of the received sent by the server after analysis script, according to the resolution of the display resolution analysis unit with the current resolution of the client script resolution adjustment parameter calculation end;

[0016] 将所述调整参数向所述服务器端发送; [0016] transmits the adjustment parameter to the server;

[0017] 接收所述服务器端根据所述调整参数调整后的LESS文件,并根据所接收的LESS文件生成网页并输出;其中,调整后的LESS文件与所述客户端的显示单元的分辨率适配。 Wherein the resolution of the display unit adapted, adjusted LESS file of the client; [0017] The server receives the file LESS the adjustment parameter, and generates a file in accordance with the received page LESS and outputs .

[0018] 优选地,所述LESS文件中至少包括CSS文件和相关的图片文件。 [0018] Preferably, the document includes at least LESS CSS file and the associated image file.

[0019] —种网页适配调整装置,包括:第一接收单元、第一发送单元、第二接收单元、调整单元和第二发送单元,其中: [0019] - adjusting means adapted species web, comprising: a first receiving unit, a first sending unit, a second receiving unit, adjustment unit and a second sending unit, wherein:

[0020] 第一接收单元,用于接收客户端发送的网页浏览请求; [0020] a first receiving means for receiving a page request sent by a client browser;

[0021] 第一发送单元,用于向所述客户端发送分辨率分析脚本; [0021] a first transmitting unit for transmitting the resolution to the client side script analysis;

[0022] 第二接收单元,用于接收所述客户端根据所述分辨率分析脚本计算出的分辨率调整参数; [0022] The second receiving unit for receiving the client script according to the resolution of the analysis parameters calculated resolution adjustment;

[0023] 调整单元,用于根据所述调整参数,调整所述客户端所请求的网页对应的样式表语言LESS文件中的变量值,使调整后的LESS文件与所述客户端的显示单元的分辨率适配; Resolution of the display unit [0023] The adjustment means according to the value of the variable LESS Stylesheet Language document the adjustment parameters, the adjustment requested by the client in a web page corresponding to the file with the client LESS adjusted ends rate adaptation;

[0024] 第二发送单元,用于将调整后的LESS文件向所述客户端发送,使所述客户端根据所述LESS文件生成网页并输出。 [0024] The second sending unit, configured to adjust the transmission LESS the file to the client, the client generates a web page file according to the LESS and outputs.

[0025] 优选地,所述LESS文件中至少包括CSS文件和相关的图片文件。 [0025] Preferably, the document includes at least LESS CSS file and the associated image file.

[0026] 优选地,所述调整单元,还用于将CSS文件及图片文件中的图片按缩放至所述调整参数的比例。 [0026] Preferably, the adjustment unit is further configured to proportion the CSS files and image files in the image adjustment parameter according to the scale.

[0027] —种网页适配调整装置,包括:第一接收单元、计算单元、发送单元、第二接收单元和生成输出单元,其中: [0027] - adjusting means adapted species web, comprising: a first receiving unit, a computing unit, transmitting unit, receiving unit and generating a second output unit, wherein:

[0028] 第一接收单元,用于接收服务器端发送的分辨率分析脚本; [0028] a first receiving means for receiving resolution analysis scripts sent by the server;

[0029] 计算单元,用于根据所述分辨率分析脚本中的当前的分辨率与客户端的显示单元的分辨率计算分辨率调整参数; [0029] calculation unit for the resolution of the display unit with the current resolution of the client script end adjustment parameter is calculated based on the resolution of the resolution of the analysis;

[0030] 发送单元,用于将所述调整参数向所述服务器端发送; [0030] The transmitting unit for transmitting the adjustment parameter to the server;

[0031] 第二接收单元,用于接收所述服务器端根据所述调整参数调整后的LESS文件;其中,调整后的LESS文件与所述客户端的显示单元的分辨率适配; [0031] The second receiving unit for receiving the LESS file server according to the adjustment parameter; wherein the resolution of the display unit is adapted to adjust LESS file with the client;

[0032] 生成输出单元,用于根据所接收的LESS文件生成网页并输出。 [0032] generating an output means for generating a web document according to the LESS and the received output.

[0033] 优选地,所述LESS文件中至少包括CSS文件和相关的图片文件。 [0033] Preferably, the document includes at least LESS CSS file and the associated image file.

[0034] 本发明实施例中,当服务器端接收到客户端发送的网页浏览请求后,向所述客户端发送分辨率分析脚本;客户端根据分辨率分析脚本计算出的分辨率调整参数,并向服务器端发送;服务器端根据调整参数,调整客户端所请求的网页对应的样式表语言LESS文件中的变量值,使调整后的LESS文件与客户端的显示单元的分辨率适配;并将调整后的LESS文件向客户端发送;客户端将根据LESS文件生成网页并输出。 Embodiment [0034] In the present invention, when the server receives a request sent by the client Web browser, the script transmission resolution analysis to the client; client adjustment parameter calculated according to the resolution of the resolution of analysis of the script, and sending to the server; the server according to the adjustment parameters, the adjustment variable values ​​LESS stylesheet language file requested by the client in a web page corresponding to the resolution of the display unit is adapted to adjust LESS file with the client; and adjustment after sending the file to the client LESS; client generates and outputs the page files according to LESS.

[0035] 本发明实施例的技术方案,通过等比伸缩的方式完成显示网页分辨率的自适应,并通过LESS变量控制来生成适应不同屏幕的不同的CSS,根据不同的屏幕高、宽生成相应比例的图片;本发明实施例的技术方案能够兼容相对低级的且占有一定市场的浏览器,可自动动态扩展,适用一切设备的分辨率;给不适合以内容扩展来填充空白区域的方式来利用屏幕空间的网页,屏幕自适应调整的方式更合理。 [0035] The technical solutions in the embodiments of the present invention, the adaptive page displayed geometric resolution achieved by a telescopic manner, and adapted to generate different CSS LESS different screen by controlling a variable, according to the high different screen, to form the corresponding width ratio images; technical solutions of the embodiments of the present invention is compatible with a relatively low market and occupy a certain browser can automatically dynamically expanded for the resolution of all the devices; not fit to the content to expand to fill the blank area manner using web page screen space, the screen adaptation of the adjustment method is more reasonable.

附图说明 BRIEF DESCRIPTION

[0036] 图1为本发明实施例一的网页适配调整方法的流程图; [0036] FIG. 1 is a flowchart of a method embodiment of a web page adapted to adjust the embodiment of the present invention;

[0037] 图2为本发明实施例二的网页适配调整方法的流程图; [0037] FIG 2 is a flowchart of a method according to the second web is adapted to adjust the embodiment of the present invention;

[0038] 图3为本发明实施例三的网页适配调整方法的流程图; [0038] FIG. 3 flowchart of a method according to a third web is adapted to adjust the embodiment of the invention;

[0039] 图4为本发明实施例一的网页适配调整装置的组成结构示意图; [0039] FIG. 4 is a schematic structural page composition adjusting device adapted according to a first embodiment of the present invention;

[0040] 图5为本发明实施例二的网页适配调整装置的组成结构示意图。 [0040] FIG. 5 is a schematic structural composition adapted page adjustment device according to the second embodiment of the present invention.

具体实施方式 Detailed ways

[0041] 为使本发明的目的、技术方案和优点更加清除明白,以下举实施例并参照附图,对本发明进一步详细说明。 [0041] To make the objectives, technical solutions, and advantages of the present invention will become apparent to clear, the following embodiments and with reference to the accompanying drawings, the present invention is further described in detail.

[0042] 图1为本发明实施例一的网页适配调整方法的流程图,如图1所示,本发明实施例的网页适配调整方法包括以下步骤: [0042] FIG. 1 is a flowchart page adaptation adjusting method according to an embodiment of the present invention, shown in Figure 1, the page adjusting method embodiments of the present invention adapted embodiment comprises the steps of:

[0043] 步骤101,接收客户端发送的网页浏览请求后,向所述客户端发送分辨率分析脚本。 [0043] Step 101, after receiving the page request sent by a client browser, the script transmission resolution analysis to the client.

[0044] 本步骤中,当网页服务器接收到客户端发送的网页浏览请求后,并不直接向客户端发送其所请求的网页内容,而是先向该客户端发送分辨率分析脚本。 [0044] In this step, the web server when the web browser receives a request sent by the client, it does not send the requested web content directly to the client, but the transmission resolution analysis script Xianxiang client. 该分辨率分析脚本是用于获取客户端的显示单元如显示屏所支持的分辨率的,通过获取客户端当前所支持的分辨率,以生成适合于客户端显示单元显示的网页内容,方便客户端以更佳的显示效果呈现该网元。 The script resolution analysis is used to obtain the client's display unit as the display resolution supported by acquiring client currently supported resolutions, to generate web page content for display on the display unit of the client, the client facilitate to better show the effect of rendering the NE.

[0045] 步骤102,接收所述客户端根据所述分辨率分析脚本计算出的分辨率调整参数。 [0045] Step 102, the client receives the adjustment parameter according to the calculated resolution analysis script resolution.

[0046] 客户端接收到分辨率分析脚本后,将根据该客户端的显示单元所支持的分辨率以及所请求的网元当前的分辨率,计算出需调整的分辨率调整参数。 After the [0046] received by the client resolution analysis script, the display unit of the client and the resolution supported by the NE of the requested resolution, the resolution of the calculated adjustment parameter to be adjusted. 该分辨率调整参数可以是分辨率调整比例值。 This resolution can be the resolution adjustment parameter adjustment factor values.

[0047] 步骤103,根据所述调整参数,调整所述客户端所请求的网页对应的样式表语言LESS文件中的变量值,使调整后的LESS文件与所述客户端的显示单元的分辨率适配。 [0047] Step 103, according to the value of the variable LESS Stylesheet Language document the adjustment parameters, the adjustment requested by the client in a web page corresponding to the resolution of the display unit after the adjustment LESS file adapted to the client with.

[0048] 网页服务器接收到客户端发送的调整参数后,根据该调整参数对客户端所请求的网页进行相应调整。 After the [0048] web server receives the adjustment parameter sent by the client, the web page requested by the client will be adjusted according to the adjustment parameter.

[0049] 本发明实施例中,LESS文件中至少包括CSS文件和相关的图片文件。 Embodiment [0049] of the present invention, LESS file and CSS file comprises at least associated image file. 而调整所述客户端所请求的网页对应的LESS文件中的变量值,包括:将CSS文件及图片文件中的图片按缩放至所述调整参数的比例。 LESS document page corresponding to the adjustment of the client of the requested variable value, comprising: the ratio of the CSS file and the image file of the image by the scaling parameters to adjust. 具体地,在开发网页之初,已设定好一个基础值为I倍大小,此处以800X600分辨率为基础值进行说明。 Specifically, at the beginning of the development of web pages, it has set up a foundation is I times the size, with a resolution of 800X600 here to baseline values ​​described below. 例如,当确定出客户端分辨率为1280X720,则计算1280/800 = 1.6 ;720/600 = 1.2,取比例值中较小的值即1.2,则请求样式表为“Stylel.2.css”。 For example, when it is determined that the client 1280X720 resolution, is calculated 1280/800 = 1.6; 720/600 = 1.2, the ratio of the smaller value takes a value that is 1.2, then the request stylesheet "Stylel.2.css". 例如,在LESS文件中,设置了基础分辨率宽度是800px,高度是600px,此时变量值Obase的值是1,图片文件夹是Oimages,值为imagesl,每个高宽及位置上都乘以Obase变量,而每个图片的路径都是Oimages。 For example, in the LESS file, provided the basis for the resolution width 800px, 600px height, at this time the value of the variable value is 1 Obase, image folder is Oimages, is imagesl, are multiplied by the width and position of each of the high Obase variables, and path of each picture is Oimages. 这时,客户端发起了对stylel.2.css的请求。 In this case, the client initiates a request for stylel.2.css of. 服务端则将1.2赋给Obase变量,将imagesl.2赋给Oimages变量,同时生成1.2倍的图片文件大小至文件夹:imagesl.2。 1.2 server will assign Obase variables, imagesl.2 assigned Oimages variable, while generating 1.2 times the size of image files to a folder: imagesl.2.

[0050] 步骤104,将调整后的LESS文件向所述客户端发送,使所述客户端根据所述LESS文件生成网页并输出。 [0050] Step 104, the adjusted LESS file transmitted to the client, the client generates a web page file according to the LESS and outputs.

[0051] 网页服务器将调整后的LESS文件向所述客户端发送,客户端根据所述LESS文件生成网页并向用户输出。 [0051] LESS web file server to adjust the transmission to the client, the client generates a web page to a user according to the LESS output file.

[0052] 本发明实施例的技术方案,通过等比伸缩的方式完成显示网页分辨率的自适应,并通过LESS变量控制来生成适应不同屏幕的不同的CSS,根据不同的屏幕高、宽生成相应比例的图片;本发明实施例的技术方案能够兼容相对低级的且占有一定市场的浏览器,可自动动态扩展,适用一切设备的分辨率;给不适合以内容扩展来填充空白区域的方式来利用屏幕空间的网页,屏幕自适应调整的方式更合理。 [0052] The technical solutions in the embodiments of the present invention, the adaptive page displayed geometric resolution achieved by a telescopic manner, and adapted to generate different CSS LESS different screen by controlling a variable, according to the high different screen, to form the corresponding width ratio images; technical solutions of the embodiments of the present invention is compatible with a relatively low market and occupy a certain browser can automatically dynamically expanded for the resolution of all the devices; not fit to the content to expand to fill the blank area manner using web page screen space, the screen adaptation of the adjustment method is more reasonable.

[0053] 图2为本发明实施例二的网页适配调整方法的流程图,如图2所示,本发明实施例的网页适配调整方法包括以下步骤: [0053] FIG 2 is a flowchart of a method according to the second embodiment of the present invention to adjust the adaptation page, shown in Figure 2, the page adjusting method embodiments of the present invention adapted embodiment comprises the steps of:

[0054] 步骤201,接收服务器端发送的分辨率分析脚本后,根据所述分辨率分析脚本中的当前的分辨率与客户端的显示单元的分辨率计算分辨率调整参数。 [0054] Step 201, the server sends the resolution of the received script after analysis, according to the resolution of the display resolution analysis unit with the current resolution of the client script resolution adjustment parameter calculation end.

[0055] 客户端首先向网页服务器发送网页浏览请求,网页服务器接收到该网页浏览请求后,向该客户端发送分辨率分析脚本。 After the [0055] First, the client sends a request to the web server web browser, web server receives the request web browser, the client sends to the resolution of analysis of the script. 客户端接收到分辨率分析脚本后,将根据该客户端的显示单元所支持的分辨率以及所请求的网元当前的分辨率,计算出需调整的分辨率调整参数。 After receiving the script resolution analysis, according to the client's display unit supported by the current network element resolution and the requested resolution, the resolution of the calculated adjustment parameter to be adjusted. 该分辨率调整参数可以是分辨率调整比例值。 This resolution can be the resolution adjustment parameter adjustment factor values. 具体地,假设开发网页之初已设定好一个基础值为I倍大小,此处以800X600分辨率为基础值进行说明。 In particular, the beginning of the page has been assumed that the development of a foundation set up is I times the size, resolution of 800X600 here to baseline values ​​will be described. 例如,当确定出客户端的显示单元的分辨率为1280X720时,则计算1280/800 = 1.6 ;720/600 = 1.2,取比例值中较小的值即1.2,则请求样式表为“stylel.2.css”。 720/600 = 1.2, the ratio of the smaller value takes a value that is 1.2, then the request stylesheet "stylel.2; For example, when the resolution of the display unit of the determined client is 1280X720, then 1280/800 = 1.6 Calculation .css ". 本发明实施例中将所请求网页的分辨率与客户端端的显示单元所支持的分辨率分别进行比对,以确定出最终调整的分辨率调整参数,该调整参数选取横向及竖向分辨率中比例值最小的。 The resolution of the display unit web client side in the embodiment of the requested resolution supported by each embodiment of the present invention, for comparison, to determine the resolution of the final adjustment of the adjustment parameter, which adjustment parameter selection in the horizontal and vertical resolution the minimum scale value.

[0056] 步骤202,将所述调整参数向所述服务器端发送。 [0056] Step 202, the adjustment parameters are sent to the server.

[0057] 客户端计算出需调整的分辨率调整参数后,向网页服务器发送该分辨率调整参数。 After [0057] The client computing an adjustment parameter to be adjusted, the resolution, the resolution adjusting transmission parameters to the web server.

[0058] 步骤203,接收所述服务器端根据所述调整参数调整后的LESS文件,并根据所接收的LESS文件生成网页并输出;其中,调整后的LESS文件与所述客户端的显示单元的分辨率适配。 Wherein the resolution of the display unit, the adjusted LESS file of the client; [0058] Step 203, the server receives the file according to the LESS adjustment parameter, and generates a web page according to the LESS and outputs the received file rate adaptation.

[0059] 本发明实施例中,LESS文件中至少包括CSS文件和相关的图片文件。 Embodiment [0059] of the present invention, LESS file and CSS file comprises at least associated image file. 而调整所述客户端所请求的网页对应的LESS文件中的变量值,包括:将CSS文件及图片文件中的图片按缩放至所述调整参数的比例。 LESS document page corresponding to the adjustment of the client of the requested variable value, comprising: the ratio of the CSS file and the image file of the image by the scaling parameters to adjust. 例如,在LESS文件中,设置了基础分辨率宽度是800px,高度是600px,而客户端计算出的分辨率调整参数为1.2 ;此时变量值Obase的值是1,图片文件夹是Oimages,值为imagesl,每个高宽及位置上都乘以Obase变量,而每个图片的路径都是Oimages。 For example, in the LESS file, it provided the basis for the resolution width 800px, 600px height, and the resolution of the client computing an adjustment parameter is 1.2; Obase value at that time is a variable value, image folder is Oimages, value as imagesl, are multiplied by Obase variable width and height of each location, and the path of each picture is Oimages. 这时,客户端发起了对stylel.2.css的请求。 In this case, the client initiates a request for stylel.2.css of. 服务端则将1.2赋给Obase变量,将imagesl.2赋给Oimages变量,同时生成1.2倍的图片文件大小至文件夹:imagesl.2。 1.2 server will assign Obase variables, imagesl.2 assigned Oimages variable, while generating 1.2 times the size of image files to a folder: imagesl.2.

[0060] 网页服务器将调整后的LESS文件向所述客户端发送,客户端根据所述LESS文件生成网页并向用户输出。 [0060] LESS web file server to adjust the transmission to the client, the client generates a web page to a user according to the LESS output file.

[0061] 本发明实施例的技术方案,通过等比伸缩的方式完成显示网页分辨率的自适应,并通过LESS变量控制来生成适应不同屏幕的不同的CSS,根据不同的屏幕高、宽生成相应比例的图片;本发明实施例的技术方案能够兼容相对低级的且占有一定市场的浏览器,可自动动态扩展,适用一切设备的分辨率;给不适合以内容扩展来填充空白区域的方式来利用屏幕空间的网页,屏幕自适应调整的方式更合理。 [0061] The technical solutions in the embodiments of the present invention, the adaptive page displayed geometric resolution achieved by a telescopic manner, and adapted to generate different CSS LESS different screen by controlling a variable, according to the high different screen, to form the corresponding width ratio images; technical solutions of the embodiments of the present invention is compatible with a relatively low market and occupy a certain browser can automatically dynamically expanded for the resolution of all the devices; not fit to the content to expand to fill the blank area manner using web page screen space, the screen adaptation of the adjustment method is more reasonable.

[0062] 以下通过具体示例,进一步阐明本发明技术方案的实质。 [0062] By the following specific examples further illustrate the essence of the technical solutions of the present invention.

[0063] 图3为本发明实施例三的网页适配调整方法的流程图,如图3所示,本发明实施例的网页适配调整方法包括: [0063] FIG. 3 is a flowchart of a method to adjust the page adapted according to a third embodiment of the present invention, shown in Figure 3, the page adjusting method adapted to an embodiment of the present invention comprises:

[0064] 步骤1:服务端接受客户端发来的页面打开请求 [0064] Step 1: the server receiving the client to open a page request

[0065] 步骤2:服务端给客户端发送分辨率分析脚本 [0065] Step 2: the server to the client to send the resolution analysis of the script

[0066] 客户端请求到了页面服务端一般都会把网页直接发给客户端,此时在网页中的顶部、CSS调用之前写入分辨率分析脚本即可。 [0066] The client requests a page to the web server usually sent directly to the client, this time at the top of the page, the script is written resolution analysis can be invoked before CSS.

[0067] 步骤3:客户端根据分辨率分析脚本得出所需比例值并请求相应样式表。 [0067] Step 3: The client requests and obtain a desired ratio value according to the resolution corresponding stylesheet analysis script.

[0068] 在开发网页之初,已设定好一个基础值为I倍大小,此处以800X600分辨率为基础值进行说明。 [0068] At the beginning of the development of web pages, it has set up a foundation is I times the size, with a resolution of 800X600 here to baseline values ​​described below. 例如,当脚本判断出客户端分辨率为1280X720,则计算1280/800=1.6 ;720/600 = 1.2,取较小值四舍五入至小数点后一位,即1.2,则请求样式表“stylel.2.css,,。 For example, when the script is determined that the client 1280X720 resolution, is calculated 1280/800 = 1.6; 720/600 = 1.2, whichever is smaller rounded to one decimal place, i.e. 1.2, requesting style sheets "stylel.2. css ,,.

[0069] 步骤5:服务端根据请求,改变LESS文件中的变量值并生成所需CSS文件与相关的图片文件。 [0069] Step 5: The server requests, changing variable values ​​LESS file and CSS file and produce the desired related image file.

[0070] 例如,在LESS文件中,设置了基础分辨率宽度是800px,高度是600px,此时变量值Obase的值是1,图片文件夹是Oimages,值为imagesl,每个高宽及位置上都乘以了Obase变量,而每个图片的路径都是Oimages。 [0070] For example, in the LESS file, provided the basis for the resolution width 800px, 600px height, at this time the value of the variable value is 1 Obase, image folder is Oimages, is imagesl, width and position of each of the high multiplied by the Obase variables, and path of each picture is Oimages. 这时,客户端发起了对stylel.2.css的请求。 In this case, the client initiates a request for stylel.2.css of. 服务端则将1.2赋给Obase变量,将imagesl.2赋给Oimages变量,同时生成1.2倍的图片文件大小至文件夹:imagesl.2。 1.2 server will assign Obase variables, imagesl.2 assigned Oimages variable, while generating 1.2 times the size of image files to a folder: imagesl.2. 当然,如果服务器已存在1.2倍文件大小的文件则直接将1.2倍的CSS发送给客户端。 Of course, if the server already exists 1.2 times the file size of the file is 1.2 times the CSS directly sent to the client.

[0071] 步骤6:客户端接受相应的样式表并呈现页面。 [0071] Step 6: The client receiving the corresponding style sheet and the page is rendered.

[0072] 本发明实施例的技术方案,通过等比伸缩的方式完成显示网页分辨率的自适应,并通过LESS变量控制来生成适应不同屏幕的不同的CSS,根据不同的屏幕高、宽生成相应比例的图片;本发明实施例的技术方案能够兼容相对低级的且占有一定市场的浏览器,可自动动态扩展,适用一切设备的分辨率;给不适合以内容扩展来填充空白区域的方式来利用屏幕空间的网页,屏幕自适应调整的方式更合理。 [0072] The technical solutions in the embodiments of the present invention, the adaptive page displayed geometric resolution achieved by a telescopic manner, and adapted to generate different CSS LESS different screen by controlling a variable, according to the high different screen, to form the corresponding width ratio images; technical solutions of the embodiments of the present invention is compatible with a relatively low market and occupy a certain browser can automatically dynamically expanded for the resolution of all the devices; not fit to the content to expand to fill the blank area manner using web page screen space, the screen adaptation of the adjustment method is more reasonable.

[0073] 图4为本发明实施例一的网页适配调整装置的组成结构示意图,如图4所示,本示例的网页适配调整装置包括:第一接收单元40、第一发送单元41、第二接收单元42、调整单元43和第二发送单元44,其中: [0073] FIG. 4 is a schematic structural page composition adjusting device adapted according to a first embodiment of the present invention, shown in Figure 4, the page adjusting means adapted to the present example comprises: a first receiving unit 40, first sending unit 41, a second receiving unit 42, adjustment unit 43, and a second sending unit 44, wherein:

[0074] 第一接收单元40,用于接收客户端发送的网页浏览请求; [0074] The first receiving unit 40, for receiving web page browse request sent by a client;

[0075] 第一发送单元41,用于向所述客户端发送分辨率分析脚本; [0075] a first transmitting unit 41, sends a script to the client resolution analysis;

[0076] 第二接收单元42,用于接收所述客户端根据所述分辨率分析脚本计算出的分辨率调整参数; [0076] The second receiving unit 42, for receiving the adjustment parameter according to the client script resolution analysis calculated resolution;

[0077] 调整单元43,用于根据所述调整参数,调整所述客户端所请求的网页对应的样式表语言LESS文件中的变量值,使调整后的LESS文件与所述客户端的显示单元的分辨率适配; [0077] The adjustment unit 43, according to the document LESS Stylesheet Language adjustment parameter to adjust the web page requested by the client corresponding to the variable value, the display unit adjusted LESS file with the client's resolution adaptation;

[0078] 第二发送单元44,用于将调整后的LESS文件向所述客户端发送,使所述客户端根据所述LESS文件生成网页并输出。 [0078] LESS second file sending unit 44, for adjusting the transmission to the client, the client generates a web page file according to the LESS and outputs.

[0079] 上述,所述LESS文件中至少包括CSS文件和相关的图片文件。 [0079] above, the file includes at least LESS CSS file and the associated image file. 上述调整单元43,还用于将CSS文件及图片文件中的图片按缩放至所述调整参数的比例。 The adjustment means 43, for further proportion CSS files and image files in the image adjustment parameter according to the scale. 具体地,调整单元43调整所述客户端所请求的网页对应的LESS文件中的变量值,包括:在开发网页之初,已设定好一个基础值为I倍大小,此处以800X600分辨率为基础值进行说明。 Specifically, the adjusting unit 43 to adjust the value of the variable page file corresponding LESS requested by the client, comprising: at the beginning of the development of the page, has been set up is I times the size of a base, where in 800X600 resolution base value will be described. 例如,当确定出客户端分辨率为1280 X 720,则计算1280/800 = 1.6 ;720/600 = 1.2,取比例值中较小的值即1.2,则请求样式表为“stylel.2.css”。 720/600 = 1.2, the ratio of the smaller value takes a value that is 1.2, then the request stylesheet "stylel.2.css; e.g., when it is determined that the client resolution of 1280 X 720, then 1280/800 = 1.6 Calculation . " 例如,在LESS文件中,设置了基础分辨率宽度是800px,高度是600px,此时变量值Obase的值是1,图片文件夹是Oimages,值为imagesl,每个高宽及位置上都乘以Obase变量,而每个图片的路径都是Oimages。 For example, in the LESS file, provided the basis for the resolution width 800px, 600px height, at this time the value of the variable value is 1 Obase, image folder is Oimages, is imagesl, are multiplied by the width and position of each of the high Obase variables, and path of each picture is Oimages. 这时,客户端发起了对stylel.2.css的请求。 In this case, the client initiates a request for stylel.2.css of. 服务端则将1.2赋给Obase变量,将imagesl.2赋给Oimages变量,同时生成1.2倍的图片文件大小至文件夹dmagesl.2。 1.2 server will assign Obase variables, imagesl.2 assigned Oimages variable, while generating 1.2 times the size of image files to a folder dmagesl.2.

[0080] 图4所示的网页适配调整装置适用于网页服务器侧。 Page adaptation shown [0080] FIG. 4 adjusting means for the web server side.

[0081] 本领域技术人员应当理解,图4所示的网页适配调整装置中各处理单元的功能,可参照前述的网页适配调整方法的相关描述而理解,本发明实施例的网页适配调整装置中各处理单元,可通过实现本发明实施例所述的功能的模拟电路而实现,也可以通过执行本发明实施例所述的功能的软件在智能设备上的运行而实现。 [0081] Those skilled in the art will appreciate, the adjustment means is adapted web shown in FIG function of each processing unit, the method described in the related pages may be understood with reference to the adjustment fitting, web embodiment of the present invention is adapted adjusting means in each processing unit, can be achieved by realizing the functions according to embodiments of the present invention, an analog circuit, can be realized by performing the functions of a software running on the smart device embodiment of the present invention.

[0082] 图5为本发明实施例二的网页适配调整装置的组成结构示意图,如图5所示,本发明实施例的网页适配调整装置包括:第一接收单元50、计算单元51、发送单元52、第二接收单元53和生成输出单元54,其中: [0082] FIG. 5 is a schematic structural composition adapted page adjustment device according to the second embodiment of the present invention, shown in Figure 5, web embodiment of the present invention is adapted to adjust the apparatus comprising: a first receiving unit 50, calculation unit 51, sending unit 52, second receiving unit 53 and generating an output unit 54, wherein:

[0083] 第一接收单元50,用于接收服务器端发送的分辨率分析脚本; [0083] The first receiving unit 50, configured to receive resolution analysis scripts sent by the server;

[0084] 计算单元51,用于根据所述分辨率分析脚本中的当前的分辨率与客户端的显示单元的分辨率计算分辨率调整参数; [0084] The calculating unit 51, the resolution of the display unit for the current resolution of customer terminal calculation script resolution adjustment according to the parameter resolution analysis;

[0085] 发送单元52,用于将所述调整参数向所述服务器端发送; [0085] The sending unit 52, configured to transmit the adjustment parameter to the server;

[0086] 第二接收单元53,用于接收所述服务器端根据所述调整参数调整后的LESS文件;其中,调整后的LESS文件与所述客户端的显示单元的分辨率适配; [0086] The second receiving unit 53, for receiving the LESS file server according to the adjustment parameter; wherein the resolution of the display unit is adapted to adjust LESS file with the client;

[0087] 生成输出单元54,用于根据所接收的LESS文件生成网页并输出。 [0087] generating an output unit 54 for generating a web document according to the LESS and the received output.

[0088] 本发明实施例中,所述LESS文件中至少包括CSS文件和相关的图片文件。 Example [0088] The present invention includes at least said file LESS CSS file and the associated image file.

[0089] 计算单元51计算分辨率调整参数,具体地,在开发网页之初,已设定好一个基础值为I倍大小,此处以800X600分辨率为基础值进行说明。 [0089] The resolution calculating unit 51 calculates adjustment parameter, in particular, at the beginning of the development of the page, has been set up is I times the size of a base, where the base value in 800X600 resolution will be described. 例如,当脚本判断出客户端分辨率为1280 X 720,则计算1280/800 = 1.6 ;720/600 = 1.2,取较小值四舍五入至小数点后一位,即1.2,则请求样式表“stylel.2.css”。 For example, when it is determined that the client script resolution of 1280 X 720, is calculated 1280/800 = 1.6; 720/600 = 1.2, whichever is smaller rounded to one decimal place, i.e. 1.2, requesting style sheets "stylel. 2.css ".

[0090] 图5所示的网页适配调整装置适用于客户端。 Page adaptation shown [0090] FIG adjustment apparatus 5 applies to the client.

[0091] 本领域技术人员应当理解,图5所示的网页适配调整装置中各处理单元的功能,可参照前述的网页适配调整方法的相关描述而理解,本发明实施例的网页适配调整装置中各处理单元,可通过实现本发明实施例所述的功能的模拟电路而实现,也可以通过执行本发明实施例所述的功能的软件在智能设备上的运行而实现。 [0091] Those skilled in the art will appreciate, web means adapted to adjust the function shown in Figure 5 each processing unit, the method described in the related pages may be understood with reference to the adjustment fitting, web embodiment of the present invention is adapted adjusting means in each processing unit, can be achieved by realizing the functions according to embodiments of the present invention, an analog circuit, can be realized by performing the functions of a software running on the smart device embodiment of the present invention.

[0092] 本发明实施例所记载的技术方案之间,在不冲突的情况下,可以任意组合。 [0092] between the technical solutions described in the embodiment of the present invention, in the case of no conflict, it can be arbitrarily combined.

[0093] 在本发明所提供的几个实施例中,应该理解到,所揭露的方法、装置和电子设备,可以通过其它的方式实现。 [0093] The present invention provides several embodiments, it should be understood that the disclosed methods, apparatus, and an electronic device, may be implemented in other manners. 以上所描述的设备实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,如:多个单元或组件可以结合,或可以集成到另一个系统,或一些特征可以忽略,或不执行。 Example apparatus described above is merely exemplary, for example, the unit division is merely logical functions, can have other division, such as the actual implementation: a plurality of units or components may be combined, or It can be integrated into another system, or some features may be ignored or not performed. 另外,所显示或讨论的各组成部分相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口,设备或单元的间接耦合或通信连接,可以是电性的、机械的或其它形式的。 Further, the various components shown or discussed coupling, or direct coupling between each other, or the communication connection may be indirectly coupled or communicating through some interfaces, devices or units may be electrical, mechanical, or other form of.

[0094] 上述作为分离部件说明的单元可以是、或也可以不是物理上分开的,作为单元显示的部件可以是、或也可以不是物理单元,即可以位于一个地方,也可以分布到多个网络单元上;可以根据实际的需要选择其中的部分或全部单元来实现本实施例方案的目的。 [0094] As the above-described means may be separate components, or may not be physically separated, as the unit display member may be, or may not be physical units, i.e. may be located in one place and to be distributed to a plurality of networks unit; can select some or all of the units according to actual needs to achieve the object of the solutions of the embodiments.

[0095]另外,在本发明各实施例中的各功能单元可以全部集成在一个处理单元中,也可以是各单元分别单独作为一个单元,也可以两个或两个以上单元集成在一个单元中;上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加应用功能单元的形式实现。 [0095] Further, in the embodiment of the present invention, each of the functional units may be all integrated in one processing unit, each unit may be separately as a unit, may be two or more units are integrated into one unit ; the integrated unit may be implemented in the form of hardware, in the form of hardware units plus an application function may also be implemented.

[0096] 本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:移动存储设备、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。 [0096] Those of ordinary skill in the art will be understood: the hardware implementing the above method can be accomplished by a program instructing relevant to all or part of the steps embodiment, the program may be stored in a computer readable storage medium, the program execution when, comprising the step of performing the above-described embodiment of the method; and the storage medium comprising: a mobile storage device, a read only memory (ROM, Read-Only memory), a random access memory (RAM, random access memory), a magnetic disk or optical disk various other media may store program codes.

[0097] 或者,本发明实施例上述集成的单元如果以应用功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。 [0097] Alternatively, the above-described embodiment of the present invention is an integrated unit according If implemented as a separate product sold or used in the form of an application function module may be stored in a computer-readable storage medium. 基于这样的理解,本发明实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以应用产品的形式体现出来,该计算机应用产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本发明各个实施例所述方法的全部或部分。 Based on such understanding, the technical solutions of the embodiments of the present invention essentially, or the part contributing to the prior art may be embodied in the form of applications, the computer application product is stored in a storage medium and includes several instructions to enable a computer device (may be a personal computer, a server, or network device) to execute all or part of the methods of the various embodiments of the present invention. 而前述的存储介质包括:移动存储设备、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。 The storage medium comprising: a mobile storage device, a read only memory (ROM, Read-Only Memory), a random access various memory media (RAM, Random Access Memory), a magnetic disk or an optical disc capable of storing program code.

[0098] 本发明的保护范围并不局限于此,熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。 [0098] the scope of the present invention is not limited thereto, those skilled in the art in the art within the technical scope of the present invention is disclosed, variations or replacement that can be easily, shall fall within the protection scope of the present invention.

Claims (10)

1.一种网页适配调整方法,其特征在于,所述方法包括: 接收客户端发送的网页浏览请求后,向所述客户端发送分辨率分析脚本; 接收所述客户端根据所述分辨率分析脚本计算出的分辨率调整参数; 根据所述调整参数,调整所述客户端所请求的网页对应的样式表语言LESS文件中的变量值,使调整后的LESS文件与所述客户端的显示单元的分辨率适配; 将调整后的LESS文件向所述客户端发送,使所述客户端根据所述LESS文件生成网页并输出。 An adaptation method for adjusting web, characterized in that, the method comprising: receiving a web page browsing request sent by the client after transmission resolution analysis script to the client; receiving by the client according to the resolution analysis calculated script resolution adjustment parameters; the variable value LESS stylesheet language document the adjustment parameters, the adjustment requested by the client in a web page corresponding to the document display unit LESS adjusted with the client resolution adaptation; LESS file adjusted to transmit to the client, the client generates a web page file according to the LESS and outputs.
2.根据权利要求1所述的方法,其特征在于,所述LESS文件中至少包括CSS文件和相关的图片文件。 2. The method according to claim 1, wherein the file comprises at least LESS CSS file and the associated image file.
3.根据权利要求2所述的方法,其特征在于,所述调整所述客户端所请求的网页对应的LESS文件中的变量值,包括: 将CSS文件及图片文件中的图片按缩放至所述调整参数的比例。 3. The method according to claim 2, characterized in that the adjustment variable values ​​corresponding to the page LESS file requested by the client, comprising: a CSS file and the image file to the image zoom by said scaling parameters.
4.一种网页适配调整方法,其特征在于,所述方法包括: 接收服务器端发送的分辨率分析脚本后,根据所述分辨率分析脚本中的当前的分辨率与客户端的显示单元的分辨率计算分辨率调整参数; 将所述调整参数向所述服务器端发送; 接收所述服务器端根据所述调整参数调整后的LESS文件,并根据所接收的LESS文件生成网页并输出;其中,调整后的LESS文件与所述客户端的显示单元的分辨率适配。 After receiving the resolution sent by the server resolution analysis script according to the current resolution of the client script resolution analysis of the end of the display unit: An adaptation method for adjusting web, characterized in that the method comprises resolution was calculated adjustment parameter; the adjustment parameters are sent to the server; receiving the LESS file server according to the adjustment parameter, and generates a web page according to the LESS and outputs the received file; wherein adjusting the resolution of the display unit adapted LESS file after the client.
5.根据权利要求4所述的方法,其特征在于,所述LESS文件中至少包括CSS文件和相关的图片文件。 The method according to claim 4, wherein the file comprises at least LESS CSS file and the associated image file.
6.一种网页适配调整装置,其特征在于,所述装置包括:第一接收单元、第一发送单元、第二接收单元、调整单元和第二发送单元,其中: 第一接收单元,用于接收客户端发送的网页浏览请求; 第一发送单元,用于向所述客户端发送分辨率分析脚本; 第二接收单元,用于接收所述客户端根据所述分辨率分析脚本计算出的分辨率调整参数; 调整单元,用于根据所述调整参数,调整所述客户端所请求的网页对应的样式表语言LESS文件中的变量值,使调整后的LESS文件与所述客户端的显示单元的分辨率适配; 第二发送单元,用于将调整后的LESS文件向所述客户端发送,使所述客户端根据所述LESS文件生成网页并输出。 An adjustment apparatus adapted web, characterized in that, said means comprising: a first receiving unit, a first sending unit, a second receiving unit, adjustment unit and a second sending unit, wherein: the first receiving means, with receiving at the client web browser sends a request; a first sending unit, configured to send the script to the resolution analysis client; a second receiving means for receiving the client script is calculated based on the resolution of the analysis resolution adjustment parameter; adjusting unit, according to the value of the variable LESS stylesheet language document the adjustment parameters, the adjustment requested by the client in a web page corresponding to the file with the client LESS adjusted ends the display unit resolution adaptation; a second transmission unit for the adjusted LESS file transmitted to the client, the client generates a web page file according to the LESS and outputs.
7.根据权利要求6所述的装置,其特征在于,所述LESS文件中至少包括CSS文件和相关的图片文件。 7. The device according to claim 6, wherein said file includes at least LESS CSS file and the associated image file.
8.根据权利要求7所述的装置,其特征在于,所述调整单元,还用于将CSS文件及图片文件中的图片按缩放至所述调整参数的比例。 8. The apparatus according to claim 7, wherein the adjustment unit is further configured to proportion the CSS files and image files in the image adjustment parameter according to the scale.
9.一种网页适配调整装置,其特征在于,所述装置包括:第一接收单元、计算单元、发送单元、第二接收单元和生成输出单元,其中: 第一接收单元,用于接收服务器端发送的分辨率分析脚本; 计算单元,用于根据所述分辨率分析脚本中的当前的分辨率与客户端的显示单元的分辨率计算分辨率调整参数; 发送单元,用于将所述调整参数向所述服务器端发送; 第二接收单元,用于接收所述服务器端根据所述调整参数调整后的LESS文件;其中,调整后的LESS文件与所述客户端的显示单元的分辨率适配; 生成输出单元,用于根据所接收的LESS文件生成网页并输出。 A control device adapted web, characterized in that, said means comprising: a first receiving unit, a computing unit, transmitting unit, receiving unit and generating a second output unit, wherein: a first receiving means for receiving the server analysis script sends resolution; calculating means for calculating a resolution according to the resolution of the display unit to adjust the parameters of the current resolution of the client script resolution analysis terminal; transmitting means for adjusting the parameters sending to the server; a second receiving unit configured to receive the file server according to the LESS adjustment parameter; wherein the resolution of the display unit is adapted to adjust LESS file with the client; output generating means for generating a web document according to the LESS and the received output.
10.根据权利要求9所述的装置,其特征在于,所述LESS文件中至少包括CSS文件和相关的图片文件。 10. The apparatus according to claim 9, wherein the file comprises at least LESS CSS file and the associated image file.
CN201510069448.3A 2015-02-10 2015-02-10 Webpage adaptive adjustment method and device CN105989069A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510069448.3A CN105989069A (en) 2015-02-10 2015-02-10 Webpage adaptive adjustment method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510069448.3A CN105989069A (en) 2015-02-10 2015-02-10 Webpage adaptive adjustment method and device

Publications (1)

Publication Number Publication Date
CN105989069A true CN105989069A (en) 2016-10-05

Family

ID=57041778

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510069448.3A CN105989069A (en) 2015-02-10 2015-02-10 Webpage adaptive adjustment method and device

Country Status (1)

Country Link
CN (1) CN105989069A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106528895A (en) * 2016-12-29 2017-03-22 重庆南华中天信息技术有限公司 CSS resource front-end display device
CN106598616A (en) * 2016-12-21 2017-04-26 福建中金在线信息科技有限公司 Packaging method and apparatus for Less library

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101996206A (en) * 2009-08-11 2011-03-30 阿里巴巴集团控股有限公司 Method, device and system for displaying web page
CN103677720A (en) * 2013-12-25 2014-03-26 乐视网信息技术(北京)股份有限公司 Picture display method and device based on website
CN104270345A (en) * 2014-09-12 2015-01-07 上海斐讯数据通信技术有限公司 Server, client and screen information acquisition method of client

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101996206A (en) * 2009-08-11 2011-03-30 阿里巴巴集团控股有限公司 Method, device and system for displaying web page
CN103677720A (en) * 2013-12-25 2014-03-26 乐视网信息技术(北京)股份有限公司 Picture display method and device based on website
CN104270345A (en) * 2014-09-12 2015-01-07 上海斐讯数据通信技术有限公司 Server, client and screen information acquisition method of client

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
UCHE QGBUJI: "在CSS中使用LESS实现更多功能", 《HTTPS://WWW.IBM.COM/DEVELOPERWORKS/CN/WEB/WA-LESS/INDEX.HTML》 *
WHSNOW: "JS获取当前网页大小以及屏幕分辨率等", 《HTTPS://WWW.JB51.NET/ARTICLE/54848.HTM》 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106598616A (en) * 2016-12-21 2017-04-26 福建中金在线信息科技有限公司 Packaging method and apparatus for Less library
CN106528895A (en) * 2016-12-29 2017-03-22 重庆南华中天信息技术有限公司 CSS resource front-end display device

Similar Documents

Publication Publication Date Title
US8307279B1 (en) Smooth zooming in web applications
JP5306429B2 (en) Method for digital document processing
JP5022301B2 (en) Proxy server, communication relay program, and communication relay method
CN101449270B (en) Automatic display of resized images
CN102663126B (en) Method and device for displaying webpage in mobile terminal
CA2840416A1 (en) Remote browsing session management
US10042950B2 (en) Method and apparatus for modifying the font size of a webpage according to the screen resolution of a client device
US9071651B2 (en) Dynamic content delivery to network-enabled static display device
US20080215966A1 (en) Adaptive server-based layout of web documents
CN102819530A (en) Method and device for displaying electronic map
CN101777066B (en) Web page rendering and browsing system for mobile communication equipment terminals and application method thereof
CN102314502A (en) Method and equipment for displaying webpage main content on mobile terminal
CN101860533A (en) Data transmission method based on C/S architecture browser and server
WO2012155849A1 (en) Webpage browsing method, proxy server and webpage browsing system
US20140215314A9 (en) Method for rearranging web page
JP6114834B2 (en) Information presentation method, apparatus, program, and recording medium
CN103218434A (en) Method and device for loading static resource
CN102346782A (en) Method and device for displaying pictures on browser of user terminal as required
CN102023849A (en) Processing method and device for multi-platform multi-resolution application program interface
CN104007991A (en) Method and device for adjusting application program interface layout
CN103379127B (en) Method and apparatus for data interaction between the server and client
CN103365855B (en) Method to generate web pages and servers
CN102682093A (en) Web page sectionally-loading method and web page sectionally-loading system for mobile browser
CN102577327A (en) Method, apparatus and system for realizing web browsing in remote desk environment
CN102750148A (en) Media information display method and device

Legal Events

Date Code Title Description
C06 Publication
C10 Entry into substantive examination