WO2020042842A1 - 页面展示方法及其系统、计算机系统及计算机可读介质 - Google Patents

页面展示方法及其系统、计算机系统及计算机可读介质 Download PDF

Info

Publication number
WO2020042842A1
WO2020042842A1 PCT/CN2019/097933 CN2019097933W WO2020042842A1 WO 2020042842 A1 WO2020042842 A1 WO 2020042842A1 CN 2019097933 W CN2019097933 W CN 2019097933W WO 2020042842 A1 WO2020042842 A1 WO 2020042842A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
module
snapshot
initial
real
Prior art date
Application number
PCT/CN2019/097933
Other languages
English (en)
French (fr)
Inventor
冯伟平
Original Assignee
北京京东尚科信息技术有限公司
北京京东世纪贸易有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京京东尚科信息技术有限公司, 北京京东世纪贸易有限公司 filed Critical 北京京东尚科信息技术有限公司
Priority to US17/267,962 priority Critical patent/US11438403B2/en
Publication of WO2020042842A1 publication Critical patent/WO2020042842A1/zh

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/50—Network services
    • H04L67/56—Provisioning of proxy services
    • H04L67/568—Storing data temporarily at an intermediate stage, e.g. caching

Definitions

  • the present disclosure relates to the field of network technology, and more particularly, to a page display method and a page display system, a computer system, and a computer-readable medium.
  • the related art has at least the following problems:
  • the network environment the network is unstable or offline
  • the performance of the electronic device it may cause users to browse web pages Need to wait for a long time, or page pages are not rendered synchronously, degrading the user experience, or even losing users.
  • the present disclosure provides a page display method, a page display system, a computer system, and a computer-readable medium.
  • a first aspect of the present disclosure provides a page display method, including: receiving an access request to a target page, wherein the target page has a plurality of page modules; and in response to the access request, displaying the target stored locally A module snapshot of at least one page module in a page, where each page module has a corresponding module snapshot.
  • the method further includes: detecting whether an initial snapshot of at least one page module in the target page is stored locally; and generating an initial snapshot of at least one page module in the target page without storing the local snapshot. An initial snapshot of each page module in the at least one page module; and storing the initial snapshot as the module snapshot on the local.
  • the method further includes: in a case where an initial snapshot of at least one page module in the target page is stored, before the network data of the access request is returned, displaying at least the local target page stored in the target page at least An initial snapshot of a page module.
  • the method further includes: after the network data of the access request is returned, based on the network data, generating a real snapshot of at least one page module in the target page, wherein the real snapshot is used to record the at least one The actual effect of each page module in a page; and updating the initial snapshot stored locally on the basis of the real snapshot and the initial snapshot of each page module in the at least one page module.
  • the updating the initial snapshot stored locally based on the real snapshot and the initial snapshot of each page module in the at least one page module includes: obtaining the actual of each page module in the at least one page module. Obtaining the first version information and / or the first identification information corresponding to the snapshot; obtaining the second version information and / or the second identification information corresponding to the initial snapshot of each page module in the at least one page module; and based on the first version information and The second version information and / or the first identification information and the second identification information detect whether the real snapshot of each page module in the at least one page module is consistent with the initial snapshot; and each of the at least one page module If the real snapshot of the page module is inconsistent with the initial snapshot, the real snapshot is stored locally on the client to replace the initial snapshot.
  • a second aspect of the present disclosure provides a page display system, including: a receiving module for receiving an access request for a target page, wherein the target page has a plurality of page modules; and a first display module for responding In the above access request, a module snapshot of at least one page module of the target page stored locally is displayed, wherein each page module has a corresponding module snapshot.
  • the above system further includes: a detection module for detecting whether the local snapshot of at least one page module of the target page is stored locally; and a first generation module for storing the target page without storing the target page.
  • a detection module for detecting whether the local snapshot of at least one page module of the target page is stored locally
  • a first generation module for storing the target page without storing the target page.
  • an initial snapshot of at least one page module an initial snapshot of each page module in the at least one page module is generated
  • a storage module is configured to store the initial snapshot as the module snapshot in the local area.
  • the above-mentioned system further includes: a second display module, configured to display the storage in the before the network data of the access request is returned, in a case where an initial snapshot of at least one page module of the target page is stored. An initial snapshot of at least one page module in the local target page.
  • the system further includes: a second generating module configured to generate a real snapshot of at least one page module of the target page based on the network data after the network data of the access request is returned, wherein the above The real snapshot is used to record the actual effect of each page module in the at least one page; and the update module is used to update the initial stored in the local area based on the real snapshot and the initial snapshot of each page module in the at least one page module. Snapshot.
  • the update module includes: a first acquisition unit, configured to acquire first version information and / or first identification information corresponding to the real snapshot of each page module in the at least one page module; and a second acquisition A unit configured to obtain second version information and / or second identification information corresponding to the initial snapshot of each page module in the at least one page module; and a detection unit configured to be based on the first version information and the second version information and And / or the first identification information and the second identification information, to detect whether the real snapshot of each page module in the at least one page module is consistent with the initial snapshot; and a processing unit for each page in the at least one page module. If the real snapshot of the module is inconsistent with the initial snapshot, the real snapshot is stored locally on the client to replace the initial snapshot.
  • a third aspect of the present disclosure provides a computer system including: one or more processors and a storage device for storing one or more programs, wherein when one or more programs are processed by one or more processors When executed, one or more processors are caused to implement the page display method as described above.
  • a fourth aspect of the present disclosure provides a computer-readable medium having stored thereon executable instructions that, when executed by a processor, cause the processor to implement the page display method as described above.
  • the network when a page is displayed in the related art, the network may be unstable, or even offline, or may be restricted by the performance of the electronic device, which may cause the user to wait a long time to browse the webpage, or
  • the technical problem of page segmentation and asynchronous rendering and therefore can be independent of the network environment or the performance of electronic equipment when browsing the page. It can realize the technical effect of page effect caching and immediate response, which greatly reduces the time for users to wait for the page to load when browsing the page. , Give users the visual effect of opening the page instantly, and provide users with the same user experience as native applications.
  • FIG. 1A schematically illustrates an exemplary system architecture to which a page display method can be applied according to an embodiment of the present disclosure
  • FIG. 1B schematically illustrates an application scenario in which a page display method according to an embodiment of the present disclosure can be applied
  • FIG. 2 schematically illustrates a flowchart of a page display method according to an embodiment of the present disclosure
  • FIG. 3A schematically illustrates a flowchart of a page display method according to another embodiment of the present disclosure
  • FIG. 3B schematically illustrates a flowchart of a page display method according to another embodiment of the present disclosure
  • FIG. 3C schematically illustrates a flowchart of a page display method according to still another embodiment of the present disclosure
  • 3D schematically illustrates an effect diagram of an initial snapshot of a page module generated according to an embodiment of the present disclosure
  • 3E schematically illustrates an effect diagram of an initial snapshot of a page module updated according to an embodiment of the present disclosure
  • 3F schematically illustrates a flowchart of updating an initial snapshot stored locally based on a real snapshot and an initial snapshot of each page module in at least one page module according to an embodiment of the present disclosure
  • FIG. 3G schematically illustrates an effect diagram of an initial snapshot of a page module updated according to still another embodiment of the present disclosure
  • FIG. 3H schematically illustrates an effect diagram of an initial snapshot of a page module updated according to still another embodiment of the present disclosure
  • FIG. 4 schematically illustrates a block diagram of a page display system according to an embodiment of the present disclosure
  • FIG. 5A schematically illustrates a block diagram of a page display system according to yet another embodiment of the present disclosure
  • FIG. 5B schematically illustrates a block diagram of a page display system according to another embodiment of the present disclosure
  • 5C schematically illustrates a block diagram of a page display system according to yet another embodiment of the present disclosure
  • FIG. 5D schematically illustrates a block diagram of an update module according to an embodiment of the present disclosure.
  • FIG. 6 schematically illustrates a block diagram of a computer system suitable for implementing a page display method according to an embodiment of the present disclosure.
  • the present disclosure provides a method for displaying a page, including: receiving an access request to a target page, wherein the target page has a plurality of page modules; and a module that displays at least one page module stored in the local target page in response to the access request. Snapshot, where each page module has a corresponding module snapshot.
  • FIG. 1A schematically illustrates an exemplary system architecture 100 to which a page display method can be applied according to an embodiment of the present disclosure. It should be noted that FIG. 1A is only an example of a system architecture to which the embodiments of the present disclosure can be applied to help those skilled in the art understand the technical content of the present disclosure, but it does not mean that the embodiments of the present disclosure cannot be used in other applications.
  • the system architecture 100 may include terminal devices 101, 102, 103, a network 104, and a server 105.
  • the network 104 is a medium for providing a communication link between the terminal devices 101, 102, 103 and the server 105.
  • the network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, and so on.
  • the user can use the terminal devices 101, 102, 103 to interact with the server 105 through the network 104 to receive or send messages and the like.
  • Various communication client applications can be installed on the terminal devices 101, 102, 103, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc. (only examples).
  • the terminal devices 101, 102, 103 may be various electronic devices having a display screen and supporting web browsing, including, but not limited to, smart phones, tablet computers, laptop computers, and desktop computers.
  • the server 105 may be a server that provides various services, for example, a background management server (for example only) that provides support for users to browse websites using the terminal devices 101, 102, and 103.
  • the background management server can analyze and process the received data such as user requests, and feed back the processing results (such as web pages, information, or data acquired or generated according to user requests) to the terminal device.
  • the page display method provided by the embodiment of the present disclosure may generally be executed by the terminal device 101, 102, or 103, or may be executed by another terminal device different from the terminal device 101, 102, or 103. Accordingly, the page display system provided in the embodiment of the present disclosure may also be provided in the terminal device 101, 102, or 103, or in another terminal device different from the terminal device 101, 102, or 103.
  • terminal devices, networks, and servers in FIG. 1A are merely exemplary. According to implementation needs, there can be any number of terminal devices, networks, and servers.
  • FIG. 1B schematically illustrates an application scenario in which the page display method of the embodiment of the present disclosure can be applied.
  • the page 110 may have a plurality of modules such as a module A (111), a module B (112), a module C (113), a module D (114), a module E (115), and a module F (116).
  • a script such as JavaScript, loads at least one of multiple modules as needed to complete the display of the page. Normally, you can load from top to bottom and left to right.
  • FIG. 1B is merely exemplary. According to the actual situation of the page, there can be any number of modules.
  • FIG. 1B is only a schematic diagram showing the layout of the above multiple modules on the page 110, and is not a limitation on the layout of each module. According to the actual situation of the page, multiple modules may have different The layout is not limited in this disclosure, and the module content of each module is not limited here.
  • FIG. 2 schematically illustrates a flowchart of a page display method according to an embodiment of the present disclosure.
  • the method may include operations S210 and S220. among them:
  • the target page may be a page of a browser of a mobile terminal or a page of a browser of a portable electronic device terminal.
  • an electronic device used for browsing the page there is no limitation on an electronic device used for browsing the page.
  • the operating system of the electronic device and the browser used to browse the pages can be the Google Chrome browser that supports the Android operating system, or the iPhone operating system (iOS for short).
  • Safari browser can also be Microsoft's Internet Explorer (referred to as IE) browser.
  • the target page has multiple page modules (as shown in FIG. 1B), and each page module has a corresponding module snapshot, and the corresponding module snapshot of each page may be the same or different.
  • This disclosure does not Be limited.
  • a module snapshot of a page module is stored locally, such as in localstorage. After receiving an access request for a target page, a module snapshot corresponding to at least one page module in the target page can be obtained locally and displayed to the user.
  • the display screen of the electronic device limits the range of the visible area, and the area outside the visible area is the non-visible area. Since the user can only see the page content located on the display screen of the electronic device, the display screen size Limited, the size of the target page is often much larger than the display screen, and cannot be displayed on the display screen at one time, but can only be partially displayed on the screen. Therefore, the target page is divided into a visible area and a non-visible area by the display screen. , The user is currently seeing the target page in the visible area, and the user is currently not seeing the target page in the non-visible area. The non-visible area is only relative to the visible area. In the operation of the page, the visible area and the non-visible area are relatively changed.
  • performing a scroll operation on the page can make the page originally located in the non-visible area be in the visible area.
  • obtaining a module snapshot corresponding to at least one page module in the target page from the local display to the user is divided into two cases.
  • Case 1 Module snapshots of all page modules in the target page are obtained locally and displayed to the user.
  • Case 2 The module snapshots of all the page modules in the visible area of the target page are obtained locally and displayed to the user.
  • case 2 because the module snapshot is stored and local, obtaining and displaying the module snapshot of all page modules in the target page is different from obtaining and displaying the module snapshot of all page modules in the visible area of the target page. Few can achieve the technical effect of instant page opening, but only obtaining and displaying module snapshots of all page modules in the visible area of the target page can achieve the technical effect of instant page opening, while reducing the energy consumption of electronic equipment and extending the electronic The duration of use of the device.
  • PWA Progressive Web Application
  • APP mobile native applications
  • FIG. 2 The method for displaying a page shown in FIG. 2 is further described below with reference to FIGS. 3A to 3H in combination with specific embodiments.
  • FIG. 3A schematically illustrates a flowchart of a page display method according to yet another embodiment of the present disclosure.
  • the method may include operations S311 to S313 in addition to the foregoing operations S210 and S220. among them:
  • operation S311 it is detected whether an initial snapshot of at least one page module in the target page is stored locally.
  • the initial snapshot is stored locally as a module snapshot.
  • the initial snapshot corresponding to each page module can be the same (as shown in Figure 3D) or different. You can manually set any picture as the initial snapshot, and also generate an initial snapshot based on the function of the page module. No restrictions.
  • FIG. 3B schematically illustrates a flowchart of a page display method according to another embodiment of the present disclosure.
  • the method may further include operation S321: when an initial snapshot of at least one page module in the target page is stored, an access request Before returning the network data, display an initial snapshot of at least one page module in the target page stored locally.
  • the server may return the network data of the page module according to the relevant information carried by the network request, but before the network data is returned, the related technology is shown to the user
  • the page effect is blank or indicates that it is in the Loading state.
  • the module snapshot of the page module is stored locally, the user can show the target stored locally before the network data is returned.
  • the initial snapshot of the page module of the page allows the user to see the initial snapshot of the module, avoiding seeing blank or blank page effects that indicate that it is in the Loading state.
  • the embodiments of the present disclosure if there is an initial snapshot of at least one page module in the target page, before the network data of the access request is returned, displaying the initial snapshot of at least one page module in the target page,
  • the waiting time of the user can be reduced, the technical effect of opening the page instantly can be achieved, and the user experience can be improved.
  • FIG. 3C schematically illustrates a flowchart of a page display method according to still another embodiment of the present disclosure.
  • the method may further include operations S331 and S332. among them:
  • the initial snapshot stored locally is updated based on the real snapshot and the initial snapshot of each page module in the at least one page module.
  • the display effect of the initial snapshot is covered by the real effect and the content of the page.
  • the user sees the real effect of the page, and can further draw based on the real display effect of the page.
  • Real-effect pictures of page modules generate real snapshots.
  • the real effects of Scalable Vector Graphics (SVG) and canvas such as Canvas drawing modules can be converted into Base64 image, as a real snapshot for recording the actual effect of the page module, as a new snapshot of the module.
  • SVG Scalable Vector Graphics
  • Canvas drawing modules can be converted into Base64 image, as a real snapshot for recording the actual effect of the page module, as a new snapshot of the module.
  • the method for generating a real snapshot based on page-based network data is not limited in this disclosure, and those skilled in the art can make adaptive selections based on their own experience and actual needs.
  • a real snapshot is generated based on the network data, so that the snapshot can reflect the real effect of the page module, and provide the user with an effect of instantly opening the page.
  • FIG. 3D schematically illustrates an effect diagram of an initial snapshot of a page module generated according to an embodiment of the present disclosure.
  • each of the modules A, B, C, D, E, and F has a corresponding initial snapshot. You can set different initial snapshots for each module based on actual needs.
  • FIG. 3E schematically illustrates an effect diagram of an initial snapshot of a page module updated according to an embodiment of the present disclosure.
  • module A, module B, and module C are located in the visible area. Therefore, the real snapshot overlays corresponding to module A, module B, and module C based on the network data are generated.
  • the initial snapshots corresponding to module A, module B, and module C shown in 3D.
  • the real snapshot corresponding to the real effect is saved locally.
  • Module D, module E, and module F are located in non-visible areas. Therefore, the real snapshots corresponding to module D, module E, and module F based on network data do not cover module D and module E shown in FIG. 3D. , The initial snapshot corresponding to module F, the user still sees the initial snapshot corresponding to module D, module E, and module F.
  • FIG. 3F schematically illustrates a flowchart of updating an initial snapshot stored locally based on a real snapshot and an initial snapshot of each page module in at least one page module according to an embodiment of the present disclosure.
  • the method may include operations S341 to S344. among them:
  • first version information and / or first identification information corresponding to a real snapshot of each page module in at least one page module is acquired.
  • the second version information and / or the second identification information corresponding to the initial snapshot of each page module in the at least one page module is acquired.
  • the initial snapshot stored locally may be updated based on the real snapshot and the initial snapshot of the page module, that is, the judgment Whether the effect of the real snapshot is updated. If so, the real snapshot is stored locally on the client instead of the initial snapshot.
  • the application version update may cause the number and layout of page modules of the target page to change
  • each user's access operation may also cause the actual snapshot of the page module to be different from the initial snapshot. Therefore, according to the present disclosure, in the embodiment, it is possible to judge whether the effect of the real snapshot is updated according to different judgment standards.
  • the judgment standards may include, but not limited to, version numbers and file identification information of the page, such as a check code (Message Digest Algorithm 5, abbreviated as MD5).
  • Method 1 Determine whether the effect of the real snapshot is updated according to the version information.
  • the application update corresponds to a different version number. Therefore, it can be judged whether the effect of the real snapshot is updated according to the version number. If the version number corresponding to the real snapshot is different from the version number corresponding to the initial snapshot, it indicates that the real snapshot is The effect is updated to store the real snapshot locally on the client instead of the initial snapshot. If they are the same, the effect of the real snapshot is not updated, and the initial snapshot is retained.
  • Method 2 Determine whether the effect of the real snapshot is updated according to MD5.
  • the same page module uses the MD5 algorithm to generate a unique MD5 check code. If the MD5 check code corresponding to the real snapshot is different from the MD5 check code corresponding to the initial snapshot, it indicates that the effect of the real snapshot is updated, and the real snapshot is updated. Stored locally on the client instead of the initial snapshot. If they are the same, the effect of the real snapshot is not updated, and the initial snapshot is retained.
  • Method 3 Determine whether the effect of the real snapshot is updated according to the version information and MD5.
  • the present disclosure also provides a method to determine whether the effect of the real snapshot is updated according to the version number (method 1) and MD5 (method 2). , Will not repeat them here.
  • the initial snapshot is updated according to the version information and / or identification information of the initial snapshot and the real snapshot, so that the initial snapshot stored locally records the real effect of the page module, and brings a real browsing experience to the user.
  • FIG. 3G schematically illustrates an effect diagram of an initial snapshot of a page module updated according to yet another embodiment of the present disclosure.
  • FIG. 3H schematically illustrates an effect diagram of an initial snapshot of a page module updated according to still another embodiment of the present disclosure.
  • a real snapshot recording the real display effect of the page module can be obtained, according to the version number and / or
  • the file identification information can determine whether the initial snapshot of the page module stored locally needs to be updated. That is, the initial snapshot stored locally may be empty before the user generates an access request, but after the user performs the access operation, a real snapshot can be drawn according to the real display effect of each page module on the page displayed to the user. It is stored locally, so that the next time the user is in a poor network environment, the user can be shown a real snapshot of the real display effect that was previously displayed, so that the user has the experience of a native application.
  • FIG. 4 schematically illustrates a block diagram of a page display system according to an embodiment of the present disclosure.
  • the page display system 400 may include a receiving module 410 and a first display module 420. among them:
  • the receiving module 410 is configured to receive an access request for a target page, where the target page has multiple page modules.
  • the first display module 420 is configured to display a module snapshot of at least one page module stored in the local target page in response to the access request, wherein each page module has a corresponding module snapshot.
  • FIG. 5A schematically illustrates a block diagram of a page display system according to yet another embodiment of the present disclosure.
  • the page display system 400 may further include a detection module 511, a first generation module 512, and a storage module 513. among them:
  • the detection module 511 is configured to detect whether an initial snapshot of at least one page module in the target page is stored locally.
  • the first generating module 512 is configured to generate an initial snapshot of each page module in the at least one page module when the initial snapshot of at least one page module in the target page is not stored.
  • the storage module 513 is configured to store the initial snapshot locally as a module snapshot.
  • FIG. 5B schematically illustrates a block diagram of a page display system according to another embodiment of the present disclosure.
  • the page display system 400 may include a receiving module 410, a first displaying module 420, a detecting module 511, a first generating module 512, and a storage module 513, as well as a second displaying module 521.
  • a receiving module 410 the page display system 400 may include a receiving module 410, a first displaying module 420, a detecting module 511, a first generating module 512, and a storage module 513, as well as a second displaying module 521.
  • the user can still see a display effect that is not blank or indicates that it is in the Loading state, while reducing the user's waiting time, achieving the technical effect of instantly opening the page, and improving the user experience.
  • FIG. 5C schematically illustrates a block diagram of a page display system according to still another embodiment of the present disclosure.
  • the page display system 400 may include a receiving module 410, a first displaying module 420, a detecting module 511, a first generating module 512, a storage module 513, and a second displaying module 521.
  • Second generation module 531 and update module 532 among them:
  • the second generating module 531 is configured to generate a real snapshot of at least one page module in the target page based on the network data after the network data of the access request is returned.
  • the update module 532 is configured to update the initial snapshot stored locally based on the real snapshot and the initial snapshot of each page module in the at least one page module.
  • a real snapshot is generated based on the network data, so that the snapshot can reflect the real effect of the page module, and provide the user with an effect of instantly opening the page.
  • FIG. 5D schematically illustrates a block diagram of an update module according to an embodiment of the present disclosure.
  • the update module 532 may include a first obtaining unit 541, a second obtaining unit 542, a detecting unit 543, and a processing unit 544. among them:
  • the first obtaining unit 541 is configured to obtain first version information and / or first identification information corresponding to a real snapshot of each page module in at least one page module.
  • the second obtaining unit 542 is configured to obtain second version information and / or second identification information corresponding to an initial snapshot of each page module in at least one page module.
  • the detecting unit 543 is configured to detect whether the actual snapshot of each page module in the at least one page module is consistent with the initial snapshot based on the first version information and the second version information and / or the first identification information and the second identification information.
  • the processing unit 544 is configured to store the real snapshot locally on the client instead of the initial snapshot if the actual snapshot of each page module in the at least one page module is inconsistent with the initial snapshot.
  • the initial snapshot is updated according to the version information and / or identification information of the initial snapshot and the real snapshot, so that the initial snapshot stored locally records the real effect of the page module, and brings a real browsing experience to the user.
  • Any number of modules, units, or at least part of the functions of any of them according to the embodiments of the present disclosure may be implemented in one module. Any one or more of the modules, units, and sub-units according to the embodiments of the present disclosure may be implemented by being divided into a plurality of modules. Any one or more of the modules and units according to the embodiments of the present disclosure may be at least partially implemented as a hardware circuit, such as a field programmable gate array (FPGA), a programmable logic array (PLA), a system on a chip, a Systems, systems on packages, application-specific integrated circuits (ASICs), or any other reasonable means of hardware or firmware that can integrate or package a circuit, or any one of software, hardware, and firmware Or in any appropriate combination of them. Alternatively, one or more of the modules and units according to the embodiments of the present disclosure may be at least partially implemented as a computer program module, and when the computer program module is executed, a corresponding function may be performed.
  • FPGA field programmable gate array
  • PLA
  • any number of the receiving module 410, the first display module 420, the detection module 511, the first generation module 512, the storage module 513, the second display module 521, the second generation module 531, and the update module 532 may be combined into one Implemented in modules, or any one of them can be split into multiple modules. Alternatively, at least part of the functions of one or more of these modules may be combined with at least part of the functions of other modules and implemented in one module.
  • At least one of the receiving module 410, the first display module 420, the detection module 511, the first generation module 512, the storage module 513, the second display module 521, the second generation module 531, and the update module 532 May be implemented at least partially as a hardware circuit, such as a field programmable gate array (FPGA), a programmable logic array (PLA), a system on a chip, a system on a substrate, a system on a package, an application specific integrated circuit (ASIC), or It is implemented by hardware or firmware in any other reasonable way such as integrating or packaging the circuit, or in any one of software, hardware, and firmware, or in any appropriate combination thereof.
  • FPGA field programmable gate array
  • PLA programmable logic array
  • ASIC application specific integrated circuit
  • At least one of the receiving module 410, the first display module 420, the detection module 511, the first generation module 512, the storage module 513, the second display module 521, the second generation module 531, and the update module 532 may be at least partially It is implemented as a computer program module, and when the computer program module is executed, it can perform corresponding functions.
  • FIG. 6 schematically illustrates a block diagram of a computer system suitable for implementing a page display method according to an embodiment of the present disclosure.
  • the computer system shown in FIG. 6 is only an example, and should not impose any limitation on the functions and scope of use of the embodiments of the present disclosure.
  • a computer system 600 includes a processor 601 that can be loaded into a random access memory (RAM) 603 according to a program stored in a read-only memory (ROM) 602 or from a storage portion 608.
  • the program performs various appropriate actions and processes.
  • the processor 601 may include, for example, a general-purpose microprocessor (for example, a CPU), an instruction set processor and / or an associated chipset and / or a special-purpose microprocessor (for example, an application-specific integrated circuit (ASIC)), and so on.
  • the processor 601 may also include on-board memory for caching purposes.
  • the processor 601 may include a single processing unit or multiple processing units for performing different actions of the method flow according to the embodiment of the present disclosure.
  • the processor 601, the ROM 602, and the RAM 603 are connected to each other through a bus 604.
  • the processor 601 executes various operations of the method flow according to the embodiment of the present disclosure by executing programs in the ROM 602 and / or the RAM 603. It should be noted that the program may also be stored in one or more memories other than the ROM 602 and the RAM 603.
  • the processor 601 may also execute various operations of the method flow according to the embodiment of the present disclosure by executing a program stored in the one or more memories.
  • the system 600 may further include an input / output (I / O) interface 605, and the input / output (I / O) interface 605 is also connected to the bus 604.
  • the system 600 may also include one or more of the following components connected to the I / O interface 605: an input portion 606 including a keyboard, a mouse, and the like; including, such as a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker
  • the communication section 609 performs communication processing via a network such as the Internet.
  • the driver 610 is also connected to the I / O interface 605 as necessary.
  • a removable medium 611 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is installed on the drive 610 as needed, so that a computer program read therefrom is installed into the storage section 608 as needed.
  • the method flow according to the embodiment of the present disclosure may be implemented as a computer software program.
  • embodiments of the present disclosure include a computer program product including a computer program carried on a computer-readable medium, the computer program containing program code for performing a method shown in a flowchart.
  • the computer program may be downloaded and installed from a network through the communication portion 609, and / or installed from a removable medium 611.
  • the computer program is executed by the processor 601
  • the above functions defined in the system of the embodiment of the present disclosure are executed.
  • the systems, devices, devices, modules, units, and the like described above may be implemented by computer program modules.
  • the present disclosure also provides a computer-readable medium, which may be included in the device / apparatus / system described in the above embodiments; or it may exist alone without being assembled into the device / apparatus / System.
  • the computer-readable medium described above carries one or more programs, and when the one or more programs are executed, the method according to the embodiment of the present disclosure is implemented.
  • the computer-readable medium may be a computer-readable signal medium or a computer-readable storage medium or any combination of the foregoing.
  • the computer-readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to: electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable Programming read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the foregoing.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in combination with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal that is included in baseband or propagated as part of a carrier wave, and which carries computer-readable program code. Such a propagated data signal may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • the computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, and the computer-readable medium may send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device .
  • the program code contained on the computer-readable medium may be transmitted using any appropriate medium, including but not limited to: wireless, wired, optical fiber cable, radio frequency signals, etc., or any suitable combination of the foregoing.
  • the computer-readable medium may include one or more memories other than the ROM 602 and / or the RAM 603 and / or the ROM 602 and the RAM 603 described above.
  • each block in the flowchart or block diagram may represent a module, a program segment, or a part of code, which contains one or more of the logic functions used to implement the specified logic.
  • Executable instructions may also occur in a different order than those marked in the drawings. For example, two successively represented boxes may actually be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending on the functions involved.
  • each block in the block diagram or flowchart, and combinations of blocks in the block diagram or flowchart can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with A combination of dedicated hardware and computer instructions.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本公开提供了一种页面展示方法，包括：接收对目标页面的访问请求，其中，目标页面具有多个页面模块；以及响应于访问请求，展示存储于本地的目标页面中至少一个页面模块的模块快照，其中，每个页面模块具有相应的模块快照。此外，本公开还提供了一种页面展示系统，一种计算机系统以及一种计算机可读介质。

Description

页面展示方法及其系统、计算机系统及计算机可读介质 技术领域
本公开涉及网络技术领域，更具体地，涉及一种页面展示方法及页面展示系统，一种计算机系统及一种计算机可读介质。
背景技术
随着互联网的飞速发展，人们利用各种各样的电子设备可以享受到网络带给人们的丰富体验，如浏览网页。
然而，在实现本公开构思的过程中，发明人发现相关技术中至少存在如下问题：相关技术中，由于受到网络环境(网络不稳定或者离线状态)或电子设备性能的制约，可能造成用户浏览网页需要等待较长的时间，或者页面分块不同步渲染，使用户体验下降，甚至用户流失。
针对相关技术中的上述问题，目前还未提出有效的解决方案。
发明内容
有鉴于此，本公开提供了一种页面展示方法、一种页面展示系统、一种计算机系统以及一种计算机可读介质。
本公开的第一个方面提供了一种页面展示方法，包括：接收对目标页面的访问请求，其中，上述目标页面具有多个页面模块；以及响应于上述访问请求，展示存储于本地的上述目标页面中至少一个页面模块的模块快照，其中，每个页面模块具有相应的模块快照。
根据本公开的实施例，上述方法还包括：检测上述本地是否存储有上述目标页面中至少一个页面模块的初始快照；在未存储有上述目标页面中至少一个页面模块的初始快照的情况下，生成上述至少一个页面模块中每个页面模块的初始快照；以及将上述初始快照作为上述模块快照存储于上述本地。
根据本公开的实施例，上述方法还包括：在存储有上述目标页面中至少一个页面模块的初始快照的情况下，在上述访问请求的网络数据返回之前，展示存储于本地的上述目标页面中至少一个页面模块的初始快照。
根据本公开的实施例，上述方法还包括：在上述访问请求的网络数据返回之后，基于上述网络数据，生成上述目标页面中至少一个页面模块的真实快照，其中，上述真实快照用于记录上述至少一个页面中每个页面模块的真实效果；以及基于上述至少一个页面模块中各页面模块的上述真实快照和上述初始快照，更新上述本地中存储的初始快照。
根据本公开的实施例，上述基于上述至少一个页面模块中各页面模块的上述真实快照和上述初始快照，更新上述本地中存储的初始快照包括：获取上述至少一个页面模块中各页面模块的上述真实快照对应的第一版本信息和/或第一标识信息；获取上述至少一个页面模块中各页面模块的上述初始快照对应的第二版本信息和/或第二标识信息；基于上述第一版本信息与上述第二版本信息和/或上述第一标识信息与上述第二标识信息，检测上述至少一个页面模块中各页面模块的上述真实快照是否与上述初始快照一致；以及在上述至少一个页面模块中各页面模块的上述真实快照与上述初始快照不一致的情况下，将上述真实快照存储在上述客户端本地以代替上述初始快照。
本公开的第二个方面提供了一种页面展示系统，包括：接收模块，用于接收对目标页面的访问请求，其中，上述目标页面具有多个页面模块；以及第一展示模块，用于响应于上述访问请求，展示存储于本地的上述目标页面中至少一个页面模块的模块快照，其中，每个页面模块具有相应的模块快照。
根据本公开的实施例，上述系统还包括：检测模块，用于检测上述本地是否存储有上述目标页面中至少一个页面模块的初始快照；第一生成模块，用于在未存储有上述目标页面中至少一个页面模块的初始快照的情况下，生成上述至少一个页面模块中每个页面模块的初始 快照；以及存储模块，用于将上述初始快照作为上述模块快照存储于上述本地。
根据本公开的实施例，上述系统还包括：第二展示模块，用于在存储有上述目标页面中至少一个页面模块的初始快照的情况下，在上述访问请求的网络数据返回之前，展示存储于本地的上述目标页面中至少一个页面模块的初始快照。
根据本公开的实施例，上述系统还包括：第二生成模块，用于在上述访问请求的网络数据返回之后，基于上述网络数据，生成上述目标页面中至少一个页面模块的真实快照，其中，上述真实快照用于记录上述至少一个页面中每个页面模块的真实效果；以及更新模块，用于基于上述至少一个页面模块中各页面模块的上述真实快照和上述初始快照，更新上述本地中存储的初始快照。
根据本公开的实施例，上述更新模块包括：第一获取单元，用于获取上述至少一个页面模块中各页面模块的上述真实快照对应的第一版本信息和/或第一标识信息；第二获取单元，用于获取上述至少一个页面模块中各页面模块的上述初始快照对应的第二版本信息和/或第二标识信息；检测单元，用于基于上述第一版本信息与上述第二版本信息和/或上述第一标识信息与上述第二标识信息，检测上述至少一个页面模块中各页面模块的上述真实快照是否与上述初始快照一致；以及处理单元，用于在上述至少一个页面模块中各页面模块的上述真实快照与上述初始快照不一致的情况下，将上述真实快照存储在上述客户端本地以代替上述初始快照。
本公开的第三个方面提供了一种计算机系统，包括：一个或多个处理器，存储装置，用于存储一个或多个程序，其中，当一个或多个程序被一个或多个处理器执行时，使得一个或多个处理器实现如上所述的页面展示方法。
本公开的第四个方面提供了一种计算机可读介质，其上存储有可执行指令，该指令被处理器执行时使处理器实现如上所述的页面展示方法。
根据本公开的实施例，可以至少部分地克服相关技术中在展示页 面时，由于网络不稳定，甚至离线，亦或者受到电子设备性能的制约，可能造成用户浏览网页需要等待较长的时间，或者页面分块不同步渲染的技术问题，并因此可以在浏览页面时不受网络环境或电子设备性能的制约，实现页面效果缓存并即时响应的技术效果，大大减少用户浏览页面时等待页面加载的时间，给用户瞬间打开页面的视觉效果，给用户提供如原生应用一样的用户体验。
附图说明
通过以下参照附图对本公开实施例的描述，本公开的上述以及其他目的、特征和优点将更为清楚，在附图中：
图1A示意性示出了根据本公开实施例的可以应用页面展示方法的示例性系统架构；
图1B示意性示出了可以应用本公开实施例的页面展示方法的应用场景；
图2示意性示出了根据本公开实施例的页面展示方法的流程图；
图3A示意性示出了根据本公开又一实施例的页面展示方法的流程图；
图3B示意性示出了根据本公开另一实施例的页面展示方法的流程图；
图3C示意性示出了根据本公开再一实施例的页面展示方法的流程图；
图3D示意性示出了根据本公开实施例生成的页面模块的初始快照的效果图；
图3E示意性示出了根据本公开实施例更新的页面模块的初始快照的效果图；
图3F示意性示出了根据本公开实施例在基于至少一个页面模块中各页面模块的真实快照和初始快照，更新本地中存储的初始快照的流程图；
图3G示意性示出了根据本公开又一实施例更新的页面模块的初始 快照的效果图；
图3H示意性示出了根据本公开再一实施例更新的页面模块的初始快照的效果图；
图4示意性示出了根据本公开实施例的页面展示系统的框图；
图5A示意性示出了根据本公开又一实施例的页面展示系统的框图；
图5B示意性示出了根据本公开另一实施例的页面展示系统的框图；
图5C示意性示出了根据本公开再一实施例的页面展示系统的框图；
图5D示意性示出了根据本公开实施例的更新模块的框图；以及
图6示意性示出了根据本公开实施例的适于实现页面展示方法的计算机系统的方框图。
具体实施方式
以下，将参照附图来描述本公开的实施例。但是应该理解，这些描述只是示例性的，而并非要限制本公开的范围。在下面的详细描述中，为便于解释，阐述了许多具体的细节以提供对本公开实施例的全面理解。然而，明显地，一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本公开的概念。
在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。
在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。
在使用类似于“A、B和C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独 具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。本领域技术人员还应理解，实质上任意表示两个或更多可选项目的转折连词和/或短语，无论是在说明书、权利要求书还是附图中，都应被理解为给出了包括这些项目之一、这些项目任一方、或两个项目的可能性。例如，短语“A或B”应当被理解为包括“A”或“B”、或“A和B”的可能性。
本公开提供了一种页面展示方法，包括：接收对目标页面的访问请求，其中，目标页面具有多个页面模块；以及响应于访问请求，展示存储于本地的目标页面中至少一个页面模块的模块快照，其中，每个页面模块具有相应的模块快照。
图1A示意性示出了根据本公开实施例的可以应用页面展示方法的示例性系统架构100。需要注意的是，图1A所示仅为可以应用本公开实施例的系统架构的示例，以帮助本领域技术人员理解本公开的技术内容，但并不意味着本公开实施例不可以用于其他设备、系统、环境或场景。
如图1A所示，根据该实施例的系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算 机和台式计算机等等。
服务器105可以是提供各种服务的服务器，例如对用户利用终端设备101、102、103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理，并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。
需要说明的是，本公开实施例所提供的页面展示方法一般可以由终端设备101、102或103执行，或者也可以由不同于终端设备101、102或103的其他终端设备执行。相应地，本公开实施例所提供的页面展示系统也可以设置于终端设备101、102或103中，或设置于不同于终端设备101、102或103的其他终端设备中。
应该理解，图1A中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
图1B示意性示出了可以应用本公开实施例的页面展示方法的应用场景。
如图1B所示，页面110可以具有模块A(111)，模块B(112)，模块C(113)，模块D(114)，模块E(115)，模块F(116)等多个模块。可以根据不同的访问请求，通过脚本，如JavaScript按需加载多个模块中的至少一个来完成页面的显示。通常情况下，可以按照从上到下，从左到右的顺序加载。
应该理解，图1B中的模块数目仅仅是示意性的。根据页面实际情况，可以具有任意数目的模块。
为了方便理解本公开的发明构思，图1B仅是示意性的示出上述多个模块在页面110中的布局，并非对各模块布局的限定，根据页面是实际情况，多个模块可以有不同的布局，本公开不做限定，且各模块的模块内容此处也不做限定。
图2示意性示出了根据本公开实施例的页面展示方法的流程图。
如图2所示，该方法可以包括操作S210和S220。其中：
在操作S210，接收对目标页面的访问请求。
在操作S220，响应于访问请求，展示存储于本地的目标页面中至少一个页面模块的模块快照。
根据本公开的实施例，目标页面可以是移动终端的浏览器的页面，也可以是便携式电子设备终端的浏览器的页面，换言之，对浏览页面使用的电子设备并无限定。进一步，对电子设备的操作系统和浏览页面使用的浏览器也无限定，可以是支持安卓(Android)操作系统的谷歌(Chrome)浏览器，也可以是苹果操作系统(iphone Operating System，简称为iOS)的Safari浏览器，还可以是微软的Internet Explorer(简称为IE)浏览器。
根据本公开的实施例，目标页面具有多个页面模块(如图1B所示)，且每个页面模块具有相应的模块快照，每个页面相应的模块快照可以相同，也可以不同，本公开不做限定。
根据本公开的实施例，页面模块的模块快照存储在本地，如localstorage中，在接收到对目标页面的访问请求后，可以从本地获取目标页面中至少一个页面模块对应的模块快照展示给用户。
需要说明的是，电子设备的显示屏幕限定了可视区的范围，可视区范围外的为非可视区，由于用户只能看到位于电子设备显示屏幕上的页面内容，但是显示屏幕大小有限，目标页面的大小往往比显示屏幕大很多，并不能一次性显示在显示屏幕上，而只能部分地显示在屏幕上，因此，目标页面被显示屏幕分为可视区和非可视区，用户当前看到的是位于可视区的目标页面，而用户当前看不到的是位于非可视区的目标页面，非可视区仅仅是相对于可视区而言，根据用户对目标页面的操作，可视区与非可视区是相对变化的，在用户浏览目标页面的过程中，对页面执行滚动操作可以使得原本位于非可视区的页面位于可视区。相应地，从本地获取目标页面中至少一个页面模块对应的模块快照展示给用户分为两种情况。
情况一：从本地获取目标页面中所有页面模块的模块快照展示给用户。
情况二：从本地获取目标页面中可视区的所有页面模块的模块快照展示给用户。
相较于情况一，在情况二中由于模块快照存储与本地，获取并展示目标页面中所有页面模块的模块快照与获取并展示目标页面中可视区的所有页面模块的模块快照在时间上相差无几，都可以实现瞬间打开页面的技术效果，但是仅获取并展示目标页面中可视区的所有页面模块的模块快照可以在实现瞬间打开页面的技术效果的同时，降低电子设备能耗，延长电子设备的使用时长。
而在相关技术中，在网络不佳甚至离线的情况下，可以通过PWA(Progressive Web Application)渐进式Web应用实现快速打开页面的技术效果，但是由于其核心技术Serice Workers等，目前只支持Android系统的Chrome浏览器，IOS系统的Safari浏览器及微软的IE浏览器都支持不好，场景严重受限，也可以在移动端原生应用程序(Application，以下简称APP)，如Android应用、IOS应用中实现快速打开页面的技术效果，但是App原生应用的开发成本高且周期长、而且并不能普及到所有页面。
通过本公开的实施例，可以至少部分地克服相关技术中在展示页面时，由于网络不稳定，甚至离线，亦或者受到电子设备性能的制约，可能造成用户浏览网页需要等待较长的时间，或者页面分块不同步渲染的技术问题，并因此可以在浏览页面时不受网络环境或电子设备性能的制约，实现页面效果缓存并即时响应的技术效果，大大减少用户浏览页面时等待页面加载的时间，给用户瞬间打开页面的视觉效果，给用户提供如原生应用一样的用户体验。
下面参考图3A～图3H，结合具体实施例对图2所示的页面展示方法做进一步说明。
图3A示意性示出了根据本公开又一实施例的页面展示方法的流程图。
如图3A所示，该方法除了可以包括前述操作S210和S220之外，还可以包括操作S311～S313。其中：
在操作S311，检测本地是否存储有目标页面中至少一个页面模块的初始快照。
在操作S312，在未存储有目标页面中至少一个页面模块的初始快 照的情况下，生成至少一个页面模块中每个页面模块的初始快照。
在操作S313，将初始快照作为模块快照存储于本地。
根据本公开的实施例，可以在操作S210(接收对目标页面的访问请求)之后，检测本地是否存储有目标页面中该页面模块的初始快照，若没有，则生成该页面模块的初始快照，并将初始快照作为模块快照存储于本地，使得可以响应于访问请求，展示存储于本地的目标页面中至少一个页面模块的模块快照。
需要说明的是，每个页面模块对应的初始快照可以相同(如图3D所示)，也可以不同，可以人为设定任意图片作为初始快照，也根据该页面模块的功能生成初始快照，此次不做限定。
通过本公开的实施例，在本地尚未存储有初始快照的情况下，生成初始快照，可以在网络不稳定的情况下，减少用户的等待时间，实现瞬间打开页面的技术效果。
图3B示意性示出了根据本公开另一实施例的页面展示方法的流程图。
如图3B所示，该方法除了可以包括前述操作S210、S220以及操作S311～S313之外，还可以包括操作S321：在存储有目标页面中至少一个页面模块的初始快照的情况下，在访问请求的网络数据返回之前，展示存储于本地的目标页面中至少一个页面模块的初始快照。
根据本公开的实施例，在接收到用户对目标页面的访问请求后，服务器可以根据该网络请求携带的相关信息，返回页面模块的网络数据，但是在网络数据返回之前，相关技术中向用户展示的页面效果是空白或表示处于加载(Loading)状态，而根据本公开的实施例，由于本地存储有该页面模块的模块快照，因此，可以在网络数据返回之前，向用户展示存储于本地的目标页面的页面模块的初始快照，使得用户可以看到模块的初始快照，避免看到空白或表示处于加载(Loading)状态的页面效果。
通过本公开的实施例，在存在所述目标页面中至少一个页面模块的初始快照的情况下，在所述访问请求的网络数据返回之前，展示所述目标页面中至少一个页面模块的初始快照，可以在网络不稳定的情况下， 减少用户的等待时间，实现瞬间打开页面的技术效果，提升用户体验。
图3C示意性示出了根据本公开再一实施例的页面展示方法的流程图。
如图3C所示，该方法除了可以包括前述操作S210、S220、操作S311～S313以及操作S321之外，还可以包括操作S331和S332。其中：
在操作S331，在访问请求的网络数据返回之后，基于网络数据，生成目标页面中至少一个页面模块的真实快照。
在操作S332，基于至少一个页面模块中各页面模块的真实快照和初始快照，更新本地中存储的初始快照。
根据本公开的实施例，在获取到网络请求返回的数据之后，初始快照的显示效果被真实效果和页面内容所覆盖，用户看到的是页面的真实效果，进一步可以基于页面的真实显示效果绘制页面模块的真实效果图片，生成真实快照。
具体地，可以格式化超级文本标记语言(HyperText Markup Language，简称为HTML)代码，插入相应的页面模块供浏览器渲染，此时真实效果和内容将覆盖快照效果，用户将看到最终的真实效果。为了在以后用户处于网络条件不好的情况下，给用户提供更好的视觉体验，可以通过可缩放矢量图形(Scalable Vector Graphics，简称为SVG)和画布如Canvas绘制模块的真实效果，并转成Base64图片，作为用于记录页面模块的真实效果的真实快照，作为模块的新快照。具体地，基于页面的网络数据生成真实快照的方法本公开不做限定，本领域技术人员可以依据自己的经验和实际需要做适应性的选择。
通过本公开的实施例，基于网络数据生成真实快照，使得快照能够反映页面模块的真实效果，给用户提供一种瞬间打开页面的效果。
图3D示意性示出了根据本公开实施例生成的页面模块的初始快照的效果图。
如图3D所示，模块A，模块B，模块C，模块D，模块E，模块F等多个模块中的每个模块具有相应的初始快照。可以根据实际需要，为每个模块设置不同的初始快照。
图3E示意性示出了根据本公开实施例更新的页面模块的初始快照 的效果图。
如图3E所示，在访问请求的网络数据返回之后，模块A，模块B，模块C位于可视区，因此，基于网络数据生成的与模块A，模块B，模块C对应的真实快照覆盖图3D中所示的模块A，模块B，模块C对应的初始快照，在用户看到模块A，模块B，模块C最终的真实效果的同时，与真实效果相对应的真实快照被保存到本地。
而模块D，模块E，模块F由于位于非可视区，因此，基于网络数据生成的与模块D，模块E，模块F对应的真实快照并没有覆盖图3D中所示的模块D，模块E，模块F对应的初始快照，用户看到的依然是模块D，模块E，模块F对应的初始快照。
图3F示意性示出了根据本公开实施例在基于至少一个页面模块中各页面模块的真实快照和初始快照，更新本地中存储的初始快照的流程图。
如图3F所示，该方法除了可以包括操作S341～S344。其中：
在操作S341，获取至少一个页面模块中各页面模块的真实快照对应的第一版本信息和/或第一标识信息。
在操作S342，获取至少一个页面模块中各页面模块的初始快照对应的第二版本信息和/或第二标识信息。
在操作S343，基于第一版本信息与第二版本信息和/或第一标识信息与第二标识信息，检测至少一个页面模块中各页面模块的真实快照是否与初始快照一致。
在操作S344，在至少一个页面模块中各页面模块的真实快照与初始快照不一致的情况下，将真实快照存储在客户端本地以代替初始快照。
根据本公开的实施例，为了可以给用户提供更好的视觉体验，对具有真实快照的页面模块来说，可以基于页面模块的真实快照和初始快照，更新本地中已存储的初始快照，即判断真实快照的效果是否更新，若是，则将真实快照存储在客户端本地以代替初始快照。
考虑到一方面应用程序版本更新可能导致目标页面的页面模块的数目和布局发生改变，另一方面用户的每次访问操作也可能导致页面模块的真实快照与初始快照不同，因此，根据本公开的实施例，可以依据 不同的判断标准来判断真实快照的效果是否更新，可以理解的是，判断标准可以包括但不限于版本号以及页面的文件标识信息，如校验码(Message Digest Algorithm 5，简称为MD5)。
方法一：根据版本信息来判断真实快照的效果是否更新。
可以理解的是，应用程序的更新对应不同的版本号，因此，可以根据版本号判断真实快照的效果是否更新，若真实快照对应的版本号与初始快照对应的版本号不同，则表明真实快照的效果更新，将真实快照存储在客户端本地以代替初始快照。若相同，则表明真实快照的效果未更新，保留初始快照。
方法二：根据MD5来判断真实快照的效果是否更新。
可以理解的是，同一页面模块使用MD5算法生成唯一的MD5校验码，若真实快照对应的MD5校验码与初始快照对应的MD5校验码不同，则表明真实快照的效果更新，将真实快照存储在客户端本地以代替初始快照。若相同，则表明真实快照的效果未更新，保留初始快照。
方法三：根据版本信息和MD5来判断真实快照的效果是否更新。
可以理解的是，由于同一版本的应用程序来说，也可能出现模块效果更新的情况，因此，本公开还提供根据版本号(方法一)结合MD5(方法二)来判断真实快照的效果是否更新，此处不再赘述。
通过本公开的实施例，根据初始快照和真实快照的版本信息和/标识信息，对初始快照进行更新，使得在本地存储的初始快照记录页面模块的真实效果，给用户带来真实的浏览体验。
图3G示意性示出了根据本公开又一实施例更新的页面模块的初始快照的效果图。
如图3G所示，相比于图3E所示的效果图，再次加载更新快照后，模块A，模块B，模块C的初始快照被更新，而模块D，模块E，模块F由于位于非可视区，并没有加载其对应的真实快照。
图3H示意性示出了根据本公开再一实施例更新的页面模块的初始快照的效果图。
在执行完页面模块的模块快照更新之后，页面正常显示效果如图3H所示，等待用户下次对该页面的访问请求。
可以看出，根据本公开的实施例，在每次访问请求返回网络数据之后，根据页面中各页面模块的真实效果可以得到记录该页面模块的真实显示效果的真实快照，根据版本号和/或文件标识信息可以判断出是否需要对本地存储的页面模块的初始快照进行更新。也就是说，本地存储的初始快照，在用户产生访问请求之前，可能是空的，但是在用户执行访问操作之后，就可以根据展示给用户的页面上各页面模块的真实显示效果绘制真实快照，存储在本地，使得用户下次处在不佳的网络环境中时，可以给用户显示之前显示过的记录真实显示效果的真实快照，使用户得到原生应用的体验。
图4示意性示出了根据本公开实施例的页面展示系统的框图。
如图4所示，该页面展示系统400可以包括接收模块410以及第一展示模块420。其中：
接收模块410用于接收对目标页面的访问请求，其中，目标页面具有多个页面模块。
第一展示模块420用于响应于访问请求，展示存储于本地的目标页面中至少一个页面模块的模块快照，其中，每个页面模块具有相应的模块快照。
通过本公开的实施例，可以至少部分地克服相关技术中在展示页面时，由于网络不稳定，甚至离线，亦或者受到电子设备性能的制约，可能造成用户浏览网页需要等待较长的时间，或者页面分块不同步渲染的技术问题，并因此可以在浏览页面时不受网络环境或电子设备性能的制约，实现页面效果缓存并即时响应的技术效果，大大减少用户浏览页面时等待页面加载的时间，给用户瞬间打开页面的视觉效果，给用户提供如原生应用一样的用户体验。
图5A示意性示出了根据本公开又一实施例的页面展示系统的框图。
如图5A所示，该页面展示系统400除了可以包括前述接收模块410以及第一展示模块420之外，还可以包括检测模块511、第一生成模块512以及存储模块513。其中：
检测模块511用于检测本地是否存储有目标页面中至少一个页面模块的初始快照。
第一生成模块512用于在未存储有目标页面中至少一个页面模块的初始快照的情况下，生成至少一个页面模块中每个页面模块的初始快照。
存储模块513用于将初始快照作为模块快照存储于本地。
通过本公开的实施例，在本地尚未存储有初始快照的情况下，生成初始快照，可以在网络不稳定的情况下，减少用户的等待时间，实现瞬间打开页面的技术效果。
图5B示意性示出了根据本公开另一实施例的页面展示系统的框图。
如图5B所示，该页面展示系统400除了可以包括前述接收模块410、第一展示模块420、检测模块511、第一生成模块512以及存储模块513之外，还可以包括第二展示模块521用于在存储有目标页面中至少一个页面模块的初始快照的情况下，在访问请求的网络数据返回之前，展示存储于本地的目标页面中至少一个页面模块的初始快照。
通过本公开的实施例，在存在所述目标页面中至少一个页面模块的初始快照的情况下，在所述访问请求的网络数据返回之前，展示所述目标页面中至少一个页面模块的初始快照，可以在用户处于网络不稳定的情况下，依然可以让用户看到不是空白或表示处于加载(Loading)状态的显示效果，同时减少用户的等待时间，实现瞬间打开页面的技术效果，提升用户体验。
图5C示意性示出了根据本公开再一实施例的页面展示系统的框图。
如图5C所示，页面展示系统400除了可以包括前述接收模块410、第一展示模块420、检测模块511、第一生成模块512、存储模块513以及第二展示模块521之外，还可以包括第二生成模块531和更新模块532。其中：
第二生成模块531用于在访问请求的网络数据返回之后，基于网络数据，生成目标页面中至少一个页面模块的真实快照。
更新模块532用于基于至少一个页面模块中各页面模块的真实快照和初始快照，更新本地中存储的初始快照。
通过本公开的实施例，基于网络数据生成真实快照，使得快照能够反映页面模块的真实效果，给用户提供一种瞬间打开页面的效果。
图5D示意性示出了根据本公开实施例的更新模块的框图。
如图5D所示，该更新模块532可以包括第一获取单元541、第二获取单元542、检测单元543以及处理单元544。其中：
第一获取单元541用于获取至少一个页面模块中各页面模块的真实快照对应的第一版本信息和/或第一标识信息。
第二获取单元542用于获取至少一个页面模块中各页面模块的初始快照对应的第二版本信息和/或第二标识信息。
检测单元543用于基于第一版本信息与第二版本信息和/或第一标识信息与第二标识信息，检测至少一个页面模块中各页面模块的真实快照是否与初始快照一致。
处理单元544用于在至少一个页面模块中各页面模块的真实快照与初始快照不一致的情况下，将真实快照存储在客户端本地以代替初始快照。
通过本公开的实施例，根据初始快照和真实快照的版本信息和/标识信息，对初始快照进行更新，使得在本地存储的初始快照记录页面模块的真实效果，给用户带来真实的浏览体验。
根据本公开的实施例的模块、单元中的任意多个、或其中任意多个的至少部分功能可以在一个模块中实现。根据本公开实施例的模块、单元、子单元中的任意一个或多个可以被拆分成多个模块来实现。根据本公开实施例的模块、单元中的任意一个或多个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式的硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，根据本公开实施例的模块、单元中的一个或多个可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。
例如，接收模块410、第一展示模块420、检测模块511、第一生成模块512、存储模块513、第二展示模块521、第二生成模块531和更新模块532中的任意多个可以合并在一个模块中实现，或者其中的任意一个模块可以被拆分成多个模块。或者，这些模块中的一个或多个模块的 至少部分功能可以与其他模块的至少部分功能相结合，并在一个模块中实现。根据本公开的实施例，接收模块410、第一展示模块420、检测模块511、第一生成模块512、存储模块513、第二展示模块521、第二生成模块531和更新模块532中的至少一个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，接收模块410、第一展示模块420、检测模块511、第一生成模块512、存储模块513、第二展示模块521、第二生成模块531和更新模块532中的至少一个可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。
图6示意性示出了根据本公开实施例的适于实现页面展示方法的计算机系统的方框图。图6示出的计算机系统仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图6所示，根据本公开实施例的计算机系统600包括处理器601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。处理器601例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如，专用集成电路(ASIC))，等等。处理器601还可以包括用于缓存用途的板载存储器。处理器601可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。
在RAM 603中，存储有系统600操作所需的各种程序和数据。处理器601、ROM 602以及RAM 603通过总线604彼此相连。处理器601通过执行ROM 602和/或RAM 603中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意，所述程序也可以存储在除ROM 602和RAM 603以外的一个或多个存储器中。处理器601也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方 法流程的各种操作。
根据本公开的实施例，系统600还可以包括输入/输出(I/O)接口605，输入/输出(I/O)接口605也连接至总线604。系统600还可以包括连接至I/O接口605的以下部件中的一项或多项：包括键盘、鼠标等的输入部分606；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607；包括硬盘等的存储部分608；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器610上，以便于从其上读出的计算机程序根据需要被安装入存储部分608。
根据本公开的实施例，根据本公开实施例的方法流程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。在该计算机程序被处理器601执行时，执行本公开实施例的系统中限定的上述功能。根据本公开的实施例，上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。
本公开还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备/装置/系统中所包含的；也可以是单独存在，而未装配入该设备/装置/系统中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被执行时，实现根据本公开实施例的方法。
根据本公开的实施例，计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、 可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、有线、光缆、射频信号等等，或者上述的任意合适的组合。
例如，根据本公开的实施例，计算机可读介质可以包括上文描述的ROM 602和/或RAM 603和/或ROM 602和RAM 603以外的一个或多个存储器。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
本领域技术人员可以理解，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合或/或结合，即使这样的组合或结合没有明确记载于本公开中。特别地，在不脱离本公开精神和教导的情况下，本公 开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。
以上对本公开的实施例进行了描述。但是，这些实施例仅仅是为了说明的目的，而并非为了限制本公开的范围。尽管在以上分别描述了各实施例，但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围，本领域技术人员可以做出多种替代和修改，这些替代和修改都应落在本公开的范围之内。

Claims (12)

  1. 一种页面展示方法，包括：
    接收对目标页面的访问请求，其中，所述目标页面具有多个页面模块；以及
    响应于所述访问请求，展示存储于本地的所述目标页面中至少一个页面模块的模块快照，其中，每个页面模块具有相应的模块快照。
  2. 根据权利要求1的方法，其中，所述方法还包括：
    检测所述本地是否存储有所述目标页面中至少一个页面模块的初始快照；
    在未存储有所述目标页面中至少一个页面模块的初始快照的情况下，生成所述至少一个页面模块中每个页面模块的初始快照；以及
    将所述初始快照作为所述模块快照存储于所述本地。
  3. 根据权利要求2的方法，其中，所述方法还包括：
    在存储有所述目标页面中至少一个页面模块的初始快照的情况下，在所述访问请求的网络数据返回之前，展示存储于本地的所述目标页面中至少一个页面模块的初始快照。
  4. 根据权利要求3的方法，其中，所述方法还包括：
    在所述访问请求的网络数据返回之后，基于所述网络数据，生成所述目标页面中至少一个页面模块的真实快照，其中，所述真实快照用于记录所述至少一个页面中每个页面模块的真实效果；以及
    基于所述至少一个页面模块中各页面模块的所述真实快照和所述初始快照，更新所述本地中存储的初始快照。
  5. 根据权利要求4的方法，其中，所述基于所述至少一个页面模块中各页面模块的所述真实快照和所述初始快照，更新所述本地中存储的初始快照包括：
    获取所述至少一个页面模块中各页面模块的所述真实快照对应的第一版本信息和/或第一标识信息；
    获取所述至少一个页面模块中各页面模块的所述初始快照对应的第二版本信息和/或第二标识信息；
    基于所述第一版本信息与所述第二版本信息和/或所述第一标识信息与所述第二标识信息，检测所述至少一个页面模块中各页面模块的所述真实快照是否与所述初始快照一致；以及
    在所述至少一个页面模块中各页面模块的所述真实快照与所述初始快照不一致的情况下，将所述真实快照存储在所述客户端本地以代替所述初始快照。
  6. 一种页面展示系统，包括：
    接收模块，用于接收对目标页面的访问请求，其中，所述目标页面具有多个页面模块；以及
    第一展示模块，用于响应于所述访问请求，展示存储于本地的所述目标页面中至少一个页面模块的模块快照，其中，每个页面模块具有相应的模块快照。
  7. 根据权利要求6的系统，其中，所述系统还包括：
    检测模块，用于检测所述本地是否存储有所述目标页面中至少一个页面模块的初始快照；
    第一生成模块，用于在未存储有所述目标页面中至少一个页面模块的初始快照的情况下，生成所述至少一个页面模块中每个页面模块的初始快照；以及
    存储模块，用于将所述初始快照作为所述模块快照存储于所述本地。
  8. 根据权利要求7的系统，其中，所述系统还包括：
    第二展示模块，用于在存储有所述目标页面中至少一个页面模块的初始快照的情况下，在所述访问请求的网络数据返回之前，展示存储于本地的所述目标页面中至少一个页面模块的初始快照。
  9. 根据权利要求8的系统，其中，所述系统还包括：
    第二生成模块，用于在所述访问请求的网络数据返回之后，基于所述网络数据，生成所述目标页面中至少一个页面模块的真实快照，其中，所述真实快照用于记录所述至少一个页面中每个页面模块的真实效果；以及
    更新模块，用于基于所述至少一个页面模块中各页面模块的所述真实快照和所述初始快照，更新所述本地中存储的初始快照。
  10. 根据权利要求9的系统，其中，所述更新模块包括：
    第一获取单元，用于获取所述至少一个页面模块中各页面模块的所述真实快照对应的第一版本信息和/或第一标识信息；
    第二获取单元，用于获取所述至少一个页面模块中各页面模块的所述初始快照对应的第二版本信息和/或第二标识信息；
    检测单元，用于基于所述第一版本信息与所述第二版本信息和/或所述第一标识信息与所述第二标识信息，检测所述至少一个页面模块中各页面模块的所述真实快照是否与所述初始快照一致；以及
    处理单元，用于在所述至少一个页面模块中各页面模块的所述真实快照与所述初始快照不一致的情况下，将所述真实快照存储在所述客户端本地以代替所述初始快照。
  11. 一种计算机系统，包括：
    一个或多个处理器；
    存储装置，用于存储一个或多个程序，
    其中，当一个或多个程序被一个或多个处理器执行时，使得一个或多个处理器实现权利要求1至5中任一项的页面展示方法。
  12. 一种计算机可读介质，其上存储有可执行指令，该指令被处理器执行时使处理器实现权利要求1至5中任一项的页面展示方法。
PCT/CN2019/097933 2018-08-31 2019-07-26 页面展示方法及其系统、计算机系统及计算机可读介质 WO2020042842A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US17/267,962 US11438403B2 (en) 2018-08-31 2019-07-26 Page presentation method and system, computer system, and computer readable medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201811019233.0A CN110874446A (zh) 2018-08-31 2018-08-31 页面展示方法及其系统、计算机系统及计算机可读介质
CN201811019233.0 2018-08-31

Publications (1)

Publication Number Publication Date
WO2020042842A1 true WO2020042842A1 (zh) 2020-03-05

Family

ID=69643884

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/097933 WO2020042842A1 (zh) 2018-08-31 2019-07-26 页面展示方法及其系统、计算机系统及计算机可读介质

Country Status (3)

Country Link
US (1) US11438403B2 (zh)
CN (1) CN110874446A (zh)
WO (1) WO2020042842A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113449229A (zh) * 2020-03-27 2021-09-28 北京沃东天骏信息技术有限公司 一种数据加载的方法、装置和存储介质
CN111857878B (zh) * 2020-07-21 2024-04-09 北京蚂蜂窝网络科技有限公司 骨架屏页面生成方法、装置、电子设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102541750A (zh) * 2011-12-31 2012-07-04 曙光信息产业股份有限公司 数据快照的实现方法和装置
CN103678487A (zh) * 2013-11-08 2014-03-26 北京奇虎科技有限公司 一种网页快照的生成方法和装置
CN103678378A (zh) * 2012-09-17 2014-03-26 中国移动通信集团公司 网页信息处理的方法及装置
US20140258238A1 (en) * 2013-03-05 2014-09-11 VCE Company LLC Method to embed snapshot management into virtual machine instances
CN105302672A (zh) * 2015-11-19 2016-02-03 中国建设银行股份有限公司 应用于网页快照的数据处理方法及系统

Family Cites Families (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6917960B1 (en) * 2000-05-05 2005-07-12 Jibe Networks Intelligent content precaching
US8903950B2 (en) * 2000-05-05 2014-12-02 Citrix Systems, Inc. Personalized content delivery using peer-to-peer precaching
US8370420B1 (en) * 2002-07-11 2013-02-05 Citrix Systems, Inc. Web-integrated display of locally stored content objects
US20080177994A1 (en) * 2003-01-12 2008-07-24 Yaron Mayer System and method for improving the efficiency, comfort, and/or reliability in Operating Systems, such as for example Windows
US7555532B2 (en) * 2004-09-23 2009-06-30 Orbital Data Corporation Advanced content and data distribution techniques
US7689766B1 (en) * 2005-06-10 2010-03-30 American Megatrends, Inc. Method, system, apparatus, and computer-readable medium for integrating a caching module into a storage system architecture
US20080222273A1 (en) * 2007-03-07 2008-09-11 Microsoft Corporation Adaptive rendering of web pages on mobile devices using imaging technology
US9077681B2 (en) * 2010-10-05 2015-07-07 Microsoft Technology Licensing, Llc Page loading optimization using page-maintained cache
CN101984429B (zh) * 2010-11-04 2012-03-14 北京百度网讯科技有限公司 获取目标页面的方法、装置、搜索引擎和浏览器
US20130031211A1 (en) * 2011-01-29 2013-01-31 Dustin Johnson Feedback oriented private overlay network for content distribution
US8621075B2 (en) * 2011-04-27 2013-12-31 Seven Metworks, Inc. Detecting and preserving state for satisfying application requests in a distributed proxy and cache system
US8789208B1 (en) * 2011-10-04 2014-07-22 Amazon Technologies, Inc. Methods and apparatus for controlling snapshot exports
US8711181B1 (en) * 2011-11-16 2014-04-29 Google Inc. Pre-fetching map data using variable map tile radius
CN102929985A (zh) * 2012-10-18 2013-02-13 北京奇虎科技有限公司 一种收藏网页展示的方法和系统
CN103064925B (zh) * 2012-12-21 2016-04-13 广东欧珀移动通信有限公司 定时处理网页的方法装置
US9336234B2 (en) * 2013-02-22 2016-05-10 Adobe Systems Incorporated Online content management system with undo and redo operations
US9342256B2 (en) * 2013-03-14 2016-05-17 SanDisk Technologies, Inc. Epoch based storage management for a storage device
CN103744853B (zh) * 2013-11-08 2017-10-17 北京奇虎科技有限公司 提供搜索引擎网页快照信息的方法及装置
US10585970B2 (en) * 2016-01-14 2020-03-10 International Business Machines Corporation Managing dynamic webpage content
CN106372251B (zh) * 2016-09-28 2020-03-03 北京京东尚科信息技术有限公司 一种返回页面显示位置的方法和装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102541750A (zh) * 2011-12-31 2012-07-04 曙光信息产业股份有限公司 数据快照的实现方法和装置
CN103678378A (zh) * 2012-09-17 2014-03-26 中国移动通信集团公司 网页信息处理的方法及装置
US20140258238A1 (en) * 2013-03-05 2014-09-11 VCE Company LLC Method to embed snapshot management into virtual machine instances
CN103678487A (zh) * 2013-11-08 2014-03-26 北京奇虎科技有限公司 一种网页快照的生成方法和装置
CN105302672A (zh) * 2015-11-19 2016-02-03 中国建设银行股份有限公司 应用于网页快照的数据处理方法及系统

Also Published As

Publication number Publication date
CN110874446A (zh) 2020-03-10
US11438403B2 (en) 2022-09-06
US20210185109A1 (en) 2021-06-17

Similar Documents

Publication Publication Date Title
US9495881B2 (en) System and method for displaying multiple applications
CN110096660B (zh) 用于加载页面图片的方法、装置和电子设备
CN109976620B (zh) 列表项展现属性信息的确定方法、装置、设备及存储介质
CN109558323B (zh) 用于调试页面的系统、方法和装置
US10803232B2 (en) Optimizing loading of web page based on aggregated user preferences for web page elements of web page
CN110888696A (zh) 页面展示方法及其系统、计算机系统及计算机可读介质
CN109582317B (zh) 用于调试寄宿应用的方法和装置
US10467790B2 (en) On-demand image spriting
CN110502699B (zh) 用于获取信息的方法和装置
CN109992406B (zh) 图片请求方法、响应图片请求的方法及客户端
US20140095579A1 (en) System and method for increasing web site serving performance
CN110795649A (zh) 目标页面展示方法、装置、系统及电子设备
US10951486B2 (en) Terminal device, UI expansion method, and UI expansion program
CN113434241A (zh) 页面跳转方法及装置
WO2020042842A1 (zh) 页面展示方法及其系统、计算机系统及计算机可读介质
CN112965916B (zh) 页面测试方法、页面测试装置、电子设备及可读存储介质
CN107330087B (zh) 页面文件生成方法和装置
CN109582580B (zh) 用于调试页面的系统、方法和装置
CN110888583B (zh) 页面显示方法、系统、装置和电子设备
US20170053383A1 (en) Apparatus and method for providing 3d content and recording medium
CN110874253B (zh) 显示方法及显示系统
CN113157165A (zh) 信息的显示方法、装置、电子设备及程序产品
CN110766601B (zh) 图像处理方法及其系统、计算机系统及计算机可读介质
US20150339751A1 (en) Dynamic pricing model
CN114510309B (zh) 动画效果的设置方法、装置、设备及介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 19856202

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2101001114

Country of ref document: TH

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 14.06.2021)

122 Ep: pct application non-entry in european phase

Ref document number: 19856202

Country of ref document: EP

Kind code of ref document: A1