CN111898056A - Webpage display method and device, storage medium and electronic equipment - Google Patents
Webpage display method and device, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN111898056A CN111898056A CN202010888155.9A CN202010888155A CN111898056A CN 111898056 A CN111898056 A CN 111898056A CN 202010888155 A CN202010888155 A CN 202010888155A CN 111898056 A CN111898056 A CN 111898056A
- Authority
- CN
- China
- Prior art keywords
- page
- screen
- framework
- webpage
- skeleton
- 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.)
- Withdrawn
Links
- 238000000034 method Methods 0.000 title claims abstract description 64
- 238000009877 rendering Methods 0.000 claims abstract description 54
- 238000012544 monitoring process Methods 0.000 claims abstract description 18
- 238000004590 computer program Methods 0.000 claims description 16
- 230000002452 interceptive effect Effects 0.000 claims description 14
- 230000000007 visual effect Effects 0.000 abstract 1
- 238000010586 diagram Methods 0.000 description 20
- 230000008569 process Effects 0.000 description 19
- 230000006870 function Effects 0.000 description 12
- 230000006872 improvement Effects 0.000 description 9
- 238000012545 processing Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000000750 progressive effect Effects 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000001186 cumulative effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 229920001296 polysiloxane Polymers 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- 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/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
The specification discloses a webpage display method, a webpage display device, a storage medium and electronic equipment. On one hand, when monitoring that webpage data of the target webpage are not obtained, the page framework screen is rendered according to configuration data of the page framework screen aiming at each page framework screen corresponding to the target webpage, and on the other hand, when the preset framework screen replacement condition is determined to be met, other page framework screens corresponding to the target webpage are selected to replace the page framework screen through the rendering of the other page framework screens, so that a user cannot see display of a single framework screen page for a long time when the network situation is not good, the multi-section display visual effect of the framework screens is good, and the user is prevented from losing interest of the webpage due to overlong waiting time.
Description
Technical Field
The present disclosure relates to the field of mobile applications, and in particular, to a method and an apparatus for displaying a webpage, a storage medium, and an electronic device.
Background
Currently, when a webpage is displayed in a mobile terminal, the webpage needs to load a data rendering page. Before the webpage data are completely loaded, a skeleton screen page of an approximate frame of the current page is presented to the user, and after the webpage data are completely loaded, the webpage is displayed, so that the user is prevented from seeing a long-time white screen.
In general, when the network condition is good, the skeleton screen page presented to the user is usually presented to the user in the form of color blocks with consistent page layout, and when the skeleton screen page in this form is presented to the user, the user feels that the content is gradually loaded and is about to be presented, so that the loading process becomes subjectively smooth. However, in practical applications, when the network situation is not good, the user is likely to face the skeleton screen page in the form of a single color block for a long time, so that the user loses the patience of waiting for the webpage to be presented, and further inconvenience is brought to the user in the process of browsing the webpage.
Disclosure of Invention
Embodiments of the present specification provide a method and an apparatus for displaying a web page, a storage medium, and an electronic device, so as to partially solve the problems in the prior art.
The embodiment of the specification adopts the following technical scheme:
the webpage display method provided by the specification comprises the following steps:
determining a webpage to be displayed as a target webpage;
sending a webpage access request aiming at the target webpage, and determining configuration data of at least one page skeleton screen corresponding to the target webpage, wherein the configuration data are acquired in advance;
when monitoring that webpage data of the target webpage are not obtained, rendering the page framework screen according to configuration data of the page framework screen aiming at each page framework screen corresponding to the target webpage, and selecting other page framework screens corresponding to the target webpage when determining that preset framework screen replacement conditions are met so as to replace the page framework screen by rendering the other page framework screens;
and if the webpage data of the target webpage are acquired, displaying the target webpage, and removing the rendered page skeleton screen corresponding to the target webpage.
Optionally, the pre-acquired configuration data of at least one page skeleton screen corresponding to the target webpage specifically includes:
acquiring a version to be updated in advance;
and updating the version through the version to be updated to acquire configuration data of at least one page skeleton screen corresponding to the target webpage.
Optionally, the content presented in the page skeleton screen includes: and the color blocks are at least one of pictures, characters, animations, games and interactive multimedia.
Optionally, determining that a preset framework screen replacement condition is met specifically includes:
if the rendering time of the page skeleton screen is monitored to reach the set time, determining that the skeleton screen replacement condition is met; or
And if it is monitored that the user executes preset specified operation on the page skeleton screen, determining that the skeleton screen replacement condition is met.
Optionally, when it is determined that a preset skeleton screen replacement condition is met, selecting another page skeleton screen corresponding to the target webpage to replace the page skeleton screen by rendering the other page skeleton screen, specifically including:
if the framework screen replacement condition is met, determining a page framework screen corresponding to the framework screen replacement condition as a target framework screen;
and rendering the target skeleton screen according to the configuration data of the target skeleton screen.
Optionally, for each page skeleton screen corresponding to the target webpage, rendering the page skeleton screen according to configuration data of the page skeleton screen, and when it is determined that a preset skeleton screen replacement condition is met, selecting another page skeleton screen corresponding to the target webpage to replace the page skeleton screen by rendering the other page skeleton screen, specifically including:
and if the preset framework screen replacement condition is determined to be met, selecting a page framework screen from the page framework screens corresponding to the target webpage again to serve as the current framework screen for rendering until the webpage data of the target webpage are obtained.
Optionally, the method further comprises:
obtaining increment data of at least one page skeleton screen corresponding to the target webpage in advance;
when the preset framework screen replacement condition is determined to be met, selecting other page framework screens corresponding to the target webpage so as to replace the page framework screens through rendering the other page framework screens, and the method specifically comprises the following steps:
when the preset framework screen replacement condition is determined to be met, selecting other page framework screens corresponding to the target webpage;
determining incremental data of the other page skeleton screens compared with the page skeleton screen as the incremental data corresponding to the other page skeleton screens;
and rendering the other page skeleton screens on the basis of the page skeleton screen according to the incremental data corresponding to the other page skeleton screens.
The present specification provides a web page display apparatus, including:
the determining module is used for determining a webpage to be displayed as a target webpage;
the acquisition module is used for sending a webpage access request aiming at the target webpage and determining the configuration data of at least one page skeleton screen corresponding to the target webpage, which is acquired in advance;
the replacing module is used for rendering the page framework screen according to the configuration data of the page framework screen aiming at each page framework screen corresponding to the target webpage when monitoring that webpage data of the target webpage are not obtained, and selecting other page framework screens corresponding to the target webpage when the preset framework screen replacing condition is met, so that the page framework screen is replaced by rendering the other page framework screens;
and the display module is used for displaying the target webpage and removing the rendered page skeleton screen corresponding to the target webpage if the webpage data of the target webpage are acquired.
The present specification provides a computer-readable storage medium storing a computer program which, when executed by a processor, implements the above-described web page display method.
The electronic device provided by the present specification includes a memory, a processor, and a computer program stored in the memory and executable on the processor, and the processor implements the above-mentioned web page display method when executing the program.
The embodiment of the specification adopts at least one technical scheme which can achieve the following beneficial effects:
according to the method and the device for webpage display, according to configuration data of at least one page framework screen corresponding to the target webpage, when the webpage data of the target webpage are monitored not to be acquired, the page framework screen is rendered according to the configuration data of the page framework screen for each page framework screen corresponding to the target webpage, and on the other hand, when the preset framework screen replacement condition is determined to be met, other page framework screens corresponding to the target webpage are selected to replace the page framework screen through rendering the other page framework screens, so that a user cannot see display of a single framework screen page for a long time when the network situation is poor, the user is prevented from losing interest in the webpage due to overlong waiting time, and convenience is brought to webpage browsing of the user.
Drawings
The accompanying drawings, which are included to provide a further understanding of the specification and are incorporated in and constitute a part of this specification, illustrate embodiments of the specification and together with the description serve to explain the specification and not to limit the specification in a non-limiting sense. In the drawings:
fig. 1 is a schematic view illustrating a webpage display process according to an embodiment of the present disclosure;
FIG. 2 is an alternative diagram of a page skeleton screen provided in an embodiment of the present disclosure;
fig. 3 is a schematic diagram illustrating a page skeleton screen increment replacement process provided in an embodiment of the present specification;
FIG. 4 is a schematic diagram of an incremental replacement of a single page skeleton screen provided by an embodiment of the present specification;
FIG. 5 is a schematic diagram illustrating incremental replacement of a plurality of page skeleton screens provided in an embodiment of the present specification;
fig. 6 is a schematic structural diagram of a web page display device provided in an embodiment of the present disclosure;
fig. 7 is a schematic structural diagram of an electronic device provided in an embodiment of this specification.
Detailed Description
In order to make the objects, technical solutions and advantages of the present disclosure more clear, the technical solutions of the present disclosure will be clearly and completely described below with reference to the specific embodiments of the present disclosure and the accompanying drawings. It is to be understood that the embodiments described are only a few embodiments of the present disclosure, and not all embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments in the present specification without any creative effort belong to the protection scope of the present specification.
The technical solutions provided by the embodiments of the present description are described in detail below with reference to the accompanying drawings.
Fig. 1 is a schematic view of a webpage display process provided in an embodiment of the present specification, including:
s102: and determining a webpage to be displayed as a target webpage.
In the embodiment of the present specification, a monitored webpage to be displayed may be used as a target webpage. The execution main body of the web page display provided in this specification may be a terminal device such as a mobile phone and a tablet computer, a client installed in the terminal device, an Application (App), or the like, or a browser in the terminal or the client. For convenience of description, the method for displaying the web page provided in this specification will be described below with only the client as an execution subject.
The specific form of the client monitoring the web page to be displayed can be various. For example, the client may determine a webpage to be displayed according to the monitored page access operation performed by the user (for example, the user clicks an icon of a certain webpage entry in the client interface); for another example, before a certain page is displayed, the client defaults to the advertisement page needing to be displayed, and then the advertisement page can be determined as the webpage needing to be displayed.
In this embodiment of the present specification, different web pages correspond to different configuration data of the page skeleton screen, and a correspondence between each web page and the configuration data of the page skeleton screen may be predetermined, so that the client needs to determine the target web page first and then determine the configuration data of the page skeleton screen corresponding to the target web page to be acquired.
S104: and sending a webpage access request aiming at the target webpage, and determining configuration data of at least one page skeleton screen corresponding to the target webpage, which is acquired in advance.
In this embodiment, a client needs to send a web page access request of a target web page to a server, so as to obtain web page data corresponding to the target web page from the server in a subsequent process. Since the client needs to spend a certain amount of time in the process of acquiring and loading the webpage data, the client needs to display a page skeleton screen to the user in order to provide good webpage browsing experience for the user. The target webpage can correspond to configuration data of a plurality of page skeleton screens, including the configuration data of the page skeleton screen displayed at the beginning of the target webpage and the configuration data of the page skeleton screen required to be displayed when the preset skeleton screen replacement condition is met.
In this embodiment of the present specification, there may be a variety of specific ways to obtain configuration data of a page skeleton screen in advance. Specifically, the client may obtain a version to be updated in advance, and update the version through the version to be updated to obtain configuration data of at least one page skeleton screen corresponding to the target webpage.
For example, when the client is started, whether the version of the client is the latest version is judged, if not, the version to be updated is acquired from the server, the version of the client is updated, and then the configuration data of at least one page skeleton screen corresponding to the target webpage is acquired.
Of course, the client may also obtain the configuration data of the page skeleton screen from the server in advance in an inquiry manner. For example, when the client is started, an inquiry message may be sent to the server to determine whether the server has configuration data of a page skeleton screen that needs synchronization of the client, and if so, the configuration data of at least one page skeleton screen corresponding to the target web page may be acquired from the server.
In the process, the client can acquire the configuration data of at least one page skeleton screen corresponding to each page in advance, so that compared with a mode that the client needs to acquire the configuration data of the page skeleton screen from the server every time, the client can quickly and smoothly display the page skeleton screen to a user even under the condition of poor network conditions, and convenience and good experience are brought to the webpage browsing of the user.
S106: when the situation that webpage data of the target webpage are not obtained is monitored, the page framework screen is rendered according to the configuration data of the page framework screen for each page framework screen corresponding to the target webpage, and when the situation that preset framework screen replacement conditions are met is determined, other page framework screens corresponding to the target webpage are selected to replace the page framework screen through rendering the other page framework screens.
In an embodiment of the present specification, when it is monitored that the web page data of the target web page is not obtained yet, that is, when all the web page data of the target web page is not obtained, the client may render, according to configuration data of the page skeleton screen, the page skeleton screen for each page skeleton screen corresponding to the target web page, where content presented in the rendered page skeleton screen includes: the interactive multimedia is at least one of color blocks, pictures, characters, animations, games and interactive multimedia, wherein the interactive multimedia is added with an interactive function on the basis of traditional media, namely, a user can perform interactive operation on a page skeleton screen with the interactive multimedia, so that a client can present some additional information on the page skeleton screen, as shown in fig. 2.
Fig. 2 is an alternative schematic diagram of a page skeleton screen provided in an embodiment of the present specification.
In fig. 2, when the client acquires the web page data of the target web page, the page skeleton screen displayed at the beginning is the page skeleton screen displayed on the left interface in fig. 2 and having a plurality of color blocks. The user can execute click operation on the page skeleton screen, correspondingly, the client determines that the preset skeleton screen replacement condition is met according to the monitored click operation executed by the user, then selects other page skeleton screens corresponding to the target webpage, and replaces the page skeleton screen by rendering the other page skeleton screens, wherein the other page skeleton screens (namely the page skeleton screen displayed on the right side interface in the figure 2) additionally present a section of characters and a figure image besides various blocks contained in the previous page skeleton screen.
Of course, the above-mentioned interactive operation is not limited to the click operation shown in fig. 2, but may also be other operations, for example, a finger may be used to slide the content displayed on the page skeleton screen (interactive operation performed by the user), and the content may change correspondingly with the sliding of the finger, so as to implement an interactive function of interactive multimedia.
In the process of acquiring webpage data, the client does not always display one page skeleton screen to the user, but can realize switching of the page skeleton screen by monitoring whether the mode meets the skeleton screen replacement condition, and then display various page skeleton screens to the user. The specific manner for the client to determine whether the preset framework screen replacement condition is met can be various. Specifically, the client can determine whether the framework screen replacement condition is met by monitoring whether the rendering time of the page framework screen reaches a set time or not, or determine whether the framework screen replacement condition is met by monitoring whether a user performs a preset specified operation on the page framework screen or not.
For example, the preset skeleton screen replacement condition is that the rendering time of the page skeleton screen reaches one second, and based on the preset skeleton screen replacement condition, when the client monitors that the rendering time of the page skeleton screen reaches one second, other page skeleton screens corresponding to the target webpage are selected to replace the page skeleton screen by rendering the other page skeleton screens; for another example, the preset framework screen replacement condition is that it is monitored that the user performs a click operation on the page framework screen, and based on this, when the client monitors that the user performs a click operation on the page framework screen, the client selects another page framework screen corresponding to the target webpage to replace the page framework screen by rendering the other page framework screen.
The method for replacing the page skeleton screen comprises the steps of determining the page skeleton screen corresponding to the skeleton screen replacement condition as a target skeleton screen if the condition that the skeleton screen replacement condition is met is monitored, and rendering the target skeleton screen according to configuration data of the target skeleton screen. That is to say, in the embodiments of the present specification, the page skeleton screens corresponding to different skeleton screen replacement conditions may be different, and when the client monitors that the skeleton screen replacement condition is satisfied, the client may render the page skeleton screen matched with the skeleton screen replacement condition.
For example, assume that there are two preset skeleton screen replacement conditions, one is that the client monitors that the rendering time of the page skeleton screen reaches the first second, and the other is that the client monitors that the rendering time of the page skeleton screen reaches the second. And after the client displays the page skeleton screen initially displayed by the target page, monitoring that the rendering time of the page skeleton screen reaches the first second, and replacing the current page skeleton screen with the skeleton screen to obtain a page skeleton screen replacement condition, wherein the page skeleton screen corresponding to the first second is the rendering time of the client monitoring page skeleton screen. And then, when the rendering time of the client monitoring page skeleton screen reaches the second, replacing the current page skeleton screen with the skeleton screen to obtain a skeleton screen replacement condition, wherein the rendering time of the client monitoring page skeleton screen reaches the page skeleton screen corresponding to the second. In this example, the rendering time of the page skeleton screen refers to the cumulative rendering time of all the page skeleton screens.
For another example, assume that a preset skeleton screen replacement condition is that a user is monitored to perform a click operation on the page skeleton screen, and a preset skeleton screen replacement condition is that a user is monitored to perform a sliding operation on the page skeleton screen. And after the client displays the page skeleton screen initially displayed by the target page, monitoring that the user clicks the page skeleton screen, and replacing the current page skeleton screen with the skeleton screen replacing condition, namely, monitoring the page skeleton screen corresponding to the clicking operation of the user on the page skeleton screen by the client. And then, if the client monitors that the user executes the sliding operation again, displaying the page skeleton screen corresponding to the sliding operation.
In an embodiment of the present specification, the client selects a page skeleton screen from among page skeleton screens corresponding to the target web page, and renders the page skeleton screen as a current skeleton screen, and if it is determined that a preset skeleton screen replacement condition is met, selects a page skeleton screen from among page skeleton screens corresponding to the target web page again to render the page skeleton screen as the current skeleton screen until web page data of the target web page is obtained.
That is to say, the client displays the page skeleton screen initially displayed by the target page, meets a preset skeleton screen replacement condition, randomly selects a page skeleton screen from the page skeleton screens corresponding to the target page, replaces the current page skeleton screen with the page skeleton screen randomly selected from the page skeleton screens corresponding to the target page, randomly selects a page skeleton screen from the page skeleton screens corresponding to the target page if the preset skeleton screen replacement condition is met again, and replaces the current page skeleton screen with the page skeleton screen randomly selected from the page skeleton screens corresponding to the target page again until the web page data of the target page is acquired.
For example, the preset skeleton screen replacement condition is that the time interval of the client monitoring the rendering time of the page skeleton screen is one second, the client displays the page skeleton screen which is displayed at the beginning of the target page, and when the time interval of the client monitoring the rendering time of the page skeleton screen reaches one second, the client can randomly select the page skeleton screen from the page skeleton screens corresponding to the target page, and replace the current page skeleton screen with the page skeleton screen randomly selected from the page skeleton screens corresponding to the target page until the webpage data of the target page are acquired.
For another example, the preset skeleton screen replacement condition is that it is monitored that the user performs a click operation on the page skeleton screen, the client displays the page skeleton screen initially displayed by the target page, and the client monitors that the user performs a click operation on the page skeleton screen, and may randomly select a page skeleton screen from among page skeleton screens corresponding to the target web page, and replace the current page skeleton screen with a page skeleton screen randomly selected from among page skeleton screens corresponding to the target web page until the web page data of the target web page is acquired.
It can be seen from the above example that the client can continuously switch the page skeleton screens in the process of acquiring the webpage data, so that it can be ensured that the user can browse a plurality of page skeleton screens in the process of waiting for the target page to be displayed, and convenience and good experience are brought to the webpage browsing of the user.
S108: and if the webpage data of the target webpage are acquired, displaying the target webpage, and removing the rendered page skeleton screen corresponding to the target webpage.
In this embodiment of the present specification, a client may create and render a page skeleton screen corresponding to the target webpage above the target webpage, and if all webpage data of the target webpage are acquired, the client needs to display the target webpage and remove the page skeleton screen corresponding to the target webpage created and rendered above the target webpage. The removal does not mean that the configuration data of the page skeleton screen is deleted from the client, but may mean that the configuration data of the page skeleton screen is released from the memory. Of course, the configuration data of the page skeleton screen corresponding to each page is still stored in the local client.
Through the method, on one hand, when the webpage data of the target webpage are not obtained, the page framework screen is rendered according to the configuration data of the page framework screen aiming at each page framework screen corresponding to the target webpage, when the preset framework screen replacement condition is determined to be met, other page framework screens corresponding to the target webpage are selected to replace the page framework screen by rendering the other page framework screens, on the other hand, because the corresponding relation between the framework screen replacement condition and the page framework screens is preset, when the preset framework screen replacement condition is met, one or more page framework screens corresponding to the framework screen replacement condition are replaced, when the network situation is not good, a user can not see the display of a single framework screen page for a long time, and characters, pictures, interactive multimedia and the like displayed in the framework screens can provide rich browsing content for the user, therefore, the method effectively prevents the user from losing interest in the webpage due to overlong waiting time, and brings convenience to the webpage browsing of the user.
Fig. 3 is a schematic diagram of a page skeleton screen increment replacement process provided in an embodiment of the present specification, including:
s302: and obtaining increment data of at least one page skeleton screen corresponding to the target webpage in advance.
In this embodiment of the present specification, the increment data of at least one page skeleton screen corresponding to the target webpage is obtained in advance, where the increment data is increment data of other page skeleton screens compared with the current page skeleton screen, and the increment data is used to render the current page skeleton screen into other page skeleton screens, that is, through the increment data, a progressive relationship between the current page skeleton screen and the other page skeleton screens on the displayed content can be realized.
S304: and when the preset framework screen replacement condition is determined to be met, selecting other page framework screens corresponding to the target webpage.
S306: and determining the incremental data of the other page skeleton screens compared with the page skeleton screen as the incremental data corresponding to the other page skeleton screens.
S308: and rendering the other page skeleton screens on the basis of the page skeleton screen according to the incremental data corresponding to the other page skeleton screens.
In embodiments of the present specification, the incremental data differs between different page skeleton screens. After the current page skeleton screen is rendered by the client, the incremental data of other page skeleton screens compared with the current page skeleton screen can be determined as the incremental data corresponding to the current page skeleton screen by the other page skeleton screens. The client may render the other page skeleton screens on the basis of the current page skeleton screen according to the incremental data corresponding to the other page skeleton screens to the current page skeleton screen, as shown in fig. 4.
Fig. 4 is a schematic diagram of replacing a single page skeleton screen increment provided in an embodiment of the present specification.
In fig. 4, the incremental data determined by the client is the incremental data of a single other page skeleton screen, and the other page skeleton screen can be rendered based on the incremental data of the single other page skeleton screen on the basis of the current page skeleton screen.
Specifically, the preset skeleton screen replacement condition is that it is monitored that the user performs a click operation on the page skeleton screen, the client displays a current page skeleton screen on the left side of the interface in fig. 4, and after monitoring the click operation performed on the current page skeleton screen by the user, the client may select another page skeleton screen corresponding to the target webpage, determine incremental data of the other page skeleton screen compared with the current page skeleton screen, and render the other page skeleton screen based on the current page skeleton screen according to the determined incremental data.
In practical application, the user can perform multiple operations on the current skeleton screen displayed by the client in a short time, and for the situation, the client can determine incremental data of the page skeleton screen which needs to be displayed finally compared with the current page skeleton screen according to the last operation in the multiple operations executed by the user, so that the final page skeleton screen is displayed directly without displaying other page skeleton screens from the current page skeleton screen to the final page skeleton screen, as shown in fig. 5.
Fig. 5 is a schematic diagram of replacing a plurality of page skeleton screen increments provided in an embodiment of the present specification.
In fig. 5, the incremental data determined by the client is incremental data of a plurality of other page skeleton screens, and the final page skeleton screen may be rendered based on the incremental data of the plurality of other page skeleton screens on the basis of the current page skeleton screen, instead of rendering the plurality of other page skeleton screens one by one.
Specifically, the preset framework screen replacement condition is that the user is monitored to perform click operation on the page framework screen, the page framework screen displayed at the beginning of the client is A, and if the user performs click operation on the page framework screen for two times, the client needs to display the page framework screen B and the page framework screen C one by one in sequence. That is, after the user performs a click operation on the page skeleton screen a, the client may determine that the page skeleton screen corresponding to the click operation is B, determine incremental data of the page skeleton screen B compared with the page skeleton screen a, and then display the page skeleton screen B according to the incremental data. If the user performs one-time click operation on the page skeleton screen B, the client can determine that the page skeleton screen C corresponding to the click operation is C, determine incremental data of the page skeleton screen C compared with the page skeleton screen B, and display the page skeleton screen C according to the incremental data.
If the user has executed twice click operations on page skeleton screen A in a short time, then can directly determine that the page skeleton screen that the second click operation corresponds is C, and then compare in page skeleton screen A's incremental data according to page skeleton screen C, directly show page skeleton screen C, and page skeleton screen B from page skeleton screen A to page skeleton screen C does not show.
Based on the same idea, the present specification further provides a corresponding apparatus, a storage medium, and an electronic device.
Fig. 6 is a schematic structural diagram of a web page display device provided in an embodiment of the present specification, where the device includes:
a determining module 602, configured to determine a webpage to be displayed as a target webpage;
an obtaining module 604, configured to send a web page access request for the target web page, and determine configuration data of at least one page skeleton screen corresponding to the target web page, where the configuration data is obtained in advance;
a replacing module 606, configured to, when it is monitored that the web page data of the target web page has not been acquired, render the page skeleton screen according to configuration data of the page skeleton screen for each page skeleton screen corresponding to the target web page, and select another page skeleton screen corresponding to the target web page when it is determined that a preset skeleton screen replacement condition is met, so as to replace the page skeleton screen by rendering the other page skeleton screen;
the display module 608 is configured to display the target webpage and remove the rendered page skeleton screen corresponding to the target webpage if the webpage data of the target webpage are acquired.
Optionally, the obtaining module 604 is specifically configured to obtain the version to be updated in advance; and updating the version through the version to be updated to acquire configuration data of at least one page skeleton screen corresponding to the target webpage.
Optionally, the replacing module 606 is specifically configured to, the content presented in the page skeleton screen includes: and the color blocks are at least one of pictures, characters, animations, games and interactive multimedia.
Optionally, the replacing module 606 is specifically configured to determine that the framework screen replacement condition is met if it is monitored that the rendering time of the framework screen of the page reaches the set time; or if it is monitored that the user executes preset specified operation on the page skeleton screen, determining that the skeleton screen replacement condition is met.
Optionally, the replacing module 606 is specifically configured to, if it is monitored that the framework screen replacement condition is met, determine a page framework screen corresponding to the framework screen replacement condition as a target framework screen; and rendering the target skeleton screen according to the configuration data of the target skeleton screen.
Optionally, the replacing module 606 is specifically configured to select a page skeleton screen from the page skeleton screens corresponding to the target webpage, render the page skeleton screen as the current skeleton screen, and if it is determined that a preset skeleton screen replacement condition is met, select a page skeleton screen from the page skeleton screens corresponding to the target webpage again as the current skeleton screen rendering until the webpage data of the target webpage are obtained.
Optionally, the replacing module 606 is specifically configured to obtain, in advance, incremental data of at least one page skeleton screen corresponding to the target webpage; when the preset framework screen replacement condition is determined to be met, selecting other page framework screens corresponding to the target webpage so as to replace the page framework screens through rendering the other page framework screens, and the method specifically comprises the following steps: when the preset framework screen replacement condition is determined to be met, selecting other page framework screens corresponding to the target webpage; determining incremental data of the other page skeleton screens compared with the page skeleton screen as the incremental data corresponding to the other page skeleton screens; and rendering the other page skeleton screens on the basis of the page skeleton screen according to the incremental data corresponding to the other page skeleton screens.
The present specification also provides a computer-readable storage medium storing a computer program, which, when executed by a processor, is operable to perform the web page display method provided in fig. 1 above.
Based on the webpage display method shown in fig. 1, the embodiment of the present specification further provides a schematic structural diagram of the electronic device shown in fig. 7. As shown in fig. 7, at the hardware level, the drone includes a processor, an internal bus, a network interface, a memory, and a non-volatile memory, although it may also include hardware required for other services. The processor reads a corresponding computer program from the non-volatile memory into the memory and then runs the computer program to implement the web page display method described in fig. 1.
Of course, besides the software implementation, the present specification does not exclude other implementations, such as logic devices or a combination of software and hardware, and the like, that is, the execution subject of the following processing flow is not limited to each logic unit, and may be hardware or logic devices.
In the 90 s of the 20 th century, improvements in a technology could clearly distinguish between improvements in hardware (e.g., improvements in circuit structures such as diodes, transistors, switches, etc.) and improvements in software (improvements in process flow). However, as technology advances, many of today's process flow improvements have been seen as direct improvements in hardware circuit architecture. Designers almost always obtain the corresponding hardware circuit structure by programming an improved method flow into the hardware circuit. Thus, it cannot be said that an improvement in the process flow cannot be realized by hardware physical modules. For example, a Programmable Logic Device (PLD), such as a Field Programmable Gate Array (FPGA), is an integrated circuit whose Logic functions are determined by programming the Device by a user. A digital system is "integrated" on a PLD by the designer's own programming without requiring the chip manufacturer to design and fabricate application-specific integrated circuit chips. Furthermore, nowadays, instead of manually making an integrated Circuit chip, such Programming is often implemented by "logic compiler" software, which is similar to a software compiler used in program development and writing, but the original code before compiling is also written by a specific Programming Language, which is called Hardware Description Language (HDL), and HDL is not only one but many, such as abel (advanced Boolean Expression Language), ahdl (alternate Language Description Language), traffic, pl (core unified Programming Language), HDCal, JHDL (Java Hardware Description Language), langue, Lola, HDL, laspam, hardsradware (Hardware Description Language), vhjhd (Hardware Description Language), and vhigh-Language, which are currently used in most common. It will also be apparent to those skilled in the art that hardware circuitry that implements the logical method flows can be readily obtained by merely slightly programming the method flows into an integrated circuit using the hardware description languages described above.
The controller may be implemented in any suitable manner, for example, the controller may take the form of, for example, a microprocessor or processor and a computer-readable medium storing computer-readable program code (e.g., software or firmware) executable by the (micro) processor, logic gates, switches, an Application Specific Integrated Circuit (ASIC), a programmable logic controller, and an embedded microcontroller, examples of which include, but are not limited to, the following microcontrollers: ARC 625D, Atmel AT91SAM, Microchip PIC18F26K20, and Silicone Labs C8051F320, the memory controller may also be implemented as part of the control logic for the memory. Those skilled in the art will also appreciate that, in addition to implementing the controller as pure computer readable program code, the same functionality can be implemented by logically programming method steps such that the controller is in the form of logic gates, switches, application specific integrated circuits, programmable logic controllers, embedded microcontrollers and the like. Such a controller may thus be considered a hardware component, and the means included therein for performing the various functions may also be considered as a structure within the hardware component. Or even means for performing the functions may be regarded as being both a software module for performing the method and a structure within a hardware component.
The systems, devices, modules or units illustrated in the above embodiments may be implemented by a computer chip or an entity, or by a product with certain functions. One typical implementation device is a computer. In particular, the computer may be, for example, a personal computer, a laptop computer, a cellular telephone, a camera phone, a smartphone, a personal digital assistant, a media player, a navigation device, an email device, a game console, a tablet computer, a wearable device, or a combination of any of these devices.
For convenience of description, the above devices are described as being divided into various units by function, and are described separately. Of course, the functions of the various elements may be implemented in the same one or more software and/or hardware implementations of the present description.
As will be appreciated by one skilled in the art, embodiments of the present description may be provided as a method, system, or computer program product. Accordingly, the description may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the description may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The description has been presented with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the description. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
As will be appreciated by one skilled in the art, embodiments of the present description may be provided as a method, system, or computer program product. Accordingly, the description may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the description may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
This description may be described in the general context of computer-executable instructions, such as program modules, being executed by a computer. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform particular tasks or implement particular abstract data types. The specification may also be practiced in distributed computing environments where tasks are performed by remote processing devices that are linked through a communications network. In a distributed computing environment, program modules may be located in both local and remote computer storage media including memory storage devices.
The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, for the system embodiment, since it is substantially similar to the method embodiment, the description is simple, and for the relevant points, reference may be made to the partial description of the method embodiment.
The above description is only an example of the present specification, and is not intended to limit the present specification. Various modifications and alterations to this description will become apparent to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present specification should be included in the scope of the claims of the present specification.
Claims (10)
1. A method for displaying a web page, the method comprising:
determining a webpage to be displayed as a target webpage;
sending a webpage access request aiming at the target webpage, and determining configuration data of at least one page skeleton screen corresponding to the target webpage, wherein the configuration data are acquired in advance;
when monitoring that webpage data of the target webpage are not obtained, rendering the page framework screen according to configuration data of the page framework screen aiming at each page framework screen corresponding to the target webpage, and selecting other page framework screens corresponding to the target webpage when determining that preset framework screen replacement conditions are met so as to replace the page framework screen by rendering the other page framework screens;
and if the webpage data of the target webpage are acquired, displaying the target webpage, and removing the rendered page skeleton screen corresponding to the target webpage.
2. The method according to claim 1, wherein the pre-acquired configuration data of at least one page skeleton screen corresponding to the target web page specifically includes:
acquiring a version to be updated in advance;
and updating the version through the version to be updated to acquire configuration data of at least one page skeleton screen corresponding to the target webpage.
3. The method of claim 1, wherein the content presented in the page skeleton screen comprises: and the color blocks are at least one of pictures, characters, animations, games and interactive multimedia.
4. The method of claim 1, wherein determining that a preset framework screen replacement condition is met specifically comprises:
if the rendering time of the page skeleton screen is monitored to reach the set time, determining that the skeleton screen replacement condition is met; or
And if it is monitored that the user executes preset specified operation on the page skeleton screen, determining that the skeleton screen replacement condition is met.
5. The method of claim 1, wherein when it is determined that a preset skeleton screen replacement condition is met, selecting another page skeleton screen corresponding to the target webpage to replace the page skeleton screen by rendering the other page skeleton screen specifically comprises:
if the framework screen replacement condition is met, determining a page framework screen corresponding to the framework screen replacement condition as a target framework screen;
and rendering the target skeleton screen according to the configuration data of the target skeleton screen.
6. The method of claim 1, wherein for each page skeleton screen corresponding to the target webpage, rendering the page skeleton screen according to configuration data of the page skeleton screen, and when it is determined that a preset skeleton screen replacement condition is met, selecting another page skeleton screen corresponding to the target webpage to replace the page skeleton screen by rendering the other page skeleton screen specifically comprises:
and if the preset framework screen replacement condition is determined to be met, selecting a page framework screen from the page framework screens corresponding to the target webpage again to serve as the current framework screen for rendering until the webpage data of the target webpage are obtained.
7. The method of claim 1, wherein the method further comprises:
obtaining increment data of at least one page skeleton screen corresponding to the target webpage in advance;
when the preset framework screen replacement condition is determined to be met, selecting other page framework screens corresponding to the target webpage so as to replace the page framework screens through rendering the other page framework screens, and the method specifically comprises the following steps:
when the preset framework screen replacement condition is determined to be met, selecting other page framework screens corresponding to the target webpage;
determining incremental data of the other page skeleton screens compared with the page skeleton screen as the incremental data corresponding to the other page skeleton screens;
and rendering the other page skeleton screens on the basis of the page skeleton screen according to the incremental data corresponding to the other page skeleton screens.
8. A web page display apparatus, characterized in that the apparatus comprises:
the determining module is used for determining a webpage to be displayed as a target webpage;
the acquisition module is used for sending a webpage access request aiming at the target webpage and determining the configuration data of at least one page skeleton screen corresponding to the target webpage, which is acquired in advance;
the replacing module is used for rendering the page framework screen according to the configuration data of the page framework screen aiming at each page framework screen corresponding to the target webpage when monitoring that webpage data of the target webpage are not obtained, and selecting other page framework screens corresponding to the target webpage when the preset framework screen replacing condition is met, so that the page framework screen is replaced by rendering the other page framework screens;
and the display module is used for displaying the target webpage and removing the rendered page skeleton screen corresponding to the target webpage if the webpage data of the target webpage are acquired.
9. A computer-readable storage medium, characterized in that the storage medium stores a computer program which, when executed by a processor, implements the method of any of the preceding claims 1-7.
10. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the method of any of claims 1-7 when executing the program.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010888155.9A CN111898056A (en) | 2020-08-28 | 2020-08-28 | Webpage display method and device, storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010888155.9A CN111898056A (en) | 2020-08-28 | 2020-08-28 | Webpage display method and device, storage medium and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111898056A true CN111898056A (en) | 2020-11-06 |
Family
ID=73226143
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010888155.9A Withdrawn CN111898056A (en) | 2020-08-28 | 2020-08-28 | Webpage display method and device, storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111898056A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114661370A (en) * | 2022-02-17 | 2022-06-24 | 上海哔哩哔哩科技有限公司 | Resource loading method and device, electronic equipment and computer storage medium |
| CN115268720A (en) * | 2022-08-16 | 2022-11-01 | 北京尽微致广信息技术有限公司 | Page rendering method, device and equipment and readable storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20190073342A1 (en) * | 2016-03-11 | 2019-03-07 | Eric Cameron Wilson | Presentation of electronic information |
| CN109902248A (en) * | 2019-02-25 | 2019-06-18 | 百度在线网络技术（北京）有限公司 | Page display method, device, computer equipment and readable storage medium storing program for executing |
| CN109977333A (en) * | 2019-03-22 | 2019-07-05 | 北京三快在线科技有限公司 | Webpage display process, device, computer equipment and storage medium |
| CN109992736A (en) * | 2019-03-20 | 2019-07-09 | 腾讯科技（深圳）有限公司 | Webpage dynamically load effect implementation method, device, terminal and storage medium |
| CN111352627A (en) * | 2020-02-27 | 2020-06-30 | 政采云有限公司 | Page skeleton screen generation method, device, equipment and readable storage medium |
-
2020
- 2020-08-28 CN CN202010888155.9A patent/CN111898056A/en not_active Withdrawn
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20190073342A1 (en) * | 2016-03-11 | 2019-03-07 | Eric Cameron Wilson | Presentation of electronic information |
| CN109902248A (en) * | 2019-02-25 | 2019-06-18 | 百度在线网络技术（北京）有限公司 | Page display method, device, computer equipment and readable storage medium storing program for executing |
| CN109992736A (en) * | 2019-03-20 | 2019-07-09 | 腾讯科技（深圳）有限公司 | Webpage dynamically load effect implementation method, device, terminal and storage medium |
| CN109977333A (en) * | 2019-03-22 | 2019-07-05 | 北京三快在线科技有限公司 | Webpage display process, device, computer equipment and storage medium |
| CN111352627A (en) * | 2020-02-27 | 2020-06-30 | 政采云有限公司 | Page skeleton screen generation method, device, equipment and readable storage medium |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114661370A (en) * | 2022-02-17 | 2022-06-24 | 上海哔哩哔哩科技有限公司 | Resource loading method and device, electronic equipment and computer storage medium |
| CN115268720A (en) * | 2022-08-16 | 2022-11-01 | 北京尽微致广信息技术有限公司 | Page rendering method, device and equipment and readable storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111639289B (en) | Webpage loading method and device | |
| CN111796823A (en) | Method and device for updating page and displaying page and page maintenance system | |
| CN108924029B (en) | Method and device for sending customer service data | |
| CN112364277B (en) | Webpage loading method and device | |
| CN111796821A (en) | Page updating method and device | |
| CN110496395B (en) | Component operation method, system and equipment for illusion engine | |
| CN112947969B (en) | Page off-screen rendering method, device, equipment and readable medium | |
| CN108460035B (en) | Method and device for obtaining barrier-free function state and processing page | |
| CN107479868B (en) | Interface loading method, device and equipment | |
| CN111898056A (en) | Webpage display method and device, storage medium and electronic equipment | |
| US20170171277A1 (en) | Method and electronic device for multimedia recommendation based on android platform | |
| CN112631679A (en) | Preloading method and device for micro-application | |
| CN110806847A (en) | Distributed multi-screen display method, device, equipment and system | |
| CN112559934A (en) | Page popup display method and device | |
| CN110262749B (en) | Webpage operation method, device, container, equipment and medium | |
| CN110471700B (en) | Graphic processing method, apparatus, storage medium and electronic device | |
| CN111240788A (en) | Method, device and equipment for generating small program page | |
| CN110647704A (en) | Page updating method, device and equipment | |
| CN110647685A (en) | Information recommendation method, device and equipment | |
| CN107368236B (en) | Method and device for displaying titles in information directory | |
| CN112035117A (en) | Page display system, method and device | |
| CN111538667A (en) | Page testing method and device | |
| CN111881393A (en) | Page rendering method, device, medium and electronic equipment | |
| CN110569460B (en) | Push information display method, push information display device and storage medium | |
| CN116245051A (en) | Simulation software rendering method and device, storage medium and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WW01 | Invention patent application withdrawn after publication | ||
| WW01 | Invention patent application withdrawn after publication |
Application publication date: 20201106 |