TW201800962A - Webpage file sending method, webpage rendering method and device and webpage rendering system - Google Patents

Abstract

The embodiment of the invention discloses a webpage file sending method, a webpage rendering method and device and a webpage rendering system. The webpage file sending method comprises the steps that a server receives a webpage request which is sent by a terminal and carries user agent information corresponding to the terminal; the server determines equipment information, corresponding to the user agent information, of the terminal according to the user agent information; and the server acquires webpage files corresponding to the equipment information and sends the webpage files to the terminal. Before webpage rendering, the equipment information of the terminal is determined, and it is determined that the webpage files corresponding to the equipment information are all executed by the server, so that the problem of excessively consuming processing resources of the terminal when the terminal executes the steps is avoided, and then the webpage rendering performance of the terminal is improved.

Description

Webpage file sending method, webpage rendering method and device, and webpage rendering system

The present invention relates to the technical field of the Internet, and in particular, to a method for sending a webpage file, a method and device for rendering a webpage, and a webpage rendering system.

Nowadays, accessing various webpages through the user end of the browser or application APP has become one of the pipelines for people to obtain information. At present, various terminals used by people often have different device information (such as the size of the screen of the terminal), and according to the different device information provided by the terminal, different web page styles can be displayed on the terminal. For example, Sina.com (https://www.sina.com.cn/) is displayed on mobile phones and computers in different webpage styles.

Generally, the terminal can render different web page styles by obtaining different web page files from the server. The web page files may include: CSS (Cascading Style Sheets) files, pictures, and the like. In the prior art, in the process of requesting a webpage through a browser or a user terminal, a terminal first sends a webpage request to a server, and then, the server responds to the webpage request and returns to the terminal during the webpage loading process. Web files that may be used. The terminal received the webpage file returned by the server After that, it needs to detect its own device information and use a media query method to determine a webpage style that is compatible with the device information and a webpage file that needs to be loaded to render the webpage style. In the end, the terminal may select a web page file (such as a CCS file, picture, etc.) to be loaded from the web page files returned by the server and use these web page files to render a web page.

The above prior art has at least the following problems:

Before the terminal renders a webpage, a media query method is needed to determine the webpage style that is compatible with the device information of the terminal and the webpage file that needs to be loaded to render the webpage style, and select the currently required webpage file from the webpage file returned by the server. Loaded web file. Because the above steps performed by the terminal before rendering a webpage require a certain processing resource of the terminal and affect the performance of the terminal to a certain extent.

An object of the embodiments of the present invention is to provide a webpage file sending method, a webpage rendering method and device, and a webpage rendering system, so as to solve the foregoing problems in the prior art.

In order to solve the above technical problems, the webpage file sending method, webpage rendering method and device, and webpage rendering system provided by the embodiments of the present invention are implemented as follows: A webpage file sending method includes: a server receiving a terminal sent by a terminal and the terminal Web request for corresponding user agent information; The server determines device information of the terminal corresponding to the user agent information according to the user agent information; the server obtains a webpage file corresponding to the device information and sends it to the terminal.

A webpage rendering method includes: a terminal sends a webpage request to a server carrying user agent information corresponding to the terminal; the terminal receives a webpage file corresponding to the terminal's device information returned by the server; and The device information is determined by the server according to the user agent information; the terminal renders a webpage by using a webpage file corresponding to the device information.

A webpage file sending device includes: a receiving unit, a determining unit, an obtaining unit, and a sending unit; the receiving unit receives a webpage request sent by a terminal carrying user agent information corresponding to the terminal; and the determining unit is based on the User agent information to determine device information of the terminal corresponding to the user agent information; the obtaining unit obtains a web file corresponding to the device information; and the sending unit sends to the terminal the device corresponding to the device Web documents corresponding to the information.

A webpage rendering device includes: a sending unit, a receiving unit, and a rendering unit; the sending unit sends a webpage request that carries user agent information corresponding to a terminal to a server; and the receiving unit receives The webpage file corresponding to the device information of the terminal; the device information is determined by the server according to the user agent information; the The rendering unit uses a webpage file corresponding to the device information to render a webpage.

A webpage rendering system includes a server, a first database, and a second database. The first database stores a mapping relationship between user agent information and device information, and the second database stores a correspondence with device information. The webpage file, the server receives the webpage request carrying the user agent information sent by the terminal, and queries from the first database the device information corresponding to the user agent information carried in the webpage request, the The server obtains a webpage file corresponding to the device information from the second database, and sends the obtained webpage file to the terminal.

The at least one technical solution adopted in the embodiment of the present invention can achieve the following beneficial effects:

In the process of the terminal requesting a web page, the server determines the device information of the terminal corresponding to the user agent information according to the user agent information carried in the web page request sent by the terminal, and determines various web pages corresponding to the device information according to the device information. The file is sent to the terminal, so that the terminal renders the webpage by using the webpage file corresponding to the device information. Compared with the prior art, before the webpage is rendered, the device information of the terminal and the webpage files corresponding to the device information are determined to be executed by the server, which avoids the above process being performed by the terminal, and thus avoids the terminal performing the above steps. The problem of excessive consumption of processing resources of the terminal improves the performance of the terminal.

S101‧‧‧step

S102‧‧‧step

S103‧‧‧step

S103‧‧‧step

10‧‧‧Terminal

20‧‧‧Terminal

S201‧‧‧step

S202‧‧‧step

S203‧‧‧step

S204‧‧‧step

S205‧‧‧step

S206‧‧‧step

S207‧‧‧step

100‧‧‧Terminal

101‧‧‧ browser or client

110‧‧‧Web page rendering device

111‧‧‧ sending unit

113‧‧‧Receiving unit

115‧‧‧ rendering unit

200‧‧‧Server

210‧‧‧ Web File Sending Device

211‧‧‧Receiving unit

213‧‧‧ Confirmation unit

215‧‧‧Get Unit

217‧‧‧ sending unit

300‧‧‧ First Database

400‧‧‧Second Database

In order to more clearly explain the technology of the embodiment of the present invention or the prior art For the solution, the drawings used in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings in the following description are just some embodiments recorded in the present invention. For those of ordinary skill in the art, In other words, other drawings can be obtained based on these drawings without paying progressive labor.

FIG. 1 is a flowchart of a webpage request process according to an embodiment of the present invention; FIG. 2 shows an example of displaying different webpage styles on different terminals; and FIG. 3 is a server-based webpage provided by an embodiment of the present invention A flowchart of a file sending method; FIG. 4 is a schematic diagram of a webpage rendering device and a webpage file sending device according to an embodiment of the present invention.

In order to enable those skilled in the art to better understand the technical solutions in the present invention, the technical solutions in the embodiments of the present invention will be clearly and completely described with reference to the accompanying drawings in the embodiments of the present invention. Obviously, the described The embodiments are only a part of the embodiments of the present invention, but not all the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without making progressive labor should fall within the protection scope of the present invention.

At present, web pages can be displayed in various browsers or users or users of application apps. The speed at which the client side loads various webpage files and uses the webpage files to render webpage pages directly affects the user experience. The rendering process of a web page refers to the HTML (Hyper Text Mark) returned by a server (web server or application server) according to rules defined by CSS (Cascading Style Sheets). -up Language (Hypertext Markup Language) code is displayed in a browser or user-side window.

Aiming at the problem that a server in the prior art may return a part of a webpage file that does not need to be loaded to the terminal, the following technical solution is proposed in this paper to at least solve this problem.

FIG. 1 is a process of webpage request provided by an embodiment of the present invention. This process is jointly completed by a terminal and a server. A user enters a web address (a function variable name) in a browser or a user terminal on the terminal. ) To request access to a webpage, the server is a server corresponding to the URL requested by the terminal. In this embodiment, the webpage request process includes the following steps:

Step S101: The terminal sends a webpage request to the server carrying user agent information corresponding to the terminal.

Generally, a user can request access to a webpage by entering a web address in a browser of a terminal or a client. After entering a website address, the terminal needs to send a webpage request (ie, an HTTP request) to the server corresponding to the website address. Before sending the above webpage request, the browser or user first needs to establish a connection with the web server through the network, and the connection can be completed by the TCP protocol. Once the terminal has established a connection with the server, A browser or client can send a web request to the server. The webpage request may include: a request method URI agreement / version, request header information, and a request body. The request header information may include some information corresponding to the user environment and information corresponding to the request body. For example, the request header can declare the language used by the browser or client, the length of the request body, and so on.

The following is an example of a web page request: GET / sample.jspHTTP / 1.1 Accept: image / gif.image / jpeg, * / * Accept-Language: en-us Connection: Keep-Alive Host: localhost User-Agent: Mozila / 4.0 (compatible; MSIE5.01; Window NT5.0) Accept-Encoding: gzip, deflate username = jinqiao & password = 1234

In the above example, the first line of the webpage request is "Method URL Protocol / Version": GET / sample.jsp HTTP / 1.1; Request Header information is: Accept: image / gif.image / jpeg. * / * Accept-Language: en-US Connection: Keep-Alive Host: localhost User-Agent: Mozila / 4.0 (compatible: MSIE5.01: Windows NT5.0) Accept-Encoding: gzip, deflate

There is usually a blank line between the request header and the request body, indicating that the request header information has ended, and the next is the request body. In the above example, the request body can contain the query string information submitted by the user: username = jinqiao & password = 1234. In the above example, the request body has only one line of content. Of course, in practical applications, the request body can contain more content.

In the embodiment of the present invention, the webpage request includes User-Agent (UA) information. The user-agent information refers to identification information unique to a browser or a user terminal of the terminal, and includes: a hardware platform and a system. Software, applications, and user preferences. An example of user agent information for a mobile terminal is as follows: Mozilla / 5.0 (Linux; U; Android 4.1.1; zh-cn; GT-I9100 Build / JRO03H; CyanogenMod-10) AppleWebKit / 534.30 (KHTML, like Gecko) Version /4.0 Mobile Safari / 534.30

Step S102: The server determines device information corresponding to the user agent information according to the user agent information.

In the process of webpage request, for the terminal with different device information, the webpage style to be rendered is not the same, that is, the webpage style finally rendered on the terminal's browser or user terminal needs to be based on the terminal. Device information to determine. In the embodiment of the present invention, after receiving the webpage request, the server is required to determine device information corresponding to a terminal that sends the webpage request. About the device information, including but not limited to: display information of the terminal, other hardware information of the terminal, operation of the terminal Industry system information, etc. The display information may include screen resolution information, pixel density information, or screen size. In short, according to the device information of the terminal, a webpage style that is adapted to the device information can be rendered.

Figure 2 shows an example of displaying different webpage styles on different terminals. In FIG. 2, the terminals 10 and 20 have different device information, for example, the resolutions of the screens are different. It is assumed that a certain webpage includes webpage modules A, B, and C, and the webpage module may be, for example, an image, a text, a button, or the like. It can be seen that when the terminals 10 and 20 request the webpage, the rendered webpage styles can be different, and different webpage styles can be reflected in the size of the text, the position and layout of the webpage module, and so on.

In an embodiment of the present invention, before step S102, the method further includes the following steps:

The server generates a mapping relationship between user agent information and device information in advance, and the generated mapping relationship can be stored in the database of the web server.

For example: with user agent information: "Mozilla / 5.0 (Linux; U; Android 4.1.1; zh-cn; GT-I9100 Build / JRO03H; CyanogenMod-10) AppleWebKit / 534.30 (KHTML, like Gecko) Version / 4.0 Mobile Safari / 534.30 "mapped device information is: 480px * 800px; and user agent information:" Mozilla / 5.0 (Windows; U; Windows NT 5.1; en-US; rv: 0.9.4) Gecko / 20011128 Netscape6 /6.2.1 "mapped device information: 1920px * 1080px; etc.

Accordingly, the above step S102 specifically includes: the server searches for the device information of the terminal mapped to the user agent information according to the mapping relationship between the user agent information and the device information generated in advance.

With the above method, after receiving a webpage request sent by a terminal (browser or user terminal), the server can extract the user-agent information carried from the webpage request and search for a pre-formed information based on the user-agent information. Database to find device information mapped to that user-agent information. Generally, for each user agent information in the database, there is only device information (such as display information) that is mapped to the user agent information. Of course, there is also a possibility that the device information mapped to the current user agent information cannot be found because there is no corresponding record in the database. For this situation, the solution will be described in detail below.

It is worth mentioning that, in other embodiments of the present invention, before the above step S102, the method may further include the following steps:

The server stores the mapping relationship between the device information and the characteristic information, wherein the characteristic information is included in the user agent information. The above characteristic information may be any of the following: equipment brand model information, equipment operating system information, and the like. For example, a piece of user agent information is: Mozilla / 5.0 (Linux; U; Android 4.1.1; zh-cn; GT-I9100 Build / JRO03H; CyanogenMod-10) AppleWebKit / 534.30 (KHTML, like Gecko) Version / 4.0 Mobile Safari / 534.30, then the device brand model information is: "GT-I9100", the operating system information of the device The message is: "Android 4.1.1". It should be noted that the mapping relationship between the device information and the feature information may be generated in advance by the server. Alternatively, it is gradually generated by the server through a self-learning process. Alternatively, the mapping relationship between the device information and the feature information (that is, not necessarily generated by the server) is configured by an administrator.

Accordingly, the above step S102 may specifically include the following steps:

The server extracts feature information included in the user agent information; the server determines device information of the terminal corresponding to the feature information according to a mapping relationship between the previously generated device information and the feature information. In addition, the server can obtain the device information corresponding to the user agent information by analyzing the user agent information. For example, the server can determine the device information corresponding to "GT-I9100" by extracting the device brand and model information carried in the user agent information: "GT-I9100" (for example, the screen pixel information is: 480px * 800px, screen size information: 4.3 inches); for another example, the server extracts the operating system information carried in the user agent information: "Android 4.1.1" to determine the corresponding to "Android 4.1.1" A possible range of device information (such as: the screen size is: 3.0 ~ 5.3 inches, the pixel information of the screen is: (480px ~ 800px) * (800px ~ 1280px)).

Step S103: The server obtains a webpage file corresponding to the device information and sends it to the terminal.

The webpage files may include: HTML files, CSS files, JS (JavaScript) files, pictures, and so on. Web pages are generally rendered based on the above various web files. In addition, the above web file also It can be called a web page resource, which can include static resources and dynamic resources.

In the embodiment of the present invention, before step S103, the method further includes the following steps:

a) The server determines a file identifier of a web page file corresponding to the device information according to the device information, wherein the file identifier may be, for example, a URL (Uniform Resource Locator) of a web page file or File name, the URL for example: * Picture: "HTTP: //static.ak.fbcdn.net/rsrc.php/z12E0/hash/8q2anwu7.gif" "HTTP: //static.ak.fbcdn.net/rsrc .php / zBS5C / hash / 7hwy7at6.gif "* CSS file:" HTTP: //static.ak.fbcdn.net/rsrc.php/z448Z/hash/2plh8s4n.css "" HTTP: //static.ak.fbcdn .net / rsrc.php / zANE1 / hash / cvtutcee.css "* JS file:" HTTP: //static.ak.fbcdn.net/rsrc.php/ZEMOA/hash/c8yzb6ub.js "" HTTP: // static .ak.fbcdn.net / rsrc.php / z6R9L / hash / cq2lgbs8.js "

For another example: when the resolution width (ie, device information) of the terminal screen is 400px, determine that the file name (ie, file identifier) of the CSS file (one of the webpage files) corresponding to the device information is: "400.css" ; When the width of the resolution of the terminal screen (ie, the device information) is 800px, it is determined that the file name (ie, the file identifier) of the CSS file corresponding to the device information is: "800.css".

b) the server sends to the terminal a File (ie HTML file).

Generally, after receiving a web page request from a terminal, a server (web server or application server) needs to return a corresponding HTTP response (HTTP Response) to the terminal in response to the web page request (HTTP request) sent by the terminal. The HTTP response (that is, the above-mentioned HTML document) may include: protocol status version code description information, response header (Response Header) information, and a response body. The returned HTML response may include the file identifiers determined above, such as the URL or file name of the CSS file of the required application, the URL of the picture of the required application, and so on. The HTML file may only include a file identifier of a web page file that the browser or user terminal needs to use in a subsequent web page rendering process. Following the above example, if the screen resolution of the current terminal is 400px * 800px, the CSS file required for the rendering process should be "400.css", and the HTML file returned by the server should contain: <link href = "400.css" /> This information; if the screen resolution of the current terminal is 800px * 1280px, the CSS file used in the rendering process should be "800.css", and the HTML file returned by the server should contain: <link href = "800. css "/>. In other words, the server may return to the terminal an HTML file containing the file identifiers of different webpage files according to the determined device information. The returned HTML files generally do not include the rest of the webpage files that do not need to be loaded. File identification. Following the above example, in the prior art, no matter the screen resolution of the terminal is "400px * 800px" or "800px * 1280px", the above CSS files need to be returned to the terminal: "400.css" and "800.css" , For screenshots For a terminal with a resolution of "400px * 800px", the above-mentioned CSS file: "800.css" is a webpage file that does not need to be loaded (that is, a webpage file that does not need to be used during the rendering of the webpage). Compared with the prior art, the embodiments of the present invention can return a webpage file corresponding to the device information to the terminal according to different screen resolutions (device information) of the terminal.

Accordingly, based on the above content, the above step S103 specifically includes the following steps:

c) The server receives a file acquisition request carrying the file identifier sent by the terminal.

Generally, after receiving the HTML file returned by the server, the browser or user terminal can obtain various web page files (such as CSS files and CSS files) embedded in the current web page style by sending corresponding file acquisition requests to the server. Picture, etc.), the file acquisition request carries a URL of a webpage file.

d) The server sends a webpage file corresponding to the file identification to the terminal in response to the file acquisition request.

It is worth noting that, in other embodiments of the present invention, the server may determine the web page style to be rendered corresponding to the current device information, and accordingly obtain various web page files to which the current web page style needs to be applied, and directly apply The obtained various webpage files are returned to the terminal for webpage rendering, that is, after the terminal (browser or user terminal) sends the HTTP request to the server, it may not need to send to the server for File acquisition requests for various web files.

Step S104: The terminal receives a webpage file corresponding to the device information. The webpage is rendered using the received webpage file to display the corresponding webpage style on the screen of the terminal. Since the web page rendering process is a technique known in the art, this article will not go into details.

FIG. 3 is a flowchart of a method for sending a webpage file using a server as a main body according to an embodiment of the present invention. Referring to the embodiment described in FIG. 1 above, in an embodiment of the present invention, if the technical solution is implemented from the perspective of a server, the method for sending a webpage file includes the following steps:

S201: The server receives a webpage request sent by a terminal and carrying user agent information corresponding to the terminal.

S202: The server determines device information of the terminal corresponding to the user agent information according to the user agent information.

S204: The server obtains a webpage file corresponding to the device information and sends it to the terminal.

The above step S201 may refer to the content of the above step S101, the above step S202 may refer to the content of the above step S102, and the above step S204 may refer to the content of the above step S103, which will not be repeated here.

In an optional embodiment of the present invention, the method for sending a webpage file further includes:

Step S203: Determine whether device information corresponding to the user agent information is found. If it is found, it proceeds to step S204; if it is not found, it proceeds to the following step S205.

Step S205: The server returns a basic resource package corresponding to the webpage request to the terminal.

The basic resource package may generally include various webpage files that need to be loaded for all possible rendering webpage styles. That is, after receiving the basic resource package, a terminal with any device information may use the basic resource package according to the basic resource package. Select a web file to load in a web style that matches your device information. After receiving the above-mentioned basic resource package, the terminal can collect its own device information (such as display information), and then dynamically determine the web page style that is suitable for its own device information, and the various loading requirements corresponding to the web page style. A webpage file, and a webpage file to be loaded is selected from the above-mentioned basic resource package, and finally the selected webpage file is used for rendering the webpage.

Step S206: The server receives the device information and user agent information corresponding to the terminal returned by the terminal. The device information is obtained by the terminal when a web page is loaded by using the basic resource package.

In this embodiment, while the terminal (browser or user terminal) is rendering the webpage, the device information of the current terminal can be dynamically collected by a certain method (such as JavaScript), such as the resolution information of the screen and the screen's Pixel density information, screen size information, operating system information used, hardware platform information, etc.

Step S207: The server generates and stores the mapping relationship between the returned device information and the user agent information.

The terminal may send a request command carrying the above-mentioned device information and user agent information to the server, so that the server forms a certain mapping relationship between the collected device information and user agent information, and stores it in the database. With the above steps S205 ~ S207, the user agent When the device information corresponding to the information is used, the data in the current database (the correspondence between the user agent information and the device information) is supplemented or improved by means of terminal collection, thereby achieving the "self-learning process" of the database. . With the above-mentioned "self-learning process", during the subsequent query of the database by the server, there is no problem that the device information corresponding to the user agent information cannot be found, that is, the matching result can always be found , So that the execution efficiency of the server can be continuously improved.

The embodiment described in FIG. 3 described the technical solution of the present invention from the perspective of a server. In fact, the present invention can also be implemented from the perspective of a terminal, and can also solve the above problems. Referring to the embodiment described in FIG. 1 above, a webpage rendering method provided by an embodiment of the present invention includes the following steps:

The terminal sends a webpage request that carries user agent information corresponding to the terminal to the server.

The terminal receives a webpage file corresponding to the device information of the terminal returned by the server. The device information is determined by the server according to the user agent information.

The terminal renders a webpage by using a webpage file corresponding to the device information.

As described above, in the webpage file sending method and webpage rendering method provided by the foregoing embodiments, the server determines the terminal corresponding to the user agent information according to the user agent information carried in the webpage request sent by the terminal. Device information based on the device information to determine the corresponding web file and send it to the terminal, so that the terminal uses corresponding device information The above webpage file performs webpage rendering. Compared with the prior art, before the server returns the webpage file required for the webpage rendering process to the terminal, the server needs to determine the device information of the terminal and obtain the webpage file corresponding to the device information, so that the final server returns the It is a webpage file required for the webpage rendering process, and avoids returning other webpage files that do not need to be loaded to the above terminal. To a certain extent, it can reduce the consumption of network resources.

On the other hand, in the prior art, since a terminal (browser or user terminal) generally needs to collect its own device information and use a Media Query method to determine the web page style and Various webpage documents to be loaded in the webpage style, and from the webpage documents returned by the server, various webpage documents to be loaded are selected. It can be seen that, in the prior art, in addition to the problem of adding extra and redundant resource download costs (that is, extra consumption of network resources), resulting in poor loading performance, there are also the following problems: the terminal is rendering a web page Before, you need to determine your own device information. You also need to use the media query method to determine the web page file to be loaded, and select the web page file to be loaded from the web page file returned by the server. To a certain extent, the terminal performs the above steps. The processes need to consume their own processing resources. In other words, in the process of web page rendering, the terminal also needs to consider which web page style to render and which web page conditions to apply. This will inevitably affect the performance of the web page rendered by the browser or user end, and reduce the web page response speed. It can be seen that, by using the foregoing method provided by the embodiment of the present invention, before the webpage is rendered, the device information of the terminal is determined and the webpage files corresponding to the device information are determined to be The execution by the server prevents the terminal from performing the above process, thereby avoiding the problem of excessively consuming the processing resources of the terminal due to the terminal performing the above steps, thereby improving the performance of the terminal rendering the webpage and the speed of the webpage response.

It should be noted that, the execution subjects of the steps of the methods provided in the foregoing embodiments may be the same device, or the methods may also be executed by different devices. For example, the execution subject of steps S201 and S202 may be device 1 and the execution subject of step S203 may be device 2; for another example, the execution subject of step S201 may be device 1 and the execution subject of steps S202 and S203 may be device 2 ;and many more.

FIG. 4 is a schematic diagram of a webpage rendering device and a webpage file sending device according to an embodiment of the present invention. Referring to FIG. 4, in an embodiment of the present invention, the terminal 100 includes a browser or user terminal 101, a web page rendering device 110, and the server 200 includes a web page file sending device 210. The web page rendering device 110 and the web page described above The file sending device 210 may exist in the terminal 100 and the server 200 in software, or in a combination of hardware or software and hardware, respectively. The server 200 and the terminal 100 can communicate with each other through a network. The terminal 100 and the server 200 may include a display screen, a processing unit, a memory, a non-volatile memory, a bus, and an input / output device. In addition to the hardware, the terminal 100 and the server 200 also include corresponding software. It should be noted that the functions that can be implemented by each unit in the above-mentioned web page rendering device are similar to the functions that can be implemented by each step in the above-mentioned web page rendering method, so the specific details of the web page rendering device can refer to the above web page rendering The content of the method embodiment will not be described in detail herein again. Similarly, for specific details of the webpage file sending device, reference may be made to the content of the embodiment of the webpage file sending method.

Referring to FIG. 4, in the embodiment of the present invention, the webpage file sending device 210 includes a receiving unit 211, a determining unit 213, an obtaining unit 215, and a sending unit 217. The receiving unit 211 receives a webpage request sent by the sending unit 111 of the terminal 100 and carries the user agent information corresponding to the terminal 100; and the determining unit 213 determines a connection with the user based on the user agent information. Device information of the terminal corresponding to the proxy information; the obtaining unit 215 obtains a web file corresponding to the device information; and the sending unit 217 sends the web file corresponding to the device information to the terminal. The determining unit 213 can search the device information corresponding to the user agent information by searching the first database 300. The above first database 300 can store a mapping of the user agent information and the device information in advance. relationship. In addition, the obtaining unit 215 may obtain various webpage files by sending a request to the second database 400, and the sent request may be HTTP header information carrying device information. The second database 400 can be stored in various web files (resources), such as: HTML files, CSS files, pictures, JS files, and so on. The various web files stored in the second database 400 are mapped to device information. In this way, the obtaining unit 215 can obtain various webpage files corresponding to the device information from the second database 400 according to the currently determined device information.

By using the above web file sending device, the embodiment of the present invention can at least Achieve the following technical effects:

Compared with the prior art, before the server returns the webpage file required for the webpage rendering process to the terminal, the server needs to determine the device information of the terminal and obtain the webpage file corresponding to the device information, so that the final server returns the It is a webpage file required for the webpage rendering process, and avoids returning other webpage files that do not need to be loaded to the above terminal. To a certain extent, it can reduce the consumption of network resources. In addition, with the above method provided by the embodiment of the present invention, before the webpage is rendered, the device information of the terminal and the webpage file corresponding to the device information are determined to be executed by the server, which avoids the above process being performed by the terminal, thereby avoiding The problem that the terminal executes the above steps consumes the processing resources of the terminal excessively, thereby improving the performance of the terminal rendering the webpage and increasing the response speed of the webpage.

In an optional embodiment of the present invention, the webpage file sending device 210 further includes: a generating unit that generates a mapping relationship between user agent information and device information in advance; then, the determining unit 213 is based on the user agent information generated in advance Mapping relationship with device information to find device information of the terminal that is mapped to the user agent information; in another embodiment, the webpage file sending device 210 further includes: a generating unit that generates device information and Mapping relationship of feature information; wherein the feature information is included in the user agent information; Then, the determining unit 213 includes: an information extraction unit and an information query unit; the information extraction unit extracts feature information included in the user agent information; and the information query unit is based on the pre-generated device information and feature information. The mapping relationship determines device information of the terminal corresponding to the characteristic information.

Continuing to refer to FIG. 4, in the embodiment of the present invention, a webpage rendering device 110 includes: a sending unit 111, a receiving unit 113, and a rendering unit 115; the sending unit 111 sends to the receiving unit 211 of the server 200 to carry a corresponding terminal A request for a webpage of user agent information; the receiving unit 113 receives a webpage file corresponding to the device information of the terminal 100 returned by the server; the device information is determined by the determining unit 213 of the server 200 according to the Determined by the user agent information; the rendering unit 115 uses a web page file corresponding to the device information to render a web page.

In an optional embodiment of the present invention, the webpage rendering device 110 further includes: a file receiving unit that receives a file returned by the server; the file includes a file identifier of a webpage file corresponding to the device information of the terminal; and a request sending unit Sending an acquisition request carrying the file identifier to the server; the receiving unit 113 receives a webpage file corresponding to the device information of the terminal returned by the server in response to the acquisition request.

With the above webpage rendering device, the embodiments of the present invention can achieve at least the following technical effects:

Compared with the prior art, before the server returns the webpage file required for the webpage rendering process to the terminal, the server needs to determine the device information of the terminal and obtain the webpage file corresponding to the device information, so that the final server returns the It is a webpage file required for the webpage rendering process, and avoids returning other webpage files that do not need to be loaded to the above terminal. To a certain extent, it can reduce the consumption of network resources. In addition, with the above method provided by the embodiment of the present invention, before the webpage is rendered, the device information of the terminal and the webpage file corresponding to the device information are determined to be executed by the server, which avoids the above process being performed by the terminal, thereby avoiding The problem that the terminal executes the above steps consumes the processing resources of the terminal excessively, thereby improving the performance of the terminal rendering the webpage and increasing the response speed of the webpage.

Continuing to refer to FIG. 4, in an embodiment of the present invention, a web page rendering system includes: a server 200, a first database 300 and a second database 400. The first database 300 stores user agent information and device information. Mapping relationship, the second database 400 stores a webpage file corresponding to device information, the server 200 receives a webpage request carrying user agent information sent from the terminal 100, and retrieves the webpage file from the first database 300 Querying device information corresponding to the user agent information carried in the webpage request, the server 200 obtains a webpage file corresponding to the device information from the second database 400, and will obtain the webpage file obtained Send to terminal 100.

In an optional embodiment of the present invention, the above system may further include: Web API (Application Programming Interface, Application Programming Development Interface) and TFS (Team Foundation Server, Decentralized File System) interface, the Web API and TFS interface are both based on the server 200 and the first database 300 to provide services to the upper business, the Web API and the TFS interface can be used The different results (such as HTML, pictures, etc.) returned from the second database 400 are packaged into corresponding APIs (such as Ajax), so that various upper-level services can call the above APIs, thereby facilitating the implementation of the services and enhancing the user experience.

For the convenience of description, when describing the above device, the functions are divided into various units and described separately. Of course, when implementing the present invention, the functions of each unit may be implemented in the same or multiple software and / or hardware.

Those skilled in the art should understand that the embodiments of the present invention may be provided as a method, a system, or a computer program product. Therefore, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Moreover, the present invention may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to magnetic disk memory, CD-ROM, optical memory, etc.) containing computer-usable code therein. .

The present invention is described with reference to flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to embodiments of the present invention. It should be understood that each flow and / or block in the flowchart and / or block diagram, and a combination of the flow and / or block in the flowchart and / or block diagram can be implemented by computer program instructions. These computer program instructions can be provided to the processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing device to generate a machine, so that the computer or other programmable device The instructions executed by the processor of the statistical data processing device generate means for implementing the functions specified in one or more flowcharts and / or one or more blocks of the block diagram.

These computer program instructions may also be stored in computer readable memory that can guide a computer or other programmable data processing device to work in a specific manner, so that the instructions stored in the computer readable memory generate a manufactured article including a command device , The instruction device implements the functions specified in a flowchart or a plurality of processes and / or a block or a block of the block diagram.

These computer program instructions can also be loaded on a computer or other programmable data processing equipment, so that a series of operating steps can be performed on the computer or other programmable equipment to generate computer-implemented processing, and thus on the computer or other programmable equipment The instructions executed on the steps provide steps for implementing the functions specified in one or more flowcharts and / or one or more blocks of the block diagram.

It should also be noted that the terms "including," "including," or any other variation thereof are intended to cover non-exclusive inclusion, so that a process, method, product, or device that includes a series of elements includes not only those elements, but also Other elements not explicitly listed, or those that are inherent to such a process, method, product, or device. Without more restrictions, the elements defined by the sentence "including a ..." do not exclude the existence of other identical elements in the process, method, product, or equipment that includes the elements.

Those skilled in the art should understand that the embodiments of the present invention may be provided as a method, a system or a computer program product. Therefore, the present invention can be completely hardware Examples, full software examples, or a combination of software and hardware aspects. Moreover, the present invention may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to magnetic disk memory, CD-ROM, optical memory, etc.) containing computer-usable code therein. .

The invention can be described in the general context of computer-executable instructions executed by a computer, such as program modules. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform specific tasks or implement specific abstract data types. The invention can also be practiced in decentralized computing environments in which tasks are performed by remote processing devices connected via a communication network. In a distributed computing environment, program modules can be located in local and remote computer storage media, including storage devices.

Each embodiment in this specification is described in a progressive manner, and the same or similar parts between the various embodiments can be referred to each other. Each embodiment focuses on the differences from other embodiments. In particular, for the system embodiment, since it is basically similar to the method embodiment, the description is relatively simple. For the relevant part, refer to the description of the method embodiment.

The above description is only an embodiment of the present invention and is not intended to limit the present invention. It will be apparent to those skilled in the art that various modifications and variations can be made in the present invention. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present invention shall be included in the scope of patent application of the present invention.

Claims (15)

A method for sending a webpage file includes: a server receives a webpage request sent by a terminal carrying user agent information corresponding to the terminal; and the server determines a correspondence with the user agent information according to the user agent information Device information of the terminal; the server obtains a webpage file corresponding to the device information and sends it to the terminal. The method according to item 1 of the scope of patent application, wherein before the server obtains a webpage file corresponding to the device information and sends it to the terminal, the method further includes: the server according to the device Information to determine a file identifier of a webpage file corresponding to the device information; the server sends a file containing the file identifier to the terminal; the server obtains a webpage file corresponding to the device information and sends the The terminal sending specifically includes: the server receiving a file acquisition request sent by the terminal carrying the file identifier; the server responding to the file acquisition request, acquiring a web file corresponding to the device information, and Sending to the terminal. The method according to item 1 of the scope of patent application, wherein before the server determines device information of the terminal corresponding to the user agent information according to the user agent information, the method further includes: The server stores a mapping relationship between user agent information and device information. The server determines device information of the terminal corresponding to the user agent information according to the user agent information, and specifically includes: The server searches for the device information of the terminal that is mapped to the user agent information according to the mapping relationship between the user agent information and the device information generated in advance; or the server according to the user agent information Before determining the device information of the terminal corresponding to the user agent information, the method further includes: storing, by the server, a mapping relationship between the device information and feature information; the feature information is the user Included in the agent information; the server determining device information of the terminal corresponding to the user agent information according to the user agent information specifically includes: the server extracts the user agent information from the user agent information The included feature information; the server queries and compares the stored information with the mapping information between the feature information and the feature information Sign information corresponding to apparatus information of the terminal. The method according to item 3 of the scope of patent application, wherein the server searches for device information of the terminal mapped to the user agent information according to a mapping relationship between user agent information and device information generated in advance. After that, the method further includes: if the terminal mapped to the user agent information is not found The device information, the server returns the basic resource package corresponding to the webpage request to the terminal; the server receives the device information and user agent information corresponding to the terminal returned by the terminal, and generates a return And store the mapping between device information and user agent information. The method according to any one of claims 1 to 4, wherein the device information includes display information. The method according to item 5 of the scope of patent application, wherein the display information includes resolution information or pixel density information or screen size information. A webpage rendering method includes: a terminal sends a webpage request to a server carrying user agent information corresponding to the terminal; the terminal receives a webpage file corresponding to the terminal's device information returned by the server; and The webpage file received by the terminal is obtained by the server according to the device information, and the device information is determined by the server based on the user agent information; the terminal uses a correspondence with the device information Webpage file for webpage rendering. The method according to item 7 of the scope of patent application, wherein before the terminal receives a webpage file corresponding to the device information of the terminal returned by the server, the method further includes: the terminal receives the server A file returned by the browser; the file contains a file identifier of a webpage file corresponding to the device information of the terminal; Sending, by the terminal, an acquisition request carrying the file identifier to the server; and receiving, by the terminal, a web page file corresponding to the device information of the terminal returned by the server, specifically includes that the terminal receives the server The browser responds to the webpage file corresponding to the device information of the terminal returned by the acquisition request. The method according to item 7 of the scope of patent application, wherein the method further comprises: if the server does not determine the device information of the terminal corresponding to the user agent information, the terminal receives the The server returns a basic resource package corresponding to the webpage request; the terminal uses the basic resource package to load a webpage, and collects device information and user agent information corresponding to the terminal; The server sends the device information and the user agent information corresponding to the device information. The method according to any one of claims 7 to 9, wherein the device information includes display information. A webpage file sending device includes: a receiving unit, a determining unit, an obtaining unit, and a sending unit; the receiving unit receives a webpage request sent by a terminal carrying user agent information corresponding to the terminal; and the determining unit is based on the User agent information to determine device information of the terminal corresponding to the user agent information; the obtaining unit obtains a web file corresponding to the device information; and the sending unit sends to the terminal the device corresponding to the device Web documents corresponding to the information. The device according to item 11 of the scope of patent application, wherein the device further comprises: a storage unit that stores a mapping relationship between user agent information and device information; and the determining unit is based on the stored user agent information and Mapping relationship of device information to find device information of the terminal that is mapped to the user agent information; or the device further includes: a storage unit that stores a mapping relationship between device information and feature information; the feature The information is included in the user agent information; then the determining unit includes: an information extraction unit and an information query unit; the information extraction unit extracts feature information included in the user agent information; the information query unit Query device information of the terminal corresponding to the characteristic information according to the mapping relationship between the stored device information and the characteristic information. A webpage rendering device includes: a sending unit, a receiving unit, and a rendering unit; the sending unit sends a webpage request that carries user agent information corresponding to a terminal to a server; and the receiving unit receives The webpage file corresponding to the device information of the terminal; the webpage file received by the terminal is obtained by the server according to the device information, and the device information is the server according to the user agent The information is determined; the rendering unit uses a webpage file corresponding to the device information to render a webpage. The device according to item 13 of the scope of patent application, wherein the device further comprises: a file receiving unit that receives a file returned by the server; the file includes a file identifier of a web page file corresponding to the device information of the terminal; The request sending unit sends an acquisition request carrying the file identifier to the server; the receiving unit receives a webpage file corresponding to the device information of the terminal returned by the server in response to the acquisition request. A webpage rendering system includes a server, a first database, and a second database. The first database stores a mapping relationship between user agent information and device information, and the second database stores a correspondence with device information. The webpage file, the server receives the webpage request carrying the user agent information sent by the terminal, and queries from the first database the device information corresponding to the user agent information carried in the webpage request, the The server obtains a webpage file corresponding to the device information from the second database, and sends the obtained webpage file to the terminal.