WO2019000722A1

WO2019000722A1 - Hypertext markup language webpage loading method and device

Info

Publication number: WO2019000722A1
Application number: PCT/CN2017/107041
Authority: WO
Inventors: 陈娇; 张文明; 陈少杰
Original assignee: 武汉斗鱼网络科技有限公司
Priority date: 2017-06-27
Filing date: 2017-10-20
Publication date: 2019-01-03
Also published as: CN107291913B; CN107291913A

Abstract

The invention relates to the technical field of application development, in particular to a hypertext markup language webpage loading method and device. The method comprises: acquiring a webpage resource address for a webpage based on the hypertext markup language (101); determining, according to the webpage resource address, whether webpage resources corresponding to the webpage resource address have been cached in a client (102); if the webpage resources have been cached in the client, reading the webpage resources from the client, and loading and displaying them; if the webpage resources have not been cached in the client, using OkHttp frame to issue a network request to a network server so that a data transmission duct stream is established between the network server and the client (103); in the process of reading network resource data returned by the data transmission duct stream, synchronously loading and displaying currently read network resource data, and synchronously caching the currently read network resource data (104). The method has the advantages that non-cached network sources can be loaded and cached just through a single network request, loading and caching efficiency is improved, and traffic is saved.

Description

Hypertext markup language webpage loading method and device

Technical field

The present invention relates to the field of application development technologies, and in particular, to a hypertext markup language webpage loading method and apparatus.

Background technique

HyperText Markup Language (HTML) is a markup language applied to web pages, through which markup languages can be created. For web pages created with HTML, in order to reduce the frequency of access to physical data sources and improve running performance, such web pages will be cached while being loaded.

However, in the process of loading and caching an HTML webpage, the prior art needs to initiate two network requests to the web server, which are: a network request for webpage loading and a network request for webpage caching. Not only does the load cache have low efficiency, but it also wastes traffic.

Summary of the invention

In view of the above problems, the present invention has been made in order to provide a hypertext markup language web page loading method and apparatus that overcomes the above problems or at least partially solves the above problems.

The embodiment of the invention provides a hypertext markup language webpage loading method, which is applied to a client, and the method includes:

For a webpage based on a hypertext markup language, obtaining a webpage resource address;

Determining, according to the webpage resource address, whether the webpage resource corresponding to the webpage resource address is cached in the client;

If the webpage resource is already cached in the client, reading the webpage resource from the client and loading the display;

If the webpage resource is not cached in the client, the network request is initiated to the network server by using the OkHttp framework, so that a data transmission pipeline flow is established between the web server and the client;

During the process of reading the network resource data returned by the data transmission pipeline flow, the currently read network resource data is synchronously loaded and displayed, and at the same time, the currently read network resource data is synchronously cached.

Preferably, the type of the webpage is HTML5.

Preferably, if the webpage resource is not cached in the client, the OkHttp framework is used to initiate a network request to the network server, so that a data transmission pipeline flow is established between the web server and the client, including :

If the webpage resource is not cached in the client, determining whether the webpage resource belongs to a cache whitelist and a cache blacklist, wherein the cache whitelist has a first cache condition that allows resource cache, Having a second cache condition in the cache blacklist that does not allow resource cache, the first cache condition being different from the second cache condition;

If the webpage resource belongs to the cache whitelist and does not belong to the cache blacklist, the OkHttp framework is used to initiate a network request to the network server, so that a data transmission pipeline flow is established between the web server and the client. Otherwise, it returns empty and does not cache the web resource.

Preferably, the determining, according to the webpage resource address, whether the webpage resource corresponding to the webpage resource address is cached in the client, includes:

Finding whether the webpage resource address exists in the cache data included in the cache database;

If the webpage resource address exists in the cache database, it indicates that the webpage resource is cached in the client. If the webpage resource address does not exist in the cache database, the webpage resource is not Cache in the client.

Preferably, before the searching for the webpage resource address in the cache data included in the cache database, the method further includes:

Obtaining the cached data from the cache database and storing the cached data in a Map collection.

Preferably, the method further comprises:

Obtaining a cache time of a webpage resource cached in the client;

Determining whether the cache time exceeds a preset cache period;

If the cache time exceeds the preset cache period, deleting the webpage resource cached in the client.

Preferably, the synchronizing the currently read network resource data, including:

The webpage resource address corresponding to the currently read network resource data is synchronously cached into the cache database.

The embodiment of the invention further provides a hypertext markup language webpage loading device, the device comprising:

An obtaining module, configured to obtain a webpage resource address for a webpage based on a hypertext markup language;

a determining module, configured to determine, according to the webpage resource address, whether a webpage resource corresponding to the webpage resource address is cached in the client;

a loading module, configured to read the webpage resource from the client and load display if the webpage resource is already cached in the client;

a request initiating module, if the webpage resource is not cached in the client, using a OkHttp framework to initiate a network request to the network server, so as to establish a data transmission pipeline flow between the web server and the client;

Loading a cache module, configured to perform synchronous loading display on the currently read network resource data in the process of reading the network resource data returned by the data transmission pipeline flow, and simultaneously perform current read network resource data Synchronous cache.

The embodiment of the invention further provides a computer readable storage medium, on which a computer program is stored, and when the program is executed by the processor, the following steps are implemented:

The embodiment of the invention further provides a computer device, comprising a memory, a processor and a computer program stored on the memory and operable on the processor, the processor implementing the program to implement the following steps:

One or more technical solutions in the embodiments of the present invention have at least the following technical effects or advantages:

The present application is directed to an HTML webpage. In the process of loading an HTML webpage, the webpage resource address is first obtained, and then the webpage resource corresponding to the webpage resource address is cached in the client locality. If the webpage resource is cached in the client locality, the client is from the client. The local end reads the webpage resource and loads the display. If the webpage resource is not cached locally on the client, the OkHttp framework is used to initiate a network request to the web server, so that a data transmission pipeline flow is established between the web server and the client, and the client Read data transmission pipeline In the process of streaming the returned network resource data, the currently read network resource data is synchronously loaded and displayed, and at the same time, the currently read network resource data is synchronously cached, and the application only needs one network request to implement the pair. Uncached network resources are loaded and cached, which improves the efficiency of loading caches and saves traffic. At the same time, due to the use of the OkHttp framework to initiate the network request, the repeated network requests can be automatically filtered out.

DRAWINGS

Various other advantages and benefits will become apparent to those skilled in the art from a The drawings are only for the purpose of illustrating the preferred embodiments and are not to be construed as limiting. Further, the same components are denoted by the same reference numerals throughout the drawings. In the drawing:

FIG. 1 is a flowchart of a method for loading a hypertext markup language webpage in an embodiment of the present invention;

2 is a structural diagram of a hypertext markup language webpage loading apparatus in an embodiment of the present invention;

FIG. 3 is a schematic diagram showing the physical structure of a computer device in an embodiment of the present invention.

Detailed ways

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While the embodiments of the present invention have been shown in the drawings, the embodiments Rather, these embodiments are provided so that this disclosure will be more fully understood and the scope of the disclosure will be fully disclosed.

The embodiment of the present application provides a hypertext markup language webpage loading method, which is applied to a client. As shown in FIG. 1, the method includes:

Step 101: Obtain a webpage resource address for a webpage based on a hypertext markup language.

Step 102: Determine, according to the webpage resource address, whether the webpage resource corresponding to the webpage resource address is cached in the client.

Step 103: If the webpage resource is already cached in the client, read the webpage resource from the client and load display; if the webpage resource is not cached in the client, use The OkHttp framework initiates a network request to the network server to establish a data transmission pipeline flow between the network server and the client.

Step 104: During the process of reading the network resource data returned by the data transmission pipeline flow, the currently read network resource data is synchronously loaded and displayed, and at the same time, the currently read network resource data is synchronously cached.

The present application is directed to an HTML webpage. In the process of loading an HTML webpage, the webpage resource address is first obtained, and then the webpage resource corresponding to the webpage resource address is cached in the client locality. If the webpage resource is cached in the client locality, the client is from the client. The local end reads the webpage resource and loads the display. If the webpage resource is not cached locally on the client, the OkHttp framework is used to initiate a network request to the web server, so that a data transmission pipeline flow is established between the web server and the client, and the client During the process of reading the network resource data returned by the data transmission pipeline flow, the network resource data currently read is synchronously loaded and displayed, and at the same time, the currently read network resource data is synchronously cached, and the application only needs to be once. The network request can load and cache the uncached network resources, improve the efficiency of loading cache, save traffic, and automatically initiate filtering of duplicate network requests by using the OkHttp framework to initiate the network request.

In this application, the type of the webpage may be HTML5.

The method of the present application can be established in the BasicWebViewClient class, thereby replacing the WebViewClient in the prior art by using the BasicWebViewClient class. The internal loading process of the BasicWebViewClient class is described in detail below.

For step 101, first, the page resource address (Uniform Resource Locator, URL) in the web page to be loaded may be intercepted by the shouldlnterceptRequest to obtain the URL, and then step 102 is performed. A preferred embodiment of step 102 includes:

Finds whether the webpage resource address exists in the cache data contained in the cache database.

The cache database is located locally on the client, and the cached database stores cached cache data. The cache data includes a URL, a cached webpage resource, and a correspondence between the two. For example, the cache database includes URL1 and URL1. The second picture corresponding to the first picture, URL2, and URL2. The present application can determine whether a webpage resource corresponding to the webpage resource address is cached in the client locality by searching whether the webpage resource address exists in the cache data included in the cache database, and if the webpage resource exists in the cached data included in the cache database. The address indicates that the webpage resource corresponding to the webpage resource address is cached locally on the client. If the webpage resource address does not exist in the cached data included in the cache database, the webpage resource corresponding to the webpage resource address is not cached locally on the client. .

The present application further includes the steps of: obtaining the cached data from the cache database, and storing the cached data in a Map set, before performing the lookup of whether the webpage resource address exists in the cache database including the cache data. By extracting the cached data from the cache database and storing it in the Map collection, the present application avoids the problem of low search efficiency caused by calling the cache database every time the webpage resource is searched.

Further, in step 103, if the webpage resource corresponding to the webpage resource address is cached locally on the client, the webpage resource is locally read from the client and loaded, and the webpage resource corresponding to the webpage resource address is not cached on the client. Local, use the OkHttp framework to launch a network to the web server. Soliciting a data transmission pipeline flow between the network server and the client.

In a preferred implementation, if the webpage resource is not cached in the client, the OkHttp framework is used to initiate a network request to the network server to establish a connection between the web server and the client. Data transfer pipeline flow, including:

In a specific implementation process, if the webpage resource corresponding to the webpage resource address is not cached locally on the client, it is determined whether the webpage resource belongs to the cache whitelist, and whether the webpage resource belongs to the cached blacklist, the cached whitelist, and the cached blacklist. Each of the cached whitelists has a first cache condition, and the cached blacklist has a second cache condition, and the first cache condition and the second cache condition are different.

Specifically, if the webpage resource belongs to the cache whitelist and does not belong to the cache blacklist, it indicates that the webpage resource has the cache qualification. If the webpage resource belongs to the cached blacklist, it indicates that the webpage resource does not have the cache qualification, and if the webpage resource does not belong to the cache. The whitelist is also not a cached blacklist, indicating that the webpage resource is not eligible for caching.

For example, if the first cache condition in the cache whitelist is the domain name baidu, the second cache condition in the cache blacklist is suffix JPG, and the domain name of the first webpage resource is baidu suffix PNG, the first webpage resource Having the cache qualification, using the OkHttp framework to initiate a network request to the network server, the domain name of the second webpage resource is baidu suffix is JPG, then the second webpage resource does not have the cache qualification, returns null, does not cache the second webpage resource, the third webpage If the domain name of the resource is google suffixed as PNG, the third webpage resource does not have the cache qualification, and returns null, and does not cache the second webpage resource.

Further, the present application utilizes the OkHttp framework to initiate a network request to the network server to establish a data transmission pipeline flow between the network server and the client, and the data transmission pipeline flow includes an input pipeline flow (PipedInputStream) and an output pipeline flow (PipedOutputStream). The present application utilizes the data transmission pipeline flow to implement direct communication between the main thread and the sub-thread, and can realize display while downloading, specifically, in the process of reading the network resource data returned by the data transmission pipeline flow, the current reading The obtained network resource data is synchronously loaded and displayed, and at the same time, the currently read network resource data is synchronously cached. For the process of synchronous cache, the web resource address corresponding to the currently read network resource data is used in this application. Synchronous caching into the cache database. In this application, data pipeline flow How much data is in the webpage, how much content is displayed in the webpage, the webpage resource is loaded, and the cached data is also written. Finally, the cached cached data path and the deposit time are written into the cache database.

The Hypertext Markup Language webpage loading method of the present application further includes:

Obtaining a cache time of a webpage resource cached in the client;

Determining whether the cache time exceeds a preset cache period;

In the specific implementation process, the attribute information of the webpage resource cached locally on the client can be found in the database cache list, and the cache time of the webpage resource cached locally on the client is the difference between the deposit time and the current time. If the difference between the inbound time and the current time is greater than the preset cache period, the webpage resources cached on the client are deleted. If the cache time does not exceed the preset cache period, the reservation is continued. The preset cache period can be set to one day and one week. Or one month.

It should be noted that, after obtaining the URL, and determining whether the webpage resource corresponding to the webpage resource address is cached on the client locality based on the webpage resource address, the method further includes: determining whether the URL is a normal URL, and if yes, The subsequent loading cache process is executed. If not, it returns directly to the empty, and does not perform the load caching process.

Based on the same inventive concept, an embodiment of the present invention further provides a hypertext markup language webpage loading device. As shown in FIG. 2, the device includes:

The obtaining module 201 is configured to obtain a webpage resource address for a webpage based on a hypertext markup language;

The determining module 202 is configured to determine, according to the webpage resource address, whether the webpage resource corresponding to the webpage resource address is cached in the client;

The loading module 203 is configured to: if the webpage resource is cached in the client, read the webpage resource from the client and load display;

The request initiating module 204 is configured to: when the webpage resource is not cached in the client, initiate a network request to the network server by using the OkHttp framework, so as to establish a data transmission pipeline flow between the web server and the client. ;

The loading cache module 205 is configured to synchronously load and display the currently read network resource data in the process of reading the network resource data returned by the data transmission pipeline flow, and simultaneously, the currently read network resource data. Synchronous caching.

Preferably, the type of the webpage is HTML5.

Preferably, the request initiating module 204 is specifically configured to:

If the webpage resource is not cached in the client, determining whether the webpage resource belongs to a cache whitelist and a cached blacklist, wherein the cached whitelist has a first allowable resource cache a cache condition, the cache blacklist has a second cache condition that does not allow resource cache, and the first cache condition is different from the second cache condition;

Preferably, the determining module 203 includes:

Preferably, the device further comprises:

And a storage module, configured to acquire the cached data from the cache database, and store the cached data in a Map collection.

Preferably, the method further comprises:

a time acquisition module, configured to acquire a cache time of a webpage resource cached in the client;

a period judging module, configured to determine whether the cache time exceeds a preset cache period;

And deleting the module, if the cache time exceeds the preset cache period, deleting the webpage resource cached in the client.

Preferably, the loading cache module is specifically configured to:

Based on the same inventive concept, an embodiment of the present invention further provides a computer readable storage medium, where a computer program is stored, and when the program is executed by the processor, the following steps are implemented:

The embodiment of the invention further provides a computer device, as shown in FIG. 3, for convenience of explanation, only Portions related to the embodiments of the present invention are shown, and the specific technical details are not disclosed. Please refer to the method part of the embodiment of the present invention. The computer device may be any terminal device including a mobile phone, a tablet computer, a PDA (Personal Digital Assistant), a POS (Point of Sales), an in-vehicle computer, and the like, and the computer device is used as a mobile phone as an example:

3 is a block diagram showing a portion of the structure associated with a computer device provided by an embodiment of the present invention. Referring to FIG. 3, the computer device includes a memory 301 and a processor 302. Those skilled in the art will appreciate that the computer device architecture illustrated in FIG. 3 does not constitute a limitation to a computer device, and may include more or fewer components than those illustrated, or some components may be combined, or different component arrangements.

The specific components of the computer device will be specifically described below with reference to FIG. 3:

The memory 301 can be used to store software programs and modules, and the processor 302 executes various functional applications and data processing by running software programs and modules stored in the memory 301. The memory 301 can mainly include a storage program area and a storage data area, wherein the storage program area can store an operating system, an application required for at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area can store data. (such as audio data, phone book, etc.). Further, the memory 301 may include a high speed random access memory, and may also include a nonvolatile memory such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device.

The processor 302 is a control center of a computer device that performs various functions and processing data by running or executing software programs and/or modules stored in the memory 301, and recalling data stored in the memory 301. Optionally, the processor 302 may include one or more processing units; preferably, the processor 302 may integrate an application processor and a modem processor, where the application processor mainly processes an operating system, a user interface, an application, and the like. The modem processor primarily handles wireless communications.

In the embodiment of the present invention, the processor 302 included in the computer device may have the following functions:

In summary, the present application is directed to an HTML webpage, in the process of loading an HTML webpage, first obtaining a webpage resource address, and then determining whether a webpage resource corresponding to the webpage resource address is cached locally on the client, if the webpage The page resource is cached locally on the client, and the webpage resource is read locally from the client and loaded and displayed. If the webpage resource is not cached locally on the client, the OkHttp framework is used to initiate a network request to the web server to enable the web server and the client. The data transmission pipeline flow is established between the terminals, and in the process of the client reading the network resource data returned by the data transmission pipeline flow, the currently read network resource data is synchronously loaded and displayed, and at the same time, the currently read The network resource data is synchronously cached. This application only needs one network request to implement loading and buffering of uncached network resources, which improves the efficiency of loading cache and saves traffic. At the same time, the network request can be automatically filtered by using the OkHttp framework. Duplicate network requests.

The algorithms and displays provided herein are not inherently related to any particular computer, virtual system, or other device. Various general purpose systems can also be used with the teaching based on the teachings herein. The structure required to construct such a system is apparent from the above description. Moreover, the invention is not directed to any particular programming language. It is to be understood that the invention may be embodied in a variety of programming language, and the description of the specific language has been described above in order to disclose the preferred embodiments of the invention.

In the description provided herein, numerous specific details are set forth. However, it is understood that the embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures, and techniques are not shown in detail so as not to obscure the understanding of the description.

Similarly, the various features of the invention are sometimes grouped together into a single embodiment, in the above description of the exemplary embodiments of the invention, Figure, or a description of it. However, the method disclosed is not to be interpreted as reflecting the intention that the claimed invention requires more features than those specifically recited in the claims. Rather, as the following claims reflect, inventive aspects reside in less than all features of the single embodiments disclosed herein. Therefore, the claims following the specific embodiments are hereby explicitly incorporated into the embodiments, and each of the claims as a separate embodiment of the invention.

Those skilled in the art will appreciate that the modules in the devices of the embodiments can be adaptively changed and placed in one or more devices different from the embodiment. The modules or units or components of the embodiments may be combined into one module or unit or component, and further they may be divided into a plurality of sub-modules or sub-units or sub-components. In addition to such features and/or at least some of the processes or units being mutually exclusive, any combination of the features disclosed in the specification, including the accompanying claims, the abstract and the drawings, and any methods so disclosed, or All processes or units of the device are combined. Each feature disclosed in this specification (including the accompanying claims, the abstract and the drawings) may be replaced by alternative features that provide the same, equivalent or similar purpose.

Moreover, those skilled in the art will appreciate that although some embodiments herein include other implementations Some of the features are included in the examples and not in other features, but combinations of the features of the different embodiments are intended to be within the scope of the invention and the various embodiments. For example, in the following claims, any one of the claimed embodiments can be used in any combination.

The various component embodiments of the present invention may be implemented in hardware, or in a software module running on one or more processors, or in a combination thereof. Those skilled in the art will appreciate that a microprocessor or digital signal processor (DSP) may be used in practice to implement some or all of the functionality of some, or all, of the gateways, proxy servers, systems in accordance with embodiments of the present invention. The invention can also be implemented as a device or device program (e.g., a computer program and a computer program product) for performing some or all of the methods described herein. Such a program implementing the invention may be stored on a computer readable medium or may be in the form of one or more signals. Such signals may be downloaded from an Internet website, provided on a carrier signal, or provided in any other form.

It is to be noted that the above-described embodiments are illustrative of the invention and are not intended to be limiting, and that the invention may be devised without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as a limitation. The word "comprising" does not exclude the presence of the elements or steps that are not recited in the claims. The word "a" or "an" The invention can be implemented by means of hardware comprising several distinct elements and by means of a suitably programmed computer. In the unit claims enumerating several means, several of these means can be embodied by the same hardware item. The use of words, second, third, etc. does not indicate any order. These words can be interpreted as names.

Claims

A hypertext markup language webpage loading method is characterized in that it is applied to a client, and the method includes:

For a webpage based on a hypertext markup language, obtaining a webpage resource address;

Determining, according to the webpage resource address, whether the webpage resource corresponding to the webpage resource address is cached in the client;

If the webpage resource is already cached in the client, reading the webpage resource from the client and loading the display;

If the webpage resource is not cached in the client, the network request is initiated to the network server by using the OkHttp framework, so that a data transmission pipeline flow is established between the web server and the client;

During the process of reading the network resource data returned by the data transmission pipeline flow, the currently read network resource data is synchronously loaded and displayed, and at the same time, the currently read network resource data is synchronously cached.
The method of claim 1 wherein the type of the web page is HTML5.
The method according to claim 1, wherein if the webpage resource is not cached in the client, a network request is initiated to the web server by using the OkHttp framework, so that the web server and the client Establish a data transmission pipeline flow between the ends, including:

If the webpage resource is not cached in the client, determining whether the webpage resource belongs to a cache whitelist and a cache blacklist, wherein the cache whitelist has a first cache condition that allows resource cache, Having a second cache condition in the cache blacklist that does not allow resource cache, the first cache condition being different from the second cache condition;

If the webpage resource belongs to the cache whitelist and does not belong to the cache blacklist, the OkHttp framework is used to initiate a network request to the network server, so that a data transmission pipeline flow is established between the web server and the client. Otherwise, it returns empty and does not cache the web resource.
The method of claim 1, wherein the determining, according to the webpage resource address, whether the webpage resource corresponding to the webpage resource address is cached in the client comprises:

Finding whether the webpage resource address exists in the cache data included in the cache database;

If the webpage resource address exists in the cache database, it indicates that the webpage resource is cached in the client. If the webpage resource address does not exist in the cache database, the webpage resource is not Cache in the client.
The method of claim 4, wherein the method further comprises: before searching for the presence of the webpage resource address in the cache data included in the cache database, the method further comprising:

Obtaining the cached data from the cache database and storing the cached data in a Map collection.
The method of claim 1 wherein the method further comprises:

Obtaining a cache time of a webpage resource cached in the client;

Determining whether the cache time exceeds a preset cache period;

If the cache time exceeds the preset cache period, deleting the webpage resource cached in the client.
The method of claim 1, wherein the synchronizing the currently read network resource data comprises:

The webpage resource address corresponding to the currently read network resource data is synchronously cached into the cache database.
A hypertext markup language webpage loading device, characterized in that the device comprises:

An obtaining module, configured to obtain a webpage resource address for a webpage based on a hypertext markup language;

a determining module, configured to determine, according to the webpage resource address, whether a webpage resource corresponding to the webpage resource address is cached in the client;

a loading module, configured to read the webpage resource from the client and load display if the webpage resource is already cached in the client;

a request initiating module, if the webpage resource is not cached in the client, using a OkHttp framework to initiate a network request to the network server, so as to establish a data transmission pipeline flow between the web server and the client;

Loading a cache module, configured to perform synchronous loading display on the currently read network resource data in the process of reading the network resource data returned by the data transmission pipeline flow, and simultaneously perform current read network resource data Synchronous cache.
A computer readable storage medium having stored thereon a computer program, wherein the program, when executed by the processor, implements the following steps:

For a webpage based on a hypertext markup language, obtaining a webpage resource address;

Determining, according to the webpage resource address, whether the webpage resource corresponding to the webpage resource address is cached in the client;

If the webpage resource is already cached in the client, reading the webpage resource from the client and loading the display;

If the webpage resource is not cached in the client, the network request is initiated to the network server by using the OkHttp framework, so that a data transmission pipeline flow is established between the web server and the client;

During the process of reading the network resource data returned by the data transmission pipeline flow, the currently read network resource data is synchronously loaded and displayed, and at the same time, the currently read network resource data is synchronously cached.
A computer device including a memory, a processor, and stored in a memory and capable of being processed A computer program running on the device, wherein the processor performs the following steps when executing the program:

For a webpage based on a hypertext markup language, obtaining a webpage resource address;

Determining, according to the webpage resource address, whether the webpage resource corresponding to the webpage resource address is cached in the client;

If the webpage resource is already cached in the client, reading the webpage resource from the client and loading the display;

If the webpage resource is not cached in the client, the network request is initiated to the network server by using the OkHttp framework, so that a data transmission pipeline flow is established between the web server and the client;

During the process of reading the network resource data returned by the data transmission pipeline flow, the currently read network resource data is synchronously loaded and displayed, and at the same time, the currently read network resource data is synchronously cached.