CN106209925B - Page loading method, client and system - Google Patents
Page loading method, client and system Download PDFInfo
- Publication number
- CN106209925B CN106209925B CN201510212965.1A CN201510212965A CN106209925B CN 106209925 B CN106209925 B CN 106209925B CN 201510212965 A CN201510212965 A CN 201510212965A CN 106209925 B CN106209925 B CN 106209925B
- Authority
- CN
- China
- Prior art keywords
- static resource
- page
- client
- resource file
- content
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- Information Transfer Between Computers (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
The application provides a kind of page loading method.This method comprises: according to page load request loading page；The reference address of static resource file needed for loaded content of pages is parsed by loader；According to the reference address of the static resource file, static resource file needed for selectively static resource buffer area loads the content of pages from client local.Correspondingly, the application also provides a kind of client and system.Technical solution provided by the present application can overcome platform and system to limit, so that various platforms and system can be applicable in this method and promote page load performance, application is more extensive.
Description
Technical field
This application involves mobile communication technology fields, more specifically, are related to a kind of page loading method, client and are
System.
Background technique
In mobile applications (App, Application) development field, it is mainly the following development mode: local to answer
With mode (Native App), mixing application model (Hybrid App), web-based application model (WebApp).Hybrid
App combines the advantage of Native App and WebApp, has many advantages, such as that renewal speed is fast, interactive experience is good, cross-platform, thus
It is widely used in mobile terminal.The page of HTML5 is embedded in the network view of NatvieApp in the mode
(webview) in, and the webpage of network view is shown with the page format of local view (Native).But it is embedding
The application performance entered to the HTML5 page of HybridApp is poor, and page loading velocity is slower with respect to Native App, this is
Because being all that localization is obtained to the load of static resource file needed for the page in Native implementation, do not pass through network request
It obtains, therefore loading velocity is fast, and static resource file needed for the HTML5 page of Hybrid App is to need to pass through network request
It obtains, increases request delay, also just affect page loading velocity, therefore loading velocity is slower.For example, in Hybrid framework
Under mobile application in there is many HTML5 pages, a large amount of static resource file, such as JS can be quoted in these pages
(JavaScript), CSS (Cascading Style Sheets, Cascading Style Sheet) file.These HTML5 pages are loaded, just
The page not optimized in multiple HTTP requests, such as certain pages, which can be caused, can send out multiple such as at least eight HTTP requests,
And page furbishing requires to re-start request every time, causes the loading performance of the page low.
There is a kind of be directed to and mix Hybrid framework lower page loading method in the prior art, this method is to static resource file
Load be to be realized by URL (Uniform Resource Locator, uniform resource locator) interception mechanism, it is mainly objective
The blocking module being arranged in the end of family detects that client to after the HTTP request of network side request static resource file, intercepts
HTTP request, and locally request to client the static resource file cached.
But this interception mechanism of art methods not all comes into force under all platforms and system, Zhi Nengshi
The loading performance under the situation of part is answered to optimize, so that application range is smaller, it is not a kind of perfect solution.
Summary of the invention
In view of above-mentioned, present applicant proposes a kind of page loading method, client and systems, and platform and system can be overcome to limit
System, so that various platforms and system can be applicable in this method and promote page load performance, application is more extensive.
Technical solution provided by the present application is as follows:
According to the one aspect of the application, a kind of page loading method is provided, comprising: according to page load request loaded page
Face；The reference address of static resource file needed for loaded content of pages is parsed by loader；According to described quiet
The reference address of state resource file is selectively loaded from client local static resource buffer area required in the content of pages
Static resource file.
Optionally, the reference address according to static resource file, it is selectively slow from client local static resource
Depositing static resource file needed for area's loading page content includes: when client local static resource buffer area is stored with load
Needed for content of pages when static resource file, according to the reference address of static resource file, static resource application journey is called
Sequence interface loads static resource file needed for the content of pages from client local static resource buffer area.
Optionally, the reference address according to static resource file calls static resource application programming interfaces from client
Holding local static resource buffer area to load static resource file needed for the content of pages includes: to static resource application journey
Sequence interface inputs the reference address of the static resource file, by the static resource application programming interfaces according to the reference ground
Location exports after obtaining static resource file needed for the content of pages from client local static resource buffer area.
Optionally, static resource file is stored in advance in the client local static resource buffer area.
Optionally, the static resource file is sent to client local static resource caching in such a way that increment is packaged
Area is stored and is updated.
Optionally, in the content of pages, show the reference address of static resource file by entry file, in entrance text
The reference address of static resource file is stated in respective dependence list using modular mode in part, is relied on by analysis
List determines the reference address of each static resource file.
Optionally, the method also includes not being loaded into content of pages when from client local static resource buffer area
When required static resource file, loader is stored from static resource file needed for network side loading page content to visitor
Family end static resource buffer area.
Optionally, the page be the HTML5 page, and/or, it is described according to page load request loading page be mixing
According to page load request loading page under application model.
According to further aspect of the application, a kind of client of page load is provided, comprising: loading unit is used for root
According to page load request loading page；Loader, for parsing static state needed for the content of pages that loading unit is loaded
The reference address of resource file, according to the reference address of the static resource file, selectively from the local static money of client
Source cache area loads static resource file needed for the content of pages.
Optionally, client further include: static resource application programming interfaces work as client for being called by the loader
When end is stored with static resource file needed for loading page content, according to the reference address of static resource file, from client
Local static resource buffer area is held to load static resource file needed for the content of pages.
Optionally, client further include: storage unit, for local static resource buffer area to be arranged in client, at this
Static resource file is stored in advance in ground static resource buffer area.
Optionally, the loading unit be according to page load request load the HTML5 page, and/or, the loading unit
It is in the case where mixing application model according to page load request loading page.
Optionally, the loader is not loaded into quiet needed for content of pages from client local static resource buffer area
When state resource file, from network side load the content of pages needed for static resource file, and store to client it is locally quiet
State caching resource area.
According to further aspect of the application, a kind of promotion page loading system is provided, comprising: client is used for basis
Page load request loading page parses drawing for static resource file needed for loaded content of pages by loader
It is selectively loaded from client local static resource buffer area with address according to the reference address of the static resource file
Static resource file needed for the content of pages, after not being loaded into static resource file needed for content of pages, to
Static resource file needed for content of pages described in network side server request of loading；Server is used under the client
Static resource file needed for sending out content of pages requested.
Optionally, the client be according to page load request load the HTML5 page, and/or, the client be
It mixes under application model according to page load request loading page.
Optionally, the server includes: page modification unit, for being shown in content of pages by entry file
The reference address of static resource file is stated the reference address of static resource file using modular mode in entry file
In respective dependence list；Resource issuance unit, for the loader in the client from client local static resource
When buffer area is not loaded into static resource file needed for content of pages, is issued and asked to client according to the request of client
The static resource file asked；The loader of the client determines each static resource by the dependence list in analysis content of pages
The reference address of file.
Optionally, the client passes through loader from static resource file needed for the server loading page content
Afterwards, also client local static resource buffer area is arrived in storage.
Optionally, the client is the page cached in advance from client itself load according to page load request, or
Person is from network side server loading page.
From above-mentioned technical proposal it can be found that application scheme is to be provided with a loader, asked according to page load
When seeking loading page, with parsing the reference of static resource file needed for the content of pages of load by the loader of setting
Location, then can be cached to directly selecting property from client local static resource according to the reference address of static resource file
Static resource file needed for area's loading page content.Because being that from client, locally load static resource is literary by loader
Part, then there is no need to intercept the HTTP request to network side request static resource as art methods, also
The problem that existing interception mechanism causes some situations that can not be applicable in due to the limitation of platform and operating system is avoided, so that various
Platform and system can be applicable in this method and promote page load performance, and application is more extensive.
To the accomplishment of the foregoing and related purposes, one or more aspects of the present invention include be particularly described below and
The feature particularly pointed out in claim.Certain illustrative aspects of the invention is described in detail in the following description and the annexed drawings.
However, these aspects indicate only usable some of the various ways in the principles of the present invention.In addition, of the invention
It is intended to include all such aspects and their equivalent.
Detailed description of the invention
According to following detailed descriptions carried out referring to attached drawing, above and other objects, features and advantages of the invention will become
It must become apparent.In the accompanying drawings:
Fig. 1 is the first pass schematic diagram of the application page loading method；
Fig. 2 is the second procedure schematic diagram of the application page loading method；
Fig. 3 is the client terminal structure schematic diagram of the application；
Fig. 4 is the system structure diagram of the application.
Identical label indicates similar or corresponding feature or function in all the appended drawings.
Specific embodiment
Various aspects of the disclosure is described below.It is to be understood that teaching herein can have in the form of varied
Body embodies, and any specific structure disclosed herein, function or both are only representative.Religion based on this paper
It leads, should be understood by those skilled in the art that, one aspect disclosed herein can be realized independently of any other aspect,
And two or more aspects in these aspects can combine in various manners.It is, for example, possible to use described in this paper
Any number of aspect, realization device or practices method.Further, it is possible to use other structures, function or in addition to described herein
One or more aspects except or be not one or more aspects described herein structure and function, realize this device
Or practice this method.In addition, any aspect described herein may include at least one element of claim.
Present applicant proposes a kind of page loading methods, platform and system can be overcome to limit, so that various platforms and system
This method can be applicable in and promote page load performance, application is more extensive.
Each embodiment of the application is described below with reference to accompanying drawings.
Fig. 1 is the first pass schematic diagram of the application page loading method.As shown in Figure 1, comprising:
101, according to page load request loading page.
102, the reference address of static resource file needed for loaded content of pages is parsed by loader.
In the application, it is provided with a loader, the money of static state needed for which parses content of pages by loader
The reference address of source file.
In content of pages, show the reference address of static resource file by entry file, it will be quiet in entry file
The reference address of state resource file is stated in respective dependence list using modular mode, is relied on list by analysis and is determined
The reference address of each static resource file.
103, it according to the reference address of static resource file, is selectively loaded from client local static resource buffer area
Static resource file needed for the content of pages.
In the application, a static resource application programming interfaces are provided with, which is drawing according to static resource file
With address, call static resource application programming interfaces quiet needed for the static resource buffer area loading page content of client local
State resource file.
It should be noted that the above-mentioned described page can be the HTML5 page.It is above-mentioned according to page load request loading page
It can be in the case where mixing application model according to page load request loading page.
From the above, it is seen that application scheme is to be provided with a loader, add according to page load request
When carrying the page, the reference address of static resource file needed for parsing the content of pages of load by the loader of setting, that
It can be loaded to directly selecting property from client local static resource buffer area according to the reference address of static resource file
Static resource file needed for content of pages.Because being by loader from client local load static resource file, then
There is no need to intercept the HTTP request to network side request static resource as art methods, also avoid existing
The problem for thering is interception mechanism to cause some situations that can not be applicable in due to the limitation of platform and operating system, so that various platforms and being
System can be applicable in this method and promote page load performance, and application is more extensive.
More detailed description technical scheme further below.
Application scheme is provided with loader (hereinafter referred to as " front-end module loader ") in client and static resource is answered
With routine interface (hereinafter referred to as " Hybrid API "), and HTML5 page static resource file is stored in advance in client, by
Front-end module loader and Hybrid API load client local static resource file (such as JS, CSS file), thus nothing
URL interception need to be carried out in Hybrid framework level, therefore interception mechanism can be evaded since platform and operating system are limited in portion
Being applicable in for the various types of terminal may be implemented the problem of dividing terminal models that can not come into force, i.e., various situations can be applicable in, thus
Expand the application range of this programme.
Fig. 2 is the second procedure schematic diagram of the application page loading method.The page be with the HTML5 page illustration but
It is not limited to this.As shown in Figure 2, comprising:
201, in client local, HTML5 page static resource file is stored in advance in static resource buffer area.
What the HTML5 page was packaged using relied on static resource file (JS, CSS etc.) by increment by the application in advance
Mode, which is sent on mobile terminal client terminal, to be stored and is updated, such as is possibly stored to client static resource buffer area,
So that subsequent can be directly from static resource file needed for the client load HTML5 page.The interceptor of art methods
System is to intercept http network request, and application scheme is by way of the preset packet of static resource that static resource file is preparatory
It stores in client, without sending network request to network side, also with regard to without being intercepted.
The treatment process that above-mentioned increment is packaged is as follows: the file packet for the static resource file that will be issued is compressed and is closed
And md5 (Message Digest Algorithm5, Message Digest Algorithm 5) coding is carried out to file packet content, it generates
This url-md5 File Mapping table generated with last time publication is compared, obtains this by url-md5 File Mapping table
The listed files updated is issued, delta package is generated according to the listed files of update, and is sent to the static resource caching of client
Area.
202, client parses HTML5 pages of load by front-end module loader when carrying out the load of the HTML5 page
The reference address of static resource file needed for the content of face.
It should be noted that the step carries out the load of the HTML5 page, it can be from network side and load the HTML5 page, it can also
To be to load the HTML5 page cached in advance from client.The application is preferably by HTML5 web page contents buffered in advance in client
On end, the HTML5 page cached in advance is loaded from client, needing not move through network request in this way can both load, and can accelerate to add
Carry speed.By taking the HTML5 page from client load caching as an example, when user carries out web page browsing using client, such as
When click respective links are wanted to enter some HTML5 Webpage, client end response clicking operation, directly from client load pair
The HTML5 content of pages cached in advance answered.If it is the mode from the network side load HTML5 page, then being to net at this time
Network side server sends corresponding page load request, receives and is loaded in the page of the corresponding HTML5 webpage from network side
Hold.
When loading HTML5 content of pages, parsed needed for the HTML5 content of pages of load by front-end module loader
Static resource file reference address.
Application scheme is provided with front-end module loader, parses HTML5 pages of load using front-end module loader
After the reference address of static resource file needed for the content of face, static resource needed for loading HTML5 webpage according to reference address
File.
In application scheme, the content format of the HTML5 page is modified, i.e., in HTML5 content of pages code,
No longer the reference address of all static resource file such as JS, CSS is all write on the page, but only that writing an entrance text
Part is used as reference, such as described below: < script src=" http://style.c.aliimg.com/app/wap/
Start.js " >.And other static resource file reference address are stated using modular mode in respective dependence list
In, such as described below:
That is, the application shows the reference address of static resource file by entry file, it will in entry file
The reference address of static resource file states in respective dependence list that it is true to rely on list by analysis using modular mode
The reference address of fixed each static resource file.The application is different from the prior art URL and blocks by way of writing an entry file
Need to list the mode of many JS, CSS reference address under the mode of cutting.
Specifically, its entry file content is similar as described below with the start.js file citing in code:
Wherein " path/module1 " in [], " path/module2 " etc. are exactly other static state that start.js is relied on
The path of resource file.
So, front-end module loader is closed according to the dependence of the dependence available each file of list in static resource file
System, to parse the dependence of each module.
On the dependence stated, can be one-dimension array, such as above mentioned start.js file model simplification,
The storage of its dependence data structure describes are as follows:
It can be seen that start.js from data structure described above and relied on these three moulds of module module1,2,3
Block, and module module1 has relied on module module5,6....
Although by foregoing description it can be found that only having write entry file start.js in page code, by dividing
Analysis relies on list, and other static resource files required for the page loads can be found with recurrence and are loaded.
203, according to the reference address of static resource file, front-end module loader calls Hybrid API from client sheet
Static resource file needed for ground static resource buffer area loads HTML5 content of pages.
A static resource application programming interfaces HybridAPI-loadAssets is arranged in application scheme.This Hybrid
The function that API is completed is called for front-end module loader, and the input parameter of Hybrid API is the reference address of static resource,
Output is the content of the static resource file read from client local static resource buffer area.That is, front-end module
Loader inputs the reference address of the static resource file to Hybrid API, by Hybrid API according to reference address from visitor
It is exported after static resource file needed for family end static resource buffer area obtains HTML5 content of pages.
It should be noted that if can not be read in static resource file from client local static resource buffer area
Hold, if path is not present or static resource buffer area does not have required static resource file, then sends network request and asked to network side
It asks and obtains static resource file, and the static resource file cache that will acquire adds to client static resource buffer area for next time
It carries and uses.
It can be found that application scheme realizes the optimization under Hybrid framework to the load of HTML5 page static resource,
Avoid the prior art using URL intercept etc. mechanism institute unavoidable type be limited problem so that various platforms and system
This method can be applicable in and promote HTML5 page load performance, application is more extensive；Also the ability of Hybrid framework is made full use of to add
Static resource file such as JS, CSS file for carrying client local, accelerates loading velocity, improves HTML5 page response rate
Can, to also improve the rendering speed of the page.
It is above-mentioned to describe the present processes process in detail, correspondingly, the application provides a kind of client terminal device and system.
Fig. 3 is the client terminal structure schematic diagram of the application.
As shown in figure 3, client 31 includes: loading unit 301, loader 302.
Loading unit 301, for according to page load request loading page.
Loader 302, for parsing static resource file needed for the content of pages that loading unit 301 is loaded
Reference address, according to the reference address of the static resource file, selectivity is loaded from client local static resource buffer area
Static resource file needed for the content of pages.
Further, client further include: static resource application programming interfaces 303.
Static resource application programming interfaces 303, for being called by the loader 402, when client is stored with loaded page
Needed for the content of face when static resource file, according to the reference address of static resource file, from client local static resource
Buffer area loads static resource file needed for HTML5 content of pages.
Specifically, when client local static resource buffer area is stored with the text of static resource needed for loading page content
When part, loader 302 calls static resource application programming interfaces 303 from client according to the reference address of static resource file
Static resource file needed for local static resource buffer area loading page content.
Specifically, loader 302 inputs the reference of the static resource file to static resource application programming interfaces 303
Location is obtained according to the reference address from client local static resource buffer area by the static resource application programming interfaces 303
It is exported after taking static resource file needed for HTML5 content of pages.
Further, client further include: storage unit (not shown).
Storage unit, it is preparatory in local static resource buffer area for local static resource buffer area to be arranged in client
Store static resource file.
Further, the loader 302 is not loaded into institute in content of pages from client local static resource buffer area
When the static resource file needed, from static resource file needed for network side loading page content, and store local to client
Static resource buffer area.
Further, the above-mentioned described page can be the HTML5 page, and the loading unit 301 is loaded according to the page
The request of loading HTML5 page, and/or, the loading unit 301 is to be loaded in the case where mixing application model according to page load request
The page.
Wherein, it is local static to be sent to client in such a way that increment is packaged for the HTML5 page static resource file
Caching resource area is stored and is updated.
It should be noted that in the HTML5 content of pages, with showing the reference of static resource file by entry file
The reference address of static resource file is used modular mode to state in respective dependence list by location in entry file,
The reference address that list determines each static resource file is relied on by analysis.
Interactive relation between above-mentioned each unit module may refer to the description of previous methods flow chart, no longer superfluous herein
It states.
Fig. 4 is the system structure diagram of the application.
As shown in figure 4, system includes: client 41, server 42.
Client 41, for being parsed by loader in the loaded page according to page load request loading page
The reference address of static resource file needed for appearance, according to the reference address of the static resource file, selectively from visitor
Static resource file needed for the static resource buffer area loading page content of family end, needed for not being loaded into content of pages
Static resource file when, to static resource file needed for network side server request of loading content of pages.
Server 42, for static resource file needed for issuing requested content of pages to the client 41.
Further, the above-mentioned described page can be the HTML5 page, and the client is added according to page load request
The HTML5 page is carried, and/or, the client is in the case where mixing application model according to page load request loading page.
It should be noted that client 41 carries out the load of the HTML5 page, it can be and loaded from network side server 42
The HTML5 page is also possible to load the HTML5 page cached in advance from client 41 itself.I.e. the client 41 is according to page
Face load request is the HTML5 page cached in advance to be loaded from client 41 itself, or load from network side server 42
The HTML5 page.The application needs not move through network preferably by HTML5 web page contents also buffered in advance in client 41 in this way
Request can both load, and can accelerate loading velocity.
Further, the server 42 includes: page modification unit, resource issuance unit (not shown).
The page modifies unit, for showing the reference of static resource file by entry file in HTML5 content of pages
Address is stated the reference address of static resource file in respective dependence list using modular mode in entry file
In；
Resource issuance unit does not add for the loader in the client 41 from client local static resource buffer area
After being downloaded to static resource file needed for HTML5 content of pages, is issued and asked to client 41 according to the request of client 41
The static resource file asked；
The loader of the client 41 determines each static resource text by the dependence list in analysis HTML5 content of pages
The reference address of part.
Further, the client 41 is loaded needed for HTML5 content of pages by loader from the server 42
After static resource file, also client local static resource buffer area is arrived in storage.
The specific structure and function of client 41 describe, and referring to the description of Fig. 3, details are not described herein again.
In conclusion application scheme is to be provided with a loader, the HTML5 page is being loaded according to page load request
When, the reference address of static resource file needed for parsing the HTML5 content of pages of load by the loader of setting, then
The HTML5 page directly can be loaded from client local static resource buffer area according to the reference address of static resource file
Static resource file needed for content.Because being locally to load static resource file from client by loader, then just not
It needs to intercept the HTTP request to network side request static resource as art methods, also avoids existing block
The problem that the mechanism of cutting causes some situations that can not be applicable in due to the limitation of platform and operating system, so that various platforms and system are all
This method can be applicable in and promote HTML5 page load performance, application is more extensive.
In addition, typically, mobile terminal described herein can be various hand-held terminal devices bluetooth-capable, example
Such as mobile phone bluetooth-capable, personal digital assistant (PDA).
In addition, being also implemented as according to the method for application by processor (such as CPU) execution in mobile terminal
Computer program, and store in a memory in the mobile terminal.When the computer program is executed by processor, this Shen is executed
The above-mentioned function of being limited in method please.
In addition, it is also implemented as a kind of computer program product according to the present processes, the computer program product
Including computer-readable medium, be stored on the computer-readable medium for execute limited in method of the invention it is above-mentioned
The computer program of function.
In addition, above method step and system unit also can use controller and for storing so that controller is real
The computer readable storage devices of the computer program of existing above-mentioned steps or Elementary Function are realized.
Those skilled in the art will also understand is that, various illustrative logical blocks, mould in conjunction with described in disclosure herein
Block, circuit and algorithm steps may be implemented as the combination of electronic hardware, computer software or both.It is hard in order to clearly demonstrate
This interchangeability of part and software, with regard to various exemplary components, square, module, circuit and step function to its into
General description is gone.This function is implemented as software and is also implemented as hardware depending on concrete application and application
To the design constraint of whole system.Those skilled in the art can realize described in various ways for every kind of concrete application
Function, but this realization decision should not be interpreted as causing a departure from scope of the present application.
Although content disclosed above shows the exemplary embodiment of the application, it should be noted that without departing substantially from power
Under the premise of benefit requires the scope of the present application limited, it may be many modifications and modify.It is real according to invention described herein
The function, step and/or movement for applying the claim to a method of example are not required to the execution of any particular order.In addition, although the present invention
Element can describe or require in the form of individual, be unless explicitly limited odd number it is also contemplated that multiple.
It is described although being described above with reference to figure according to each embodiment of the application, those skilled in the art
Member can also do it should be appreciated that each embodiment proposed to above-mentioned the application on the basis of not departing from teachings herein
Various improvement out.
Claims (18)
1. a kind of page loading method characterized by comprising
According to page load request loading page；
The reference address of static resource file needed for loaded content of pages is parsed by loader；
According to the reference address of the static resource file, selectively from described in the load of client local static resource buffer area
Static resource file needed for content of pages；
Wherein, show the reference address of the static resource file in the content of pages by entry file.
2. page loading method according to claim 1, which is characterized in that the reference according to static resource file
Location selectively loads static resource file packet needed for the content of pages from client local static resource buffer area
It includes:
When client local, static resource buffer area is stored with static resource file needed for loading page content, according to quiet
The reference address of state resource file calls static resource application programming interfaces to load institute from client local static resource buffer area
State static resource file needed for content of pages.
3. page loading method according to claim 2, which is characterized in that the reference according to static resource file
Location calls static resource application programming interfaces to load needed for the content of pages from client local static resource buffer area
Static resource file includes:
The reference address that the static resource file is inputted to static resource application programming interfaces, by the static resource application journey
Sequence interface obtains static state needed for the content of pages from client local static resource buffer area according to the reference address
It is exported after resource file.
4. page loading method according to claim 1, which is characterized in that the client local static resource buffer area
Static resource file is stored in advance.
5. page loading method according to claim 4, which is characterized in that the static resource file is packaged by increment
Mode be sent to client local static resource buffer area and stored and updated.
6. page loading method according to claim 1, which is characterized in that by static resource file in entry file
Reference address is stated in respective dependence list using modular mode, is relied on list by analysis and is determined each static resource text
The reference address of part.
7. page loading method according to any one of claims 1 to 6, which is characterized in that the method also includes, when from
When client local static resource buffer area is not loaded into static resource file needed for content of pages, loader is from network side
Static resource file needed for loading page content, and store and arrive client local static resource buffer area.
8. page loading method according to any one of claims 1 to 6, which is characterized in that
The page is the HTML5 page, and/or,
It is described according to page load request loading page be in the case where mixing application model according to page load request loading page.
9. a kind of page loads client characterized by comprising
Loading unit, for according to page load request loading page；
Loader, for parsing the reference address of static resource file needed for the content of pages that loading unit is loaded,
According to the reference address of the static resource file, the page selectively is loaded from client local static resource buffer area
Static resource file needed for content, wherein the static resource file is shown by entry file in the content of pages
Reference address.
10. client according to claim 9, which is characterized in that further include:
Static resource application programming interfaces, for being called by the loader, when client is stored with institute in loading page content
When the static resource file needed, according to the reference address of static resource file, loaded from client local static resource buffer area
Static resource file needed for the content of pages.
11. client according to claim 9, which is characterized in that further include:
Storage unit is stored in advance for local static resource buffer area to be arranged in client in local static resource buffer area
Static resource file.
12. according to the described in any item clients of claim 9 to 11, which is characterized in that
The loading unit be according to page load request load the HTML5 page, and/or, the loading unit is answered in mixing
With under mode according to page load request loading page.
13. according to the described in any item clients of claim 9 to 11, which is characterized in that
The loader is not loaded into static resource file needed for content of pages from client local static resource buffer area
When, from static resource file needed for network side loading page content, and stores and arrive client local static resource buffer area.
14. a kind of page loading system characterized by comprising
Client, for parsing institute in loaded content of pages by loader according to page load request loading page
The reference address of the static resource file needed, according to the reference address of the static resource file, selectively from client sheet
Ground static resource buffer area loads static resource file needed for the content of pages, needed for not being loaded into content of pages
Static resource file when, to static resource file needed for content of pages described in network side server request of loading；
Server, for static resource file needed for issuing requested content of pages to the client, in the page
Show the reference address of the static resource file in appearance by entry file.
15. system according to claim 14, which is characterized in that
The client be the HTML5 page is loaded according to page load request, and/or, the client is in mixing using mould
According to page load request loading page under formula.
16. system according to claim 14 or 15, which is characterized in that the server includes:
The page modifies unit, for stating the reference address of static resource file using modular mode in entry file
In respective dependence list；
Resource issuance unit is not loaded into institute from client local static resource buffer area for the loader in the client
When stating static resource file needed for content of pages, requested static resource is issued to client according to the request of client
File；
The loader of the client determines the reference of each static resource file by the dependence list in analysis content of pages
Location.
17. system according to claim 14 or 15, which is characterized in that the client passes through loader from the service
After static resource file needed for device loading page content, also client local static resource buffer area is arrived in storage.
18. system according to claim 14 or 15, which is characterized in that the client according to page load request be from
Client itself loads the page that caches in advance, or from network side server loading page.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510212965.1A CN106209925B (en) | 2015-04-29 | 2015-04-29 | Page loading method, client and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510212965.1A CN106209925B (en) | 2015-04-29 | 2015-04-29 | Page loading method, client and system |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106209925A CN106209925A (en) | 2016-12-07 |
| CN106209925B true CN106209925B (en) | 2019-07-26 |
Family
ID=57458391
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510212965.1A Active CN106209925B (en) | 2015-04-29 | 2015-04-29 | Page loading method, client and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106209925B (en) |
Families Citing this family (28)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108287839B (en) * | 2017-01-09 | 2022-01-28 | 阿里巴巴集团控股有限公司 | Page loading method and equipment |
| CN106874394B (en) * | 2017-01-13 | 2020-12-29 | 百度在线网络技术（北京）有限公司 | File packaging preprocessing method and equipment |
| CN106790687A (en) * | 2017-02-17 | 2017-05-31 | 和创（北京）科技股份有限公司 | Webpage display method, web data processing method and server |
| CN107153536B (en) * | 2017-03-31 | 2021-05-07 | 北京三快在线科技有限公司 | Application processing method and device |
| CN107479868B (en) * | 2017-06-23 | 2021-06-25 | 创新先进技术有限公司 | Interface loading method, device and equipment |
| CN107729352B (en) * | 2017-08-30 | 2020-07-31 | 深圳壹账通智能科技有限公司 | Page resource loading method and terminal equipment |
| CN111885082B (en) * | 2017-09-06 | 2023-08-01 | 创新先进技术有限公司 | Web application package processing method, device and equipment |
| CN107678817A (en) * | 2017-09-21 | 2018-02-09 | 北京三快在线科技有限公司 | View switching method and apparatus and computing device |
| CN107832052B (en) * | 2017-10-11 | 2020-07-31 | 东软集团股份有限公司 | Method and device for displaying preview page, storage medium and electronic equipment |
| CN107748689B (en) * | 2017-10-19 | 2020-11-10 | 创新先进技术有限公司 | Webpage display method and device |
| CN109739489A (en) * | 2017-10-31 | 2019-05-10 | 天津数观科技有限公司 | Method and device for generating data chart by using JavaScript |
| US11170067B2 (en) * | 2017-12-13 | 2021-11-09 | Google Llc | Methods, systems, and media for updating a webpage rendered with cached content |
| CN108415963A (en) * | 2018-02-07 | 2018-08-17 | 阿里巴巴集团控股有限公司 | A kind of page generation method and device |
| CN108416029A (en) * | 2018-03-09 | 2018-08-17 | 深圳市富途网络科技有限公司 | A kind of static resource update method and system |
| CN108762754A (en) * | 2018-04-26 | 2018-11-06 | 福建天泉教育科技有限公司 | A kind of method and terminal of H5 pages dynamic skin change in native applications |
| CN109165369A (en) * | 2018-07-12 | 2019-01-08 | 北京猫眼文化传媒有限公司 | Webpage display process and device |
| CN109327530B (en) * | 2018-10-31 | 2023-05-23 | 网易（杭州）网络有限公司 | Information processing method, device, electronic equipment and storage medium |
| CN109697069B (en) * | 2018-11-26 | 2022-07-26 | 福建天泉教育科技有限公司 | Packing method and terminal for H5 application |
| CN111310084A (en) * | 2018-12-12 | 2020-06-19 | 北京嘀嘀无限科技发展有限公司 | Page loading method, device and system, user terminal and readable storage medium |
| CN109710870A (en) * | 2018-12-27 | 2019-05-03 | 北京微播视界科技有限公司 | Loading method, device, electronic equipment and the readable storage medium storing program for executing of the H5 page |
| CN111857898A (en) * | 2019-04-25 | 2020-10-30 | 京东数字科技控股有限公司 | Display method and device of webpage address selection component, storage medium and terminal |
| CN111949342B (en) * | 2019-05-16 | 2024-03-05 | 新奥数能科技有限公司 | Page generation method and device |
| CN110457614B (en) * | 2019-07-03 | 2020-06-16 | 南方电网数字电网研究院有限公司 | Data increment updating method and device for reducing data concurrency and computer equipment |
| CN110955856B (en) * | 2019-10-14 | 2023-01-10 | 北京奇艺世纪科技有限公司 | Webpage loading method and device, server and storage medium |
| CN113468454A (en) * | 2020-03-31 | 2021-10-01 | 北京沃东天骏信息技术有限公司 | Method and device for rendering HTML (hypertext markup language) page |
| CN112015485A (en) * | 2020-08-14 | 2020-12-01 | 北京达佳互联信息技术有限公司 | Page display method and device, electronic equipment and storage medium |
| CN113742623A (en) * | 2021-08-23 | 2021-12-03 | 中国银联股份有限公司 | Page loading method, assembly, system, device and computer readable storage medium |
| CN114048405B (en) * | 2021-10-26 | 2024-04-09 | 盐城天眼察微科技有限公司 | Inlet template file generation method, device, equipment and storage medium |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101115064A (en) * | 2007-09-10 | 2008-01-30 | 腾讯科技（深圳）有限公司 | Network data storing, obtaining method and its implementing device |
| CN102109989A (en) * | 2009-12-29 | 2011-06-29 | 阿里巴巴集团控股有限公司 | Method, device and system for controlling browser cache |
| CN102438045A (en) * | 2011-12-07 | 2012-05-02 | 深圳市深信服电子科技有限公司 | Method and system for pre-fetching web page, and method for accessing web page |
| CN102508875A (en) * | 2011-10-18 | 2012-06-20 | 深圳市共进电子股份有限公司 | Method for quickly modifying and expanding WEB user interface of terminal equipment |
| CN103139298A (en) * | 2013-02-01 | 2013-06-05 | 北京京东世纪贸易有限公司 | Method for transmitting network data and device |
| CN103218434A (en) * | 2013-04-15 | 2013-07-24 | 北京小米科技有限责任公司 | Method and device for loading static resource |
| CN103870487A (en) * | 2012-12-13 | 2014-06-18 | 腾讯科技（深圳）有限公司 | Webpage file processing method and mobile terminal |
| CN104063431A (en) * | 2014-06-10 | 2014-09-24 | 百度在线网络技术（北京）有限公司 | Method and equipment for processing static resources |
-
2015
- 2015-04-29 CN CN201510212965.1A patent/CN106209925B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101115064A (en) * | 2007-09-10 | 2008-01-30 | 腾讯科技（深圳）有限公司 | Network data storing, obtaining method and its implementing device |
| CN102109989A (en) * | 2009-12-29 | 2011-06-29 | 阿里巴巴集团控股有限公司 | Method, device and system for controlling browser cache |
| CN102508875A (en) * | 2011-10-18 | 2012-06-20 | 深圳市共进电子股份有限公司 | Method for quickly modifying and expanding WEB user interface of terminal equipment |
| CN102438045A (en) * | 2011-12-07 | 2012-05-02 | 深圳市深信服电子科技有限公司 | Method and system for pre-fetching web page, and method for accessing web page |
| CN103870487A (en) * | 2012-12-13 | 2014-06-18 | 腾讯科技（深圳）有限公司 | Webpage file processing method and mobile terminal |
| CN103139298A (en) * | 2013-02-01 | 2013-06-05 | 北京京东世纪贸易有限公司 | Method for transmitting network data and device |
| CN103218434A (en) * | 2013-04-15 | 2013-07-24 | 北京小米科技有限责任公司 | Method and device for loading static resource |
| CN104063431A (en) * | 2014-06-10 | 2014-09-24 | 百度在线网络技术（北京）有限公司 | Method and equipment for processing static resources |
Also Published As
| Publication number | Publication date |
|---|---|
| CN106209925A (en) | 2016-12-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106209925B (en) | Page loading method, client and system | |
| US10353993B2 (en) | Phased generation and delivery of structured documents | |
| US7464381B1 (en) | Content update proxy method | |
| US8527862B2 (en) | Methods for making ajax web applications bookmarkable and crawlable and devices thereof | |
| US11010215B2 (en) | Recommending applications based on call requests between applications | |
| CN102307220B (en) | Cross-domain webpage information interaction method | |
| CN111010364B (en) | System for offline object-based storage and simulation of REST responses | |
| CN110825479A (en) | Page processing method and device, terminal equipment, server and storage medium | |
| CN104541262A (en) | System and method for transparent in-network adaptation of rich internet applications | |
| CN102981705B (en) | Server-side browser implementation method and server | |
| JP5936103B2 (en) | System, computer, method and program for calling Java method on client | |
| CN109992406B (en) | Picture request method, picture request response method and client | |
| US20120331038A1 (en) | Systems and methods for processing web service piped network requests | |
| CN102929489B (en) | Client browser implementation method and client browser | |
| US9892202B2 (en) | Web page load time reduction by optimized authentication | |
| CN110874445A (en) | Webpage loading method, client and business service center | |
| CN112926002A (en) | Service request processing method and device | |
| EP3057274A1 (en) | Method and system for defining the order in which web resources are obtained by a web browser | |
| CN105917694B (en) | Service in telecommunication network provides and activation | |
| CN104717286B (en) | Data processing method, terminal, server and system | |
| CN102355486A (en) | Data download method and apparatus thereof | |
| CN113315829B (en) | Client offline H5 page loading method and device, computer equipment and medium | |
| CN102262717B (en) | Method, device and equipment for changing original installation information and detecting installation information | |
| CN103440134A (en) | Webkit kernel-based storage resource service local extension method | |
| CN112688980B (en) | Resource distribution method and device, and computer equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |