TWI670611B - Web file sending method, webpage rendering method and device, 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 includes: the server receiving a webpage request sent by the terminal and carrying the user agent information corresponding to the terminal; the server determining, according to the user agent information, determining the information corresponding to the webpage proxy information The device information of the terminal; the server acquires a webpage file corresponding to the device information and sends the webpage file to the terminal. Before the rendering of the webpage, determining the device information of the terminal and determining that the webpage file corresponding to the device information is executed by the server, thereby avoiding the problem of excessively consuming the processing resources of the terminal by the terminal performing the above steps, thereby improving the rendering of the webpage by the terminal. Performance.

Description

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

The invention relates to the field of internet technology, and particularly relates to a webpage file sending method, a webpage rendering method and device, and a webpage rendering system.

Nowadays, accessing various web pages through the browser of a 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 terminal screen), and different web page styles can be displayed on the terminal for different device information of the terminal. For example, Sina.com (http://www.sina.com.cn/) is displayed on mobile phones and computers in different webpage styles.

Generally, the terminal may render different webpage styles by acquiring different webpage files from the server, and the webpage files may include: CSS (Cascading Style Sheets) files, pictures, and the like. In the prior art, in the process of requesting a webpage by a browser or a client, first, the terminal sends a webpage request to the server, and then the server returns to the terminal in the process of loading the webpage in response to the webpage request. A web page file that may be used. The terminal receives the webpage file returned by the server. After that, it is necessary to detect the device information of the device, and use a media query method to determine the style of the webpage adapted to the device information and the webpage file to be loaded to render the webpage style. Finally, the terminal may select a webpage file (such as a CCS file, a picture, etc.) currently loaded from the webpage file returned by the server, and use the webpage file to render the webpage.

The above prior art has at least the following problems:

Before the terminal renders the webpage, the media query method is needed to determine the webpage style adapted to the device information of the terminal and the webpage file to be loaded by rendering the webpage style, and select the current required from the webpage file returned by the server. Loaded web page file. Since the above steps performed by the terminal before rendering the webpage need to consume certain processing resources of the terminal, the performance of the terminal is affected to some extent.

An object of the present invention is to provide a webpage file sending method, a webpage rendering method and apparatus, and a webpage rendering system to solve the above problems in the prior art.

To solve the above technical problem, the webpage file sending method, the webpage rendering method and apparatus, and the webpage rendering system provided by the embodiment of the present invention are implemented as follows: a webpage file sending method includes: a server receiving terminal carrying the port and the terminal a web page request for the 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 acquires a webpage file corresponding to the device information and sends the file to the terminal.

A webpage rendering method includes: the terminal sends a webpage request carrying the user agent information corresponding to the terminal to the server; the terminal receives the 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 performs rendering of the webpage by using a webpage file corresponding to the device information.

A webpage file transmitting apparatus, comprising: a receiving unit, a determining unit, an obtaining unit, and a sending unit; the receiving unit receiving a webpage request sent by the terminal and carrying user agent information corresponding to the terminal; the determining unit according to the User agent information, determining device information of the terminal corresponding to the user agent information; the obtaining unit acquiring a webpage file corresponding to the device information; the sending unit sending the device to the terminal The web page file corresponding to the information.

A webpage rendering apparatus includes: a sending unit, a receiving unit, and a rendering unit; the sending unit sends a webpage request carrying user agent information corresponding to the terminal to the server; and the receiving unit receives the information returned by the server a 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 rendering unit performs rendering of the webpage by using a webpage file corresponding to the device information.

A webpage rendering system includes a server, a first database, and a second database, wherein the first database stores a mapping relationship between user agent information and device information, and the second database stores information corresponding to device information. a webpage file, the server receiving a webpage request that is sent by the terminal and carrying the user agent information, and querying the first database for device information corresponding to the user agent information carried in the webpage request, 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 above at least one technical solution adopted by the embodiment of the present invention can achieve the following beneficial effects:

In the process of requesting the webpage by the terminal, the server determines the device information of the terminal corresponding to the user agent information according to the user agent information carried by the webpage request sent by the terminal, and determines various webpages corresponding to the device according to the device information. The file is sent to the terminal, so that the terminal uses the webpage file corresponding to the device information to perform rendering of the webpage. Compared with the prior art, before the webpage is rendered, determining the device information of the terminal and determining that the webpage file corresponding to the device information is executed by the server, the execution of the foregoing process by the terminal is avoided, thereby avoiding the terminal performing the above steps. Excessive consumption of processing resources of the terminal, improving the performance of the terminal.

S101‧‧‧Steps

S102‧‧‧Steps

S103‧‧‧Steps

S103‧‧‧Steps

10‧‧‧ Terminal

20‧‧‧ Terminal

S201‧‧‧ steps

S202‧‧‧Steps

S203‧‧‧Steps

S204‧‧‧Steps

S205‧‧‧Steps

S206‧‧‧ steps

S207‧‧‧Steps

100‧‧‧ Terminal

101‧‧‧ browser or user side

110‧‧‧Web rendering device

111‧‧‧Send unit

113‧‧‧ Receiving unit

115‧‧‧ rendering unit

200‧‧‧Server

210‧‧‧Web file sending device

211‧‧‧ receiving unit

213‧‧‧Determining unit

215‧‧‧Acquisition unit

217‧‧‧Send unit

300‧‧‧First database

400‧‧‧Second database

In order to more clearly illustrate the embodiments of the present invention or the techniques in the prior art BRIEF DESCRIPTION OF THE DRAWINGS The accompanying drawings, which are used in the description of the embodiments of the present invention, will be briefly described below, and the drawings in the following description are merely some of the embodiments described in the present invention. In other words, other drawings can be obtained based on these drawings without paying progressive labor.

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

In order to make those skilled in the art 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 in conjunction with the accompanying drawings in the embodiments of the present invention. The embodiments are only a part of the embodiments of the invention, and not all of the embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments of the present invention without departing from the present invention should fall within the scope of the present invention.

Currently, web pages can be displayed in various browsers or on the user side of the client or application app, while the browser or the browser The speed at which the user loads various web page files and renders the web page using the web page file directly affects the user experience. The rendering process of a web page refers to the HTML (Hyper Text Mark) returned by the server (the server of the web server or the application APP) according to the rules defined by the CSS (Cascading Style Sheets). -up Language, the process of displaying code in a browser or user-side window.

In view of the problem that the server existing in the prior art may return part of the webpage file that does not need to be loaded to the terminal, the following technical solutions are proposed to solve at least this problem.

FIG. 1 is a process of requesting a webpage according to an embodiment of the present invention. The process is performed by a terminal and a server. The user inputs a certain web address by using a browser or a user end on the terminal. To request access to a web page, the server is a server corresponding to the web address requested by the terminal. In this embodiment, the foregoing webpage request process includes the following steps:

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

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

The following is an example of a web page request: GET/sample.jspHTTP/1.1 Accept:image/gif.image/jpeg,*/* Accept-Language:zh-cn 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 web page request is "method URL discussion/version": GET/sample.jsp HTTP/1.1; the request header (Request Header) information is: Accept:image/gif.image/jpeg.*/ * Accept-Language: zh-cn Connection: Keep-Alive Host: localhost User-Agent: Mozila/4.0 (compatible: MSIE5.01: Windows NT5.0) Accept-Encoding: gzip, deflate

A line can usually be blank between the request header information and the request body, indicating that the request header information has ended, followed by the request body. In the above example, the request body may 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, and the user agent information refers to the identifier information unique to the browser or the user end of the terminal, including: a hardware platform and a system. Software, application software, 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 requesting a webpage, for a terminal having different device information, the style of the webpage to be rendered is not the same, that is, the style of the webpage finally rendered on the browser or the user end of the terminal needs to be based on the terminal. Device information to determine. In the embodiment of the present invention, after the server receives the webpage request, the server determines the device information corresponding to the terminal that sends the webpage request. Information about the device, including but not limited to: display information of the terminal, other hardware information of the terminal, and work of the terminal Industry system information, etc. The display information may include resolution information of the screen, or pixel density information, or the size of the screen. In summary, according to the device information of the terminal, a webpage style adapted to the device information can be rendered.

Figure 2 shows an example of displaying different web page styles on different terminals. In FIG. 2, the terminals 10, 20 respectively have different device information, for example, the resolution of the screen is different. The webpage module includes a webpage module A, B, and C. The webpage module may be, for example, a picture, a text, a button, or the like. It can be seen that when the terminal 10, 20 requests the webpage, the rendered webpage styles may be different, and different webpage styles may be reflected in the size of the text, the location and layout of the webpage module, and the like.

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

The server pre-generates the mapping relationship between the user agent information and the device information, 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: 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" The device information for phase mapping is: 1920px*1080px; and so on.

Correspondingly, the step S102 includes: the server searching for device information of the terminal that is mapped with the user agent information according to a mapping relationship between the user agent information and the device information generated in advance.

After receiving the webpage request sent by the terminal (browser or user end), the server may extract the carried user agent information from the webpage request, and search for the pre-formed according to the user proxy information. The database to find device information mapped to the user agent information. Generally, for each user agent information in the database, there will be unique device information (such as display information) mapped to the user agent information. Of course, there is also the possibility that the device information that is mapped to the current user agent information cannot be found because there is no corresponding record in the database. For this case, the solution will be specifically described below.

It is to be noted that, in other embodiments of the present invention, before the step S102, the method may further include the following steps:

The server stores the mapping relationship between the device information and the feature information; wherein the feature information is included in the user agent information. The above characteristic information may be any one of the following: device brand model information, equipment operating system information, and the like. For example, a 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, the device brand model information is: "GT-I9100", the operating system of the equipment The news is: "Android 4.1.1". It should be noted that the mapping relationship between the device information and the feature information may be pre-generated by the server. Or, it is gradually generated by the server through a self-learning process. Or, the administrator configures the mapping relationship between the device information and the feature information (that is, not necessarily generated by the server).

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

The server extracts the feature information included in the user agent information; the server determines the device information of the terminal corresponding to the feature information according to the mapping relationship between the device information and the feature information generated in advance. In addition, the server can obtain 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 the “GT-I9100” by extracting the device brand model information carried in the user agent information: “GT-I9100” (eg, the pixel information of the screen is: 480px*) 800px, the screen size information is: 4.3 inches); for example, the server can determine the corresponding operation information of "Android 4.1.1" by extracting the operating system information carried in the user agent information: "Android 4.1.1" A possible range of device information (eg, the size of the screen is: 3.0 to 5.3 inches, and the pixel information of the screen is: (480px~800px)*(800px~1280px)).

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

The web page file may include: an HTML file, a CSS file, a JS (JavaScript) file, a picture, and the like. Web pages are generally rendered based on the various web page files described above. In addition, the above webpage file is also It can be referred to as a web resource, and the web resource can include a static resource and a dynamic resource.

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

a) the server determines, according to the device information, a file identifier of a webpage file corresponding to the device information, where the file identifier may be, for example, a URL of a webpage file (Uniform Resource Locator) or File name, the URL is for example: * Image: "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 width of the resolution of the terminal screen (ie, the device information) is 400px, the file name (ie, the file identifier) of the CSS file (one of the webpage files) corresponding to the device information is determined as: “400.css” When the width of the resolution of the terminal screen (ie, device information) is 800px, it is determined that the file name (ie, file identifier) of the CSS file corresponding to the device information is: "800.css".

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

Generally, after receiving the webpage request of the terminal, the server (the server of the web server or the application APP) responds to the webpage request (HTTP request) sent by the terminal, and needs to return a corresponding HTTP response (HTTP Response) to the terminal. The HTTP response (ie, the HTML file above) may include: an agreement status version code description information, a response header (Response Header) information, and a response body. The returned HTML response may include the above identified file identifier, such as the URL or file name of the CSS file of the desired application, the URL of the image of the desired application, and the like. The HTML file may only include the file identifier of the webpage file that the browser or the user end needs to adopt in the subsequent webpage rendering process. According to the above example, if the current terminal resolution is 400px*800px, the CSS file to be used in 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 current terminal resolution is 800px*1280px, the CSS file to be used in the rendering process should be "800.css", and the HTML file returned by the server should contain: <link href="800. Css"/> This information. That is to say, the server may return an HTML file containing file identifiers of different webpage files to the terminal according to the determined device information, and the returned HTML file generally does not include the remaining webpage files that do not need to be loaded. File identification. According to the above example, in the prior art, whether the 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 the screen solution For a terminal with a resolution of "400px*800px", the above CSS file: "800.css" is a webpage file that does not need to be loaded (ie, a webpage file that does not need to be used in the rendering process of the webpage). Compared with the prior art, the embodiment of the present invention can specifically return the webpage file corresponding to the device information to the terminal according to the difference of the screen resolution (device information) of the terminal.

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

c) The server receives the file acquisition request sent by the terminal and carries the file identifier.

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

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

It should be noted that, in other embodiments of the present invention, the server may determine a webpage style to be rendered corresponding to the current device information, and obtain various webpage files to be applied to the current webpage style, and directly The obtained webpage files are returned to the terminal for rendering of the webpage, that is, after the terminal (browser or user end) sends the HTTP request to the server, the server may not be sent to the server. Get file access requests for various web page files.

Step S104: The terminal receives a webpage file corresponding to the device information, And using the received webpage file to render the webpage to display the corresponding webpage style on the screen of the terminal. Since the web page rendering process is a technique well known in the art, it will not be described in detail herein.

FIG. 3 is a flowchart of a method for sending a webpage file with 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 the terminal and carries 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 acquires a webpage file corresponding to the device information and sends the webpage file to the terminal.

The above step S201 can refer to the content of the above step S101. The above step S202 can refer to the content of the above step S102. The above step S204 can refer to the content of the above step S103, and details are not described herein again.

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

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

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 are required to be loaded by all possible rendered webpage styles, that is, a terminal having any device information may receive the basic resource bundle according to the basic resource bundle after receiving the basic resource bundle. Select the web page file to be loaded into the webpage style that matches the information of its own device. After receiving the basic resource package, the terminal may collect its own device information (such as display information), and then dynamically determine a webpage style suitable for its own device information, and various required loadings corresponding to the webpage style. The webpage file, and select the webpage file to be loaded from the basic resource package, and finally use the selected webpage file to render 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 the webpage is loaded by using the basic resource package.

In this embodiment, the terminal (browser or user end) can dynamically collect the device information of the current terminal by a certain method (such as JavaScript) while performing webpage rendering, such as: resolution information of the screen, screen Pixel density information, screen size information, operating system information, hardware platform information, etc.

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

The terminal may send a request command for carrying the device information and the user agent information to the server, so that the server forms a certain mapping relationship between the collected device information and the user agent information, and stores the information in the database. By the above steps S205~S207, the user agent can not be queried. 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 the method of terminal collection, thereby realizing the "self-learning process" of the database. . Through the above-mentioned "self-learning process", in the process of 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. Therefore, the execution efficiency of the server can be continuously improved.

The embodiment described above with reference to Fig. 3 illustrates 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 the above problem can be solved as well. Referring to the embodiment introduced in FIG. 1 above, a webpage rendering method according to an embodiment of the present invention includes the following steps:

The terminal sends a webpage request carrying the 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 performs rendering of the webpage by using a webpage file corresponding to the device information.

As described above, in the webpage file sending method and the 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 by the webpage request sent by the terminal. Device information, determining various webpage files corresponding to the device information according to the device information and transmitting to the terminal, so that the terminal uses the device information corresponding to the device The above webpage file is used to render the webpage. Compared with the prior art, before the server returns the webpage file required by the webpage rendering process to the terminal, the device information of the terminal needs to be determined, and the webpage file corresponding to the device information is obtained, so that the final server returns to the terminal. It is a webpage file required by the webpage rendering process, and avoids returning other webpage files that do not need to be loaded to the above terminal, and to a certain extent, can reduce the consumption of network resources.

On the other hand, in the prior art, since the terminal (browser or user end) generally needs to collect its own device information, and uses a Media Query method to determine the web page style corresponding to the current device information and The webpage style needs to load various webpage files, and select various webpage files to be loaded from the webpage file returned by the server. It can be seen that in addition to the problem that the additional and redundant resource downloading cost (that is, the additional consumption of network resources) is added in the prior art, resulting in poor loading performance, the following problems exist: the terminal is performing webpage rendering. 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 some extent, the terminal performs the above steps. All processes need to consume their own processing resources. That is to say, in the process of rendering the webpage, the terminal also needs to consider which webpage style to render, which webpage conditions need to be applied, which will inevitably affect the performance of the webpage rendered by the browser or the user end, and reduce the webpage 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, determining device information of the terminal and determining that the webpage file corresponding to the device information is Executed by the server, the above process is avoided by the terminal, 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 improving the response speed of the webpage.

It should be noted that the execution bodies of the steps of the methods provided by the foregoing embodiments may all be the same device, or the method may also be performed by different devices. For example, the execution body of step S201 and step S202 may be device 1, and the execution body of step S203 may be device 2; for example, the execution body of step S201 may be device 1, and the execution body of step S202 and step S203 may be device 2 ;and many more.

FIG. 4 is a schematic diagram of a webpage rendering apparatus and a webpage file sending apparatus 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 a client 101, a webpage rendering device 110, and the server 200 includes a webpage file sending device 210, wherein the webpage rendering device 110 and the webpage are The file transmitting device 210 may be present in the terminal 100 and the server 200 in a combination of software or hardware or hardware and software. The server 200 and the terminal 100 can communicate with each other through a network. The terminal 100 and the server 200 may include hardware such as a display screen, a processing unit, a memory, a non-volatile memory, a bus bar, and an input/output device. In addition to the above hard body, the terminal 100 and the server 200 described above further include corresponding software. It should be noted that the functions that can be implemented by each unit in the webpage rendering apparatus are similar to those of the steps in the webpage rendering method described above. Therefore, the specific details of the webpage rendering apparatus can be referred to the above webpage rendering. The content of the method embodiment is not described herein again. Similarly, the specific details of the webpage file transmitting apparatus may refer to the content of the embodiment of the webpage file transmitting method.

Referring to FIG. 4, in the embodiment of the present invention, the webpage file sending apparatus 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 that is sent by the sending unit 111 of the terminal 100 and carries user agent information corresponding to the terminal 100. The determining unit 213 determines the user with the user according to the user agent information. The device information of the terminal corresponding to the proxy information; the obtaining unit 215 acquires a webpage file corresponding to the device information; and the sending unit 217 sends a webpage file corresponding to the device information to the terminal. The determining unit 213 can search for the device information corresponding to the user agent information by searching the first database 300. The first database 300 can store the 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 webpages (resources), such as HTML files, CSS files, images, JS files, etc., and various webpage files stored in the second database 400 are mapped with 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.

With the above webpage file transmitting apparatus, the embodiment of the present invention can at least The following technical effects are achieved:

Compared with the prior art, before the server returns the webpage file required by the webpage rendering process to the terminal, the device information of the terminal needs to be determined, and the webpage file corresponding to the device information is obtained, so that the final server returns to the terminal. It is a webpage file required by the webpage rendering process, and avoids returning other webpage files that do not need to be loaded to the above terminal, and to a certain extent, can reduce the consumption of network resources. In addition, by the foregoing method provided by the embodiment of the present invention, before the webpage is rendered, determining device information of the terminal and determining that the webpage file corresponding to the device information is executed by the server, thereby avoiding performing the foregoing process by the terminal, thereby avoiding Because the terminal performs the above steps, the problem of processing resources of the terminal is excessively consumed, thereby improving the performance of the terminal rendering the webpage and improving the response speed of the webpage.

In an optional embodiment of the present invention, the webpage file sending apparatus 210 further includes: a generating unit, which generates a mapping relationship between the user agent information and the device information in advance; then, the determining unit 213 is based on the pre-generated user agent information. And mapping the device information to the 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, pre-generating device information and a mapping relationship of feature information; wherein the feature information is included in the user agent information; The determining unit 213 includes: an information extracting unit and an information query unit; the information extracting unit extracts feature information included in the user agent information; and the information query unit is based on pre-generated device information and feature information. Mapping the relationship, determining device information of the terminal corresponding to the feature information.

With reference to FIG. 4, in the embodiment of the present invention, a webpage rendering apparatus 110 includes: a sending unit 111, a receiving unit 113, and a rendering unit 115. The sending unit 111 sends a carrying to the receiving unit 211 of the server 200 to carry the corresponding terminal. a webpage request of the 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. The user agent information is determined; the rendering unit 115 performs rendering of the webpage by using a webpage file corresponding to the device information.

In an optional embodiment of the present invention, the webpage rendering apparatus 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 device information of the terminal; and a request sending unit And sending, by the server, an acquisition request that carries the file identifier; the receiving unit 113 receives a webpage file corresponding to the device information of the terminal that is returned by the server in response to the obtaining request.

With the above webpage rendering device, the embodiment 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 by the webpage rendering process to the terminal, the device information of the terminal needs to be determined, and the webpage file corresponding to the device information is obtained, so that the final server returns to the terminal. It is a webpage file required by the webpage rendering process, and avoids returning other webpage files that do not need to be loaded to the above terminal, and to a certain extent, can reduce the consumption of network resources. In addition, by the foregoing method provided by the embodiment of the present invention, before the webpage is rendered, determining device information of the terminal and determining that the webpage file corresponding to the device information is executed by the server, thereby avoiding performing the foregoing process by the terminal, thereby avoiding Because the terminal performs the above steps, the problem of processing resources of the terminal is excessively consumed, thereby improving the performance of the terminal rendering the webpage and improving the response speed of the webpage.

With reference to FIG. 4, in a embodiment of the present invention, a webpage 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. The second database 400 stores a webpage file corresponding to the device information, and the server 200 receives the webpage request that is sent by the terminal 100 and carries the user agent information, and is from the first database 300. Querying device information corresponding to the user agent information carried in the webpage request, the server 200 acquires a webpage file corresponding to the device information from the second database 400, and obtains the obtained webpage file Send to terminal 100.

In an optional embodiment of the present invention, the foregoing system may further include: a Web API (Application Programming Interface) and a TFS (Team Foundation Server, The Decentralized File System interface, the Web API and the TFS interface are both based on the two interfaces of the server 200 and the first database 300 for providing services to the upper layer service, and 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-layer services can call the above APIs, thereby facilitating the implementation of the service and enhancing the user experience.

For the convenience of description, the above devices are described separately by function into various units. Of course, the functions of the various units may be implemented in the same or multiple software and/or hardware in the practice of the invention.

Those skilled in the art will appreciate that embodiments of the present invention can be provided as a method, system, or computer program product. Thus, the present invention can take the form of a fully hardware embodiment, a fully software embodiment, or an embodiment combining soft 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 disk memory, CD-ROM, optical memory, etc.) containing computer usable code. .

The present invention has been described with reference to flowchart illustrations and/or block diagrams of a method, apparatus (system), and computer program product according to embodiments of the invention. It will be understood that each flow and/or block of the flowcharts and/or <RTIgt; These computer program instructions can be provided to a processor of a general purpose computer, a special purpose computer, an embedded processor or other programmable data processing device to produce a machine for use by a computer or other programmable The instructions executed by the processor of the data processing device generate means for implementing the functions specified in one or more of the flow or blocks and/or blocks of the block diagram.

The computer program instructions can also be stored in a computer readable memory that can boot a computer or other programmable data processing device to operate in a particular manner, such that instructions stored in the computer readable memory produce an article of manufacture including the instruction device. The instruction means implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.

These computer program instructions can also be loaded onto a computer or other programmable data processing device to perform a series of operational steps on a computer or other programmable device to produce computer-implemented processing on a computer or other programmable device. The instructions executed on the steps provide steps for implementing the functions specified in one or more flows of the flowchart or in a block or blocks of the flowchart.

It is also to be understood that the phrase "comprise" or "comprises" or "includes" or any other variants is intended to encompass a non-exclusive inclusion, such that a process, method, article, Other elements not explicitly listed, or elements that are inherent to such a process, method, commodity, or equipment. An element defined by the phrase "comprising a ..." does not exclude the presence of additional equivalent elements in the process, method, item, or device including the element.

Those skilled in the art will appreciate that embodiments of the present invention can be provided as a method, system, or computer program product. Therefore, the present invention can be completely hardware Embodiments, fully software embodiments or forms incorporating embodiments of the software and hardware. 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 disk memory, CD-ROM, optical memory, etc.) containing computer usable code. .

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

The various embodiments in the specification are described in a progressive manner, and the same or similar parts between the various embodiments may be referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the system embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred 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 changes can be made in the present invention. Any modifications, equivalents, improvements, etc. made within the spirit and scope of the invention are intended to be included within the scope of the invention.

Claims (12)

A method for sending a webpage file, comprising: a server receiving a webpage request sent by a terminal and carrying user agent information corresponding to the terminal; the server determining, according to the user agent information, determining, corresponding to the user agent information The device information of the terminal; the server obtains a webpage file corresponding to the device information and sends the webpage file to the terminal; wherein the server determines the user agent according to the user agent information Before the information corresponding to the device information of the terminal, the method further includes: the server storing a mapping relationship between the user agent information and the device information; the server determining, according to the user agent information, The device information of the terminal corresponding to the user agent information specifically includes: the server searching for the terminal mapped with the user agent information according to a mapping relationship between the user agent information and the device information generated in advance Device information; or, the server determines and the user generation according to the user agent information Before the information terminal apparatus corresponding to the information, the method further comprising: mapping relationship between the server apparatus information and the feature information is stored; wherein said user information is the information contained in the proxy; Determining, by the server, the device information of the terminal corresponding to the user agent information according to the user agent information, where the server includes: extracting, by the server, feature information included in the user agent information; The server queries the device information of the terminal corresponding to the feature information according to the mapping relationship between the stored device information and the feature information; wherein the server is mapped according to the pre-generated user agent information and device information. After the device information of the terminal that is mapped to the user agent information is searched, the method further includes: if the device information of the terminal that is mapped with the user agent information is not found, The server returns a basic resource package corresponding to the webpage request to the terminal; the server receives device information and user agent information corresponding to the terminal returned by the terminal, and generates returned device information and a user agent. Information mapping and storage. The method of claim 1, wherein before the server obtains a webpage file corresponding to the device information and transmits the webpage file to the terminal, the method further comprises: the server according to the device Information, determining a file identifier of the webpage file corresponding to the device information; the server sending a file including the file identifier to the terminal; the server acquiring a webpage file corresponding to the device information and The terminal sends, specifically: The server receives a file acquisition request that is sent by the terminal and carries the file identifier; the server, in response to the file acquisition request, acquires a webpage file corresponding to the device information and sends the file to the terminal. The method of claim 1 or 2, wherein the device information comprises display information. The method of claim 3, wherein the display information comprises resolution information or pixel density information or screen size information. A webpage rendering method includes: the terminal sends a webpage request carrying the user agent information corresponding to the terminal to the server; the terminal receives the webpage file corresponding to the device information of the terminal returned by the server; The webpage file received by the terminal is obtained by the server according to the device information, where the device information is determined by the server according to the user agent information; and the terminal uses the device information corresponding to the device The webpage file performs rendering of the webpage; wherein, if the server does not determine the device information of the terminal corresponding to the user agent information, the terminal receives the server return corresponding to the webpage request The basic resource package; the terminal uses the basic resource package to perform webpage loading, and collects device information and user agent information corresponding to the terminal; the terminal sends the device information and the server to the server Said The user agent information corresponding to the backup information. The method of claim 5, wherein before the terminal receives the webpage file corresponding to the device information of the terminal returned by the server, the method further includes: the terminal receiving the servo a file returned by the device; the file includes a file identifier of a webpage file corresponding to the device information of the terminal; the terminal sends an acquisition request carrying the file identifier to the server; the terminal receives the server The returned webpage file corresponding to the device information of the terminal specifically includes: the terminal receiving a webpage file corresponding to the device information of the terminal returned by the server in response to the obtaining request. The method of claim 5, wherein the device information comprises display information. A webpage file transmitting apparatus, comprising: a receiving unit, a determining unit, an obtaining unit, and a sending unit; the receiving unit receiving a webpage request sent by the terminal and carrying user agent information corresponding to the terminal; the determining unit according to the User agent information, determining device information of the terminal corresponding to the user agent information; the obtaining unit acquiring a webpage file corresponding to the device information; the sending unit sending the device to the terminal a webpage file corresponding to the information; wherein, if the determining unit does not determine device information of the terminal corresponding to the user agent information, the sending unit returns a basic corresponding to the webpage request to the terminal Resource package The receiving unit receives the device information and the user agent information corresponding to the terminal returned by the terminal, and generates a mapping relationship between the returned user agent information and the device information. The device of claim 8, wherein the device further comprises: a storage unit that stores the mapping relationship between the user agent information and the device information; and the determining unit is based on the stored user agent a mapping relationship between the information and the device information, and searching for the device information of the terminal that is mapped to the user agent information; or the device further includes: a storage unit, storing the mapping relationship between the device information and the feature information; The feature information is included in the user agent information; the determining unit includes: an information extracting unit and a information query unit; the information extracting unit extracts feature information included in the user agent information; the information The query unit queries the device information of the terminal corresponding to the feature information according to the mapping relationship between the stored device information and the feature information. A webpage rendering apparatus includes: a sending unit, a receiving unit, and a rendering unit; the sending unit sends a webpage request carrying a user agent information corresponding to the terminal to the server; the receiving unit receives the server a webpage file corresponding to the device information of the terminal returned by the server; the webpage file received by the receiving unit is obtained by the server according to the device information, and the device information is the server according to the Determining, by the user agent information, the rendering unit performs rendering of the webpage by using a webpage file corresponding to the device information; wherein, if the server does not determine the terminal corresponding to the user agent information Receiving, by the receiving unit, the server returns a basic resource package corresponding to the webpage request; the rendering unit uses the basic resource package to perform webpage loading, and collects device information corresponding to the terminal. And the user agent information; the sending unit sends the device information and the user agent information corresponding to the device information to the server. The device of claim 10, 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 webpage file corresponding to device information of the terminal; And a request sending unit that sends an acquisition request that carries the file identifier to the server; the receiving unit receives a webpage file corresponding to the device information of the terminal that is returned by the server in response to the obtaining request. A webpage rendering system includes a server, a first database, and a second database, wherein the first database stores a mapping relationship between user agent information and device information, and the second database stores information corresponding to device information. Web page file, the server receiving terminal sends a user generation Receiving a webpage request of the information, and querying, from the first database, device information corresponding to the user agent information carried in the webpage request, the server acquiring the device information from the second database Corresponding webpage file, and sending the obtained webpage file to the terminal; wherein, if the server does not query the device information corresponding to the user agent information, the server The terminal returns a basic resource package corresponding to the webpage request; the server receives the device information and the user agent information corresponding to the terminal returned by the terminal, and generates a mapping relationship between the returned device information and the user agent information. And save.