CN109753617B - Page display method, equipment and storage medium - Google Patents

Page display method, equipment and storage medium Download PDF

Info

Publication number
CN109753617B
CN109753617B CN201910031417.7A CN201910031417A CN109753617B CN 109753617 B CN109753617 B CN 109753617B CN 201910031417 A CN201910031417 A CN 201910031417A CN 109753617 B CN109753617 B CN 109753617B
Authority
CN
China
Prior art keywords
page
target
resource
shortcut
target page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201910031417.7A
Other languages
Chinese (zh)
Other versions
CN109753617A (en
Inventor
郭永豪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Huya Information Technology Co Ltd
Original Assignee
Guangzhou Huya Information Technology Co Ltd
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 Guangzhou Huya Information Technology Co Ltd filed Critical Guangzhou Huya Information Technology Co Ltd
Priority to CN202110908303.3A priority Critical patent/CN113590995B/en
Priority to CN201910031417.7A priority patent/CN109753617B/en
Publication of CN109753617A publication Critical patent/CN109753617A/en
Application granted granted Critical
Publication of CN109753617B publication Critical patent/CN109753617B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching

Landscapes

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

Abstract

The embodiment of the invention discloses a page display method, a page display device and a storage medium. The method comprises the steps of displaying a shortcut in an original page; newly building a webpage container in a hidden state; loading a target page in the webpage container; receiving a first opening operation acting on the shortcut; and switching the webpage container from the hidden state to the visible state according to the first opening operation to display the target page in the original page, so that the target page is preloaded by using the webpage container in the hidden state, which is different from the technical scheme that the target page is loaded only when the first opening operation is received, and the problem of target page blockage caused by time delay when the target page is loaded is solved, so that the time for a user to wait for the completion of loading the original page is reduced, and the fluency of the original page loading process is increased.

Description

Page display method, equipment and storage medium
Technical Field
The embodiment of the invention relates to the technical field of communication, in particular to a page display method, a page display device, page display equipment and a storage medium.
Background
Generally, a web page container is disposed in a live broadcast client for loading a HyperText Markup Language (HTML) file pulled from a resource server to complete display of a target page in the live broadcast client, where the HTML file is a resource file of the target page. However, since the process of loading the HTML file has a time delay, it is easy to cause a pause in loading the target page, and the latency of loading the target page is increased.
Disclosure of Invention
The invention provides a page display method, a page display device, page display equipment and a page display storage medium, which are used for reducing the time of a user waiting for the completion of loading of a target page and increasing the fluency of the loading process of the target page.
In a first aspect, an embodiment of the present invention provides a page display method, including:
displaying the shortcut in the original page;
newly building a webpage container in a hidden state;
loading a target page in the webpage container;
receiving a first opening operation acting on the shortcut;
and switching the webpage container from the hidden state to the visible state according to the first opening operation so as to display the target page in the original page.
Further, the creating the webpage container in the hidden state includes:
receiving a target address corresponding to the shortcut;
if the target address carries a preset preloading identification, a webpage container in a hidden state is newly built;
the loading of the target page in the webpage container comprises:
accessing the target address to download page resources of a target page;
and loading the page resources to the webpage container.
Further, the loading the target page in the webpage container includes:
s11, sending a request for downloading the page resource of the target page to a resource server;
s12, receiving the updated state information of the page resource sent by the resource server responding to the request; if the update status information is that the resource is updated, executing S14, and if the update status information is that the resource is not updated, executing S13;
s13, judging whether the local cache stores the page resource or not; if yes, executing S15, otherwise executing S14;
s14, downloading the page resource from the resource server to the local cache;
and S15, reading the page resource from the local cache.
Further, the determining whether the local cache stores the page resource includes:
determining a target address corresponding to the shortcut;
and if the target address carries a preset local cache identifier, judging whether the local cache stores the page resource.
Further, the switching the webpage container from the hidden state to the visible state according to the first opening operation to display the target page in the original page includes:
receiving a first closing operation;
and setting the webpage container to be in the hidden state according to the first closing operation so as to hide the target page in the original page.
Further, the setting the webpage container to the hidden state according to the first closing operation to hide the target page from the original page includes:
determining a target address corresponding to the shortcut;
and if the target address carries a preset closing hidden identifier, setting the webpage container to be in the hidden state according to the first closing operation so as to hide the target page in the original page.
Further, after the setting the webpage container to the hidden state according to the first closing operation to hide the target page from the original page, the method further includes:
receiving a second opening operation acting on the shortcut;
and setting the webpage container to be in a visible state according to the second opening operation so as to display the target page on the original page.
Further, the method also comprises the following steps:
receiving a second closing operation;
and destroying the webpage container according to the second closing operation.
In a second aspect, an embodiment of the present invention provides another page display method, where the method includes:
displaying a live broadcast room page, wherein the live broadcast room page comprises a live broadcast interface and a shortcut, and the shortcut is associated with a hidden target page;
receiving an opening operation acting on the shortcut;
and displaying the target page in an area except the live interface in the live broadcasting room page according to the opening operation.
Further, the method also comprises the following steps:
receiving a first closing operation;
and hiding the target page according to the first closing operation.
In a third aspect, an embodiment of the present invention provides a page display device, where the page display device includes: a memory and one or more processors;
the memory for storing one or more programs;
when the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the page display method according to any one of the first and second aspects.
In a fourth aspect, embodiments of the present invention provide a storage medium containing computer-executable instructions for performing the page display method according to any one of the first and second aspects when executed by a computer processor.
The embodiment of the invention displays the shortcut in the original page; newly building a webpage container in a hidden state; loading a target page in the webpage container; receiving a first opening operation acting on the shortcut; and switching the webpage container from the hidden state to the visible state according to the first opening operation to display the target page in the original page, so that the target page is preloaded by using the webpage container in the hidden state, which is different from the technical scheme that the target page is loaded only when the first opening operation is received, and the problem of target page blockage caused by time delay when the target page is loaded is solved, so that the time for a user to wait for the completion of loading the original page is reduced, and the fluency of the original page loading process is increased.
Drawings
Fig. 1 is a flowchart of a page display method according to an embodiment of the present invention;
fig. 2A is a flowchart of a page display method according to a second embodiment of the present invention;
fig. 2B is a flowchart of a target page loading method according to a second embodiment of the present invention;
fig. 3 is a flowchart of a page display method according to a third embodiment of the present invention;
fig. 4 is a schematic structural diagram of a page display device according to a fourth embodiment of the present invention;
fig. 5 is a schematic structural diagram of a page display device according to a fifth embodiment of the present invention;
fig. 6 is a schematic structural diagram of a page display device according to a sixth embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures.
Example one
Fig. 1 is a flowchart of a page display method according to an embodiment of the present invention, where the present embodiment is applicable to a situation where at least two pages are loaded, and the present embodiment does not limit an application scenario, and is applicable to an application scenario where other pages are preloaded in a process of displaying one page.
Furthermore, the method may be executed by a page display device, and the page display device is not limited in this embodiment, and may be implemented by software and/or hardware, and may be a computer, a mobile phone, a tablet, and the like. In the embodiment, a page display device is taken as a mobile phone as an example for description. Further, the page display device may be installed with a client, and the client may perform the page display method provided in the present embodiment. The client is application software running on the system and provides a user interaction interface for the user. Specifically, a user operation is received through a user interaction interface, and a preset service logic is executed according to the user operation. Generally, there is at least one user interaction interface set in the client, and this embodiment takes the example that there are at least two user interaction interfaces as an example for explanation. Further, the user interaction interface can be switched by receiving user operation.
Referring to fig. 1, the page display method specifically includes the following steps:
and S110, displaying the shortcut in the original page.
In this embodiment, the original page is a user interaction interface in the client, and a shortcut is set in the original page. The shortcut is an interface for switching the user interaction interface, and other user interaction interfaces can be opened through the shortcut. The shortcut is not limited in this embodiment, and may be one or more, and may be an icon or a text link embedded or suspended on the original page.
Further, the embodiment does not limit how to generate the shortcut, and the embodiment will be described by way of example.
In an embodiment, when the original page is opened, the shortcut is displayed in the original page according to a preset binding relationship between the original page and the shortcut.
In yet another embodiment, the shortcut in this embodiment may be generated according to the display content of the original page. Specifically, the preset recommended content may be determined according to the content displayed in the original page, and the shortcut bound to the recommended content is displayed in the original page. In an embodiment, when it is detected that the event video is being played in the original page, the event information related to the event may be used as the recommended content according to the event played by the event video. Further, the match information may be match time and match participant information, etc. In another embodiment, the recommended content may also be a voting page, and the user may vote according to the voting page, and may also view voting results and the like on the voting page. By generating shortcuts according to the display content of the original page, on one hand, the recommended content can be ensured to be related to the display content of the original page, and the click rate of a user is increased; on the other hand, the flexibility of loading the user interaction interface by the client can be increased, and the interface of the client can be changed in a push mode without reinstalling the client by the user.
And S120, newly building the webpage container in the hidden state.
In this embodiment, the web page container is a browser component, for example, a browser with a web page toolkit (webkit) kernel built in an android system is packaged as a web page view (WebView) component in a software development toolkit of android, that is, the WebView component may be used as a web page container.
Furthermore, the webpage can be loaded through the webpage container, and the process of loading the webpage is to interpret the webpage syntax (HTML file, webpage script file, style file, etc.), and render the webpage. In this embodiment, the user interaction interface opened by the shortcut may be presented in the form of a web page, and the user interaction interface may be displayed as long as the user interaction interface is loaded by the newly-built web page container, without the user having to reinstall the client, thereby increasing the convenience of updating the client function.
It should be noted that the web page container has at least two states, a hidden state and a visible state. When the webpage container is in a hidden state, the user interaction interface loaded by the webpage container runs in the background, and a user cannot see the user interaction interface; when the webpage container is in a visible state, the user interaction interface loaded by the webpage container is switched from the background to the foreground, namely, the user can see the user interaction interface.
S130, loading a target page in the webpage container.
In this embodiment, the target page is a user interaction interface set corresponding to the shortcut, and the target page may be opened through the shortcut.
In one embodiment, the content of the target page may be preset recommended content determined according to the content displayed in the original page. In this embodiment, a new webpage container in a hidden state is created in the background, so as to preload a target page corresponding to the shortcut. That is, the loading of the target page is done while the original page is open, but since the web page container is in a hidden state, the target page runs in the background and is not visible to the user.
S140, receiving a first opening operation acting on the shortcut.
In this embodiment, the first opening operation is a user operation received by the client, and the first opening operation is not limited in this embodiment and may be a click, a long press, or a sliding manner. The present embodiment is described taking a shortcut as an example of an icon floating on an original page, and when a click operation for the icon is received, it may be considered that a first opening operation for the shortcut is received.
S150, switching the webpage container from the hidden state to the visible state according to the first opening operation, and displaying the target page in the original page.
In this embodiment, the first opening operation is to trigger switching of the webpage container from the hidden state to the visible state, so as to switch the target page loaded by the webpage container to be visible to the user.
How the target page is displayed in the original page is not limited in this embodiment, and the target page may cover the entire area displayed by the original page, or may cover a part of the area displayed by the original page covered by the target page.
According to the technical scheme of the embodiment, the shortcut is displayed in the original page; newly building a webpage container in a hidden state; loading a target page in the webpage container; receiving a first opening operation acting on the shortcut; and switching the webpage container from the hidden state to the visible state according to the first opening operation to display the target page in the original page, so that the target page is preloaded by using the webpage container in the hidden state, which is different from the technical scheme that the target page is loaded only when the first opening operation is received, and the problem of target page blockage caused by time delay when the target page is loaded is solved, so that the time for a user to wait for the completion of loading the original page is reduced, and the fluency of the original page loading process is increased. Furthermore, in this embodiment, the user interaction interface opened by the shortcut may be presented in the form of a web page, and the user interaction interface may be displayed only by loading the user interaction interface through a newly created web page container, without reinstalling the client by the user, thereby increasing the convenience of updating the client function. Furthermore, a shortcut is generated according to the display content of the original page, so that on one hand, the recommended content can be related to the display content of the original page, and the click rate of a user is increased; on the other hand, the flexibility of loading the user interaction interface by the client can be increased, and the interface of the client can be changed in a push mode without reinstalling the client by the user.
Example two
Fig. 2A is a flowchart of a page display method according to a second embodiment of the present invention; fig. 2B is a flowchart of a target page loading method according to a second embodiment of the present invention.
In this embodiment, further details are provided on the basis of the above embodiment, and referring to fig. 2A, the page display method specifically includes the following steps:
s201, displaying the shortcut in the original page.
In this embodiment, the target address allocated to the original page may be obtained; and generating a shortcut in the original page according to the target address, and further displaying the shortcut in the original page. Further, the target page may be accessed based on the target address.
Specifically, the target interface is a user interaction interface, and the target page may be configured to display preset recommended content determined according to content displayed in the original page. For example, for a server corresponding to a client, the server may detect content of an original page in the client, and determine preset recommended content according to the content of the original page, and then the server allocates a target address related to the recommended content to the original page of the client, and the client may generate a shortcut in the original page according to the target address, that is, may access the target page located at the target address by clicking the shortcut.
S202, newly building a webpage container in a hidden state.
In this embodiment, the target page is presented in the form of a web page, and may be loaded through a web page container. In the process of loading the target page by the webpage container, the grammar of the target page needs to be interpreted and then rendered, so that the target page can be finally displayed in the client. The loading process needs time consumption, and the problems of target page blockage and unsmooth operation are easy to occur. Therefore, the embodiment solves the problem by creating a webpage container in a hidden state in the background and preloading a target page corresponding to a target address.
S203, loading a target page in the webpage container.
In this embodiment, referring to fig. 2B, step S203 is further detailed as:
s11, sending a request for downloading the page resource of the target page to a resource server.
In this embodiment, since the target page is presented in the form of a web page, the page resources corresponding to the target page may include an HTML file, a web script file, a style file, and the like. The webpage script file can be a file with a format js, and the style file can be a file with a format css. The resource server is a storage position of the page resource of the target page, and can send a request to the resource server by accessing the target address corresponding to the shortcut.
S12, receiving the updated state information of the page resource sent by the resource server responding to the request; if the update status information is that the resource is updated, then execute S14, and if the update status information is that the resource is not updated, execute S13.
Generally, when a browser accesses a web page, the browser of the browser makes a request to a server where the web page is located. Before the browser receives and displays the web page, the server of the web page returns a header (server header) containing an HTTP Status Code (HTTP Status Code) to respond to the browser request. The HTTP status code is composed of three decimal digits, the first decimal digit defines the type of the status code, and the last two digits have no classification function. As shown in table 1, the HTTP status codes are divided into 5 types in total.
Figure BDA0001944348520000071
TABLE 1
The following is a common HTTP status code:
200-request success
301-resources (Web pages, etc.) are permanently transferred to other URLs
404-requested resources (Web pages, etc.) do not exist
500-internal Server errors
304-unmodified. The requested resource is not modified, and the server does not return any resource when returning the status code. The client will typically cache the accessed resource by providing a header indicating that the client wishes to return only resources modified after the specified date.
In this embodiment, when the web page container is used as a browser component and sends a request to the resource server according to the destination address, the resource server may also return a header containing an HTTP status code to respond to the request of the browser. Since the update status information is used to determine whether the resource is updated, the update status information may be "304" corresponding to the HTTP status code. Specifically, in order to realize faster loading of the target page, it is preferable to load the page resource of the target page from the local cache. Generally, the webpage container carries the page resource modification information for the request in the local cache in the request. For example, the resource server may determine the last modification date of the page resource through the modification information, compare the last modification date with the latest modification date of the page resource stored in the resource service, and when the modification dates are the same, return an HTTP status code "304" to the client, which indicates that the requested page resource is not modified, and does not return any page resource; if the client does not receive the HTTP status code "304", indicating that the requested page resource is modified, the client directly downloads the page resource from the resource server to the local cache, i.e., performs step S14.
S13, judging whether the local cache stores the page resource or not; if so, go to S15, otherwise, go to S14.
Further, when the update status information indicates that the resource is not updated, the page resource may be read from the local cache, but since the page resource in the local cache may be cleared, the step S13 needs to be further executed.
In an embodiment, the target address corresponding to the shortcut is determined; and if the target address carries a preset local cache identifier, judging whether the local cache stores the page resource. Specifically, the target address is a web address (URL), and the local cache identifier may be a parameter of the target address. For example, the local Cache identifier may be in a form of use304Cache ═ 1, that is, the use304Cache ═ 1 is added to the target address, which indicates that the target address carries a preset local Cache identifier.
S14, downloading the page resource from the resource server to the local cache.
And S15, reading the page resource from the local cache.
In this embodiment, the page resource is read from the local cache, so as to load the page resource into the web page container.
It should be noted that, in one embodiment, steps S202-S203 include: receiving a target address corresponding to the shortcut; if the target address carries a preset preloading identification, a webpage container in a hidden state is newly built; accessing the target address to download page resources of a target page; and loading the page resources to the webpage container. Specifically, the preload flag may be a parameter of the target address. For example, the preload identifier may be in the form of usePreload ═ 1, that is, usePreload ═ 1 is added to the target address, which indicates that the target address carries the preset preload identifier.
S204, receiving a first opening operation acting on the shortcut.
The present embodiment is described taking a shortcut as an example of an icon floating on an original page, and when a click operation for the icon is received, it may be considered that a first opening operation for the shortcut is received.
S205, switching the webpage container from the hidden state to the visible state according to the first opening operation, so as to display the target page in the original page.
In this embodiment, the first opening operation is to trigger switching of the webpage container from the hidden state to the visible state, so as to switch the target page loaded by the webpage container to be visible to the user.
How the target page is displayed in the original page is not limited in this embodiment, and the target page may cover the entire area displayed by the original page, or may cover a part of the area displayed by the original page covered by the target page.
S206, receiving a first closing operation.
In this embodiment, the first closing operation is a user operation received by the client, and the first closing operation is not limited in this embodiment, and may be a click, a long press, or a sliding of the display area of the client, or a short press or a long press of a physical key of the page display device. In this embodiment, the area displayed by the original page covered by the target page is taken as an example for explanation, and the first closing operation may be clicking the area displayed by the target page.
S207, setting the webpage container to be in the hidden state according to the first closing operation, so as to hide the target page in the original page.
The webpage container is set to be in the hidden state according to the first closing operation, so that the target page is hidden in the original page instead of being directly destroyed, reloading is not needed when the target page is opened next time, and the fluency of loading the target page is improved.
In an embodiment, determining a target address corresponding to the shortcut; and if the target address carries a preset closing hidden identifier, setting the webpage container to be in the hidden state according to the first closing operation so as to hide the target page in the original page. Specifically, the hidden flag may be a parameter of the target address. For example, the closing hidden identifier may be in the form of useCloseHide ═ 1, that is, when useCloseHide ═ 1 is added to the target address, it indicates that the target address carries the preset closing hidden identifier.
S208, receiving a second opening operation acting on the shortcut.
In this embodiment, the first opening operation and the second opening operation are the same user operation, and different names are used in this embodiment, mainly to distinguish the opening timing. The first opening operation is to open the target page by the shortcut for the first time, and the second opening operation is to open by the shortcut again after the target page is set to the hidden state according to the first operation.
S209, setting the webpage container to be in a visible state according to the second opening operation, so as to display the target page on the original page.
And S210, receiving a second closing operation.
In this embodiment, the second closing operation is a user operation received by the client, and this embodiment does not limit the second closing operation, and may be to click, long-press, or slide the display area of the client, or to short-press or long-press a physical key of the page display device. The second closing operation is mainly used to completely close the client, that is, to clear the memory occupied by the client from the page display device.
S211, destroying the webpage container according to the second closing operation.
In this embodiment, when the client is completely closed, the web container is destroyed at the same time.
According to the technical scheme of the embodiment, the shortcut is displayed in the original page; newly building a webpage container in a hidden state; loading a target page in the webpage container; receiving a first opening operation acting on the shortcut; switching the webpage container from the hidden state to a visible state according to the first opening operation so as to display the target page in the original page; receiving a first closing operation; setting the webpage container to be in the hidden state according to the first closing operation so as to hide the target page in the original page; receiving a second opening operation acting on the shortcut; and setting the webpage container to be in a visible state according to the second opening operation so as to display the target page on the original page. Receiving a second closing operation; and destroying the webpage container according to the second closing operation, so that different from the technical scheme that the target page is loaded only when the first opening operation is received, the target page is preloaded by using the webpage container in a hidden state, the problem of target page blockage caused by time delay of loading the target page is solved, the time for a user to wait for the completion of the loading of the original page is reduced, and the fluency of the loading process of the original page is increased. Furthermore, in this embodiment, the user interaction interface opened by the shortcut may be presented in the form of a web page, and the user interaction interface may be displayed only by loading the user interaction interface through a newly created web page container, without reinstalling the client by the user, thereby increasing the convenience of updating the client function. Furthermore, a shortcut is generated according to the display content of the original page, so that on one hand, the recommended content can be related to the display content of the original page, and the click rate of a user is increased; on the other hand, the flexibility of loading the user interaction interface by the client can be increased, and the interface of the client can be changed in a push mode without reinstalling the client by the user.
EXAMPLE III
Fig. 3 is a flowchart of a page display method according to a third embodiment of the present invention. In this embodiment, the page display method is further refined on the basis of the above embodiment, and is applied to a live application scene, and a detailed description is given by taking application software provided by a client as a live platform for a user as an example, specifically, a viewer can watch live video uploaded to the live platform by a main broadcast through the application software.
Referring to fig. 3, the page display method specifically includes the following steps:
s310, displaying a live broadcast room page, wherein the live broadcast room page comprises a live broadcast interface and a shortcut, and the shortcut is associated with a hidden target page.
In this embodiment, for a case where the client is provided with at least two pages, in this embodiment, an original page is taken as a live broadcast page as an example for explanation, the live broadcast page includes a live broadcast page and a shortcut, and the shortcut is associated with a hidden target page. Specifically, the live broadcast page may be used to play a live broadcast video and view comments and the like for the live broadcast video, and the content in the target page may be recommended content determined according to the content in the live broadcast interface.
In an embodiment, when it is detected that the event video is being played in the original page, the event information related to the event may be used as the recommended content according to the event played by the event video. Further, the match information may be match time and match participant information, etc. In another embodiment, the recommended content may also be a voting page, and the user may vote according to the voting page, and may also view voting results and the like on the voting page. By generating shortcuts according to the display content of the original page, on one hand, the recommended content can be ensured to be related to the display content of the original page, and the click rate of a user is increased; on the other hand, the flexibility of loading the user interaction interface by the client can be increased, and the interface of the client can be changed in a push mode without reinstalling the client by the user.
Furthermore, the target page can be loaded in the webpage container by newly building the webpage container in the hidden state, so that the target page can be preloaded in a hidden manner.
S320, receiving an opening operation acting on the shortcut.
In this embodiment, the opening operation is a user operation received by the client, and is the same as the first opening operation in the above embodiment. Similarly, the opening operation is not limited in this embodiment, and may be a click, a long press, or a slide. The embodiment is described by taking a shortcut as an icon floating on an original page as an example, and when a click operation for the icon is received, it may be considered that an open operation for the shortcut is received.
S330, displaying the target page in the area except the live broadcast interface in the live broadcast room page according to the opening operation.
In this embodiment, the target page is displayed in the live broadcast page in an area other than the live broadcast interface, so that the live broadcast interface can be still displayed when the target page is displayed, and the playing of the live broadcast video in the live broadcast page cannot be influenced.
According to the technical scheme, a live broadcast room page is displayed, wherein the live broadcast room page comprises a live broadcast interface and a shortcut, and the shortcut is associated with a hidden target page; receiving an opening operation acting on the shortcut; and displaying the target page in the area except the live broadcast interface in the live broadcast room page according to the opening operation, so that the target page is preloaded and hidden in a background and displayed after the opening operation is received, and the problem that the target page is stuck due to time delay when the target page is loaded is solved, so that the time for a user to wait for the completion of the loading of the original page is reduced, and the fluency of the loading process of the original page is increased.
On the basis of the above embodiment, after step S330, the shortcut may also be opened by receiving a second opening operation that acts on the shortcut; and setting the webpage container to be in a visible state according to the second opening operation so as to display the target page on the original page.
Example four
Fig. 4 is a schematic structural diagram of a page display device according to a fourth embodiment of the present invention. The embodiment is applicable to the loading of at least two pages, the application scene is not limited in the embodiment, and the application scene in which other pages are preloaded in the process of displaying one page can be applicable.
Furthermore, the apparatus may be integrated in a page display device, which is not limited in this embodiment, and may be implemented in a software and/or hardware manner, and may be a computer, a mobile phone, a tablet, and the like. In the embodiment, a page display device is taken as a mobile phone as an example for description. Further, the page display device may be installed with a client, and the client may perform the page display method provided in the present embodiment. The client is application software running on the system and provides a user interaction interface for the user. Specifically, a user operation is received through a user interaction interface, and a preset service logic is executed according to the user operation. Generally, there is at least one user interaction interface set in the client, and this embodiment takes the example that there are at least two user interaction interfaces as an example for explanation. Further, the user interaction interface can be switched by receiving user operation.
Referring to fig. 4, the apparatus specifically includes the following structure: a shortcut display module 410, a web page container creation module 420, a target page loading module 430, a first opening operation reception module 440, and a target page display module 450.
A shortcut displaying module 410 for displaying a shortcut in the original page.
A webpage container creating module 420, configured to create a webpage container in a hidden state.
And a target page loading module 430, configured to load a target page in the web page container.
A first opening operation receiving module 440, configured to receive a first opening operation applied to the shortcut.
A first target page display module 450, configured to switch the webpage container from the hidden state to a visible state according to the first opening operation, so as to display the target page in the original page.
According to the technical scheme of the embodiment, the shortcut is displayed in the original page; newly building a webpage container in a hidden state; loading a target page in the webpage container; receiving a first opening operation acting on the shortcut; and switching the webpage container from the hidden state to the visible state according to the first opening operation to display the target page in the original page, so that the target page is preloaded by using the webpage container in the hidden state, which is different from the technical scheme that the target page is loaded only when the first opening operation is received, and the problem of target page blockage caused by time delay when the target page is loaded is solved, so that the time for a user to wait for the completion of loading the original page is reduced, and the fluency of the original page loading process is increased. Furthermore, in this embodiment, the user interaction interface opened by the shortcut may be presented in the form of a web page, and the user interaction interface may be displayed only by loading the user interaction interface through a newly created web page container, without reinstalling the client by the user, thereby increasing the convenience of updating the client function. Furthermore, a shortcut is generated according to the display content of the original page, so that on one hand, the recommended content can be related to the display content of the original page, and the click rate of a user is increased; on the other hand, the flexibility of loading the user interaction interface by the client can be increased, and the interface of the client can be changed in a push mode without reinstalling the client by the user.
On the basis of the above embodiment, the webpage container creating module 420 includes:
and the target address receiving unit is used for receiving the target address corresponding to the shortcut.
And the preloading identification determining unit is used for newly building a webpage container in a hidden state if the target address carries a preset preloading identification.
A target page load module 430, comprising:
and the target address access unit is used for accessing the target address to download the page resource of the target page.
And the page resource loading unit is used for loading the page resources to the webpage container.
In yet another embodiment, target page load module 430 includes:
a request sending unit, configured to execute step S11, and send a request for downloading the page resource of the target page to the resource server.
An update status information determination unit for performing step S12, receiving update status information of the page resource sent from the resource server in response to the request; if the update status information is that the resource is updated, then execute S14, and if the update status information is that the resource is not updated, execute S13.
A local cache determining unit, configured to execute step S13, and determine whether the page resource is stored in a local cache; if so, go to S15, otherwise, go to S14.
A page resource downloading unit, configured to execute step S14, and download the page resource from the resource server to the local cache.
A page resource reading unit, configured to execute step S15 and read the page resource from the local cache.
On the basis of the above embodiment, the local cache determining unit includes:
and the first target address determining subunit is used for determining the target address corresponding to the shortcut.
And the local cache identifier determining unit is used for judging whether the page resource is stored in the local cache or not if the target address carries a preset local cache identifier.
On the basis of the above embodiment, the first target page display module 450 includes:
a first closing operation receiving unit for receiving a first closing operation.
And the target page hiding unit is used for setting the webpage container to be in the hidden state according to the first closing operation so as to hide the target page in the original page.
On the basis of the above embodiment, the target page hiding unit includes:
and the second target address determining subunit is used for determining the target address corresponding to the shortcut.
And the target page hiding subunit is configured to set the webpage container to be in the hidden state according to the first closing operation if the target address carries a preset closing hiding identifier, so as to hide the target page in the original page.
On the basis of the above embodiment, the apparatus further comprises:
and the second opening operation receiving module is used for receiving a second opening operation acting on the shortcut after the webpage container is set to be in the hidden state according to the first closing operation and the target page is hidden in the original page.
And the target page redisplay module is used for setting the webpage container to be in a visible state according to the second opening operation so as to display the target page on the original page.
On the basis of the above embodiment, the apparatus further comprises:
and the second closing operation receiving module is used for receiving a second closing operation.
And the webpage container destroying module is used for destroying the webpage container according to the second closing operation.
The product can execute the method provided by any embodiment of the invention, and has corresponding functional modules and beneficial effects of the execution method.
EXAMPLE five
Fig. 5 is a schematic structural diagram of a page display device according to a fifth embodiment of the present invention.
In this embodiment, the page display device is further refined on the basis of the above embodiment, and is applied to a live application scene, and a detailed description is given by taking application software provided by a client as a live platform for a user as an example, specifically, a viewer can watch live video uploaded to the live platform by a main broadcast through the application software.
Referring to fig. 5, the page display apparatus specifically includes the following structure: a live view page display module 510, an open operation reception module 520, and a second target page display 530.
And a live broadcast room page display module 510, configured to display a live broadcast room page, where the live broadcast room page includes a live broadcast interface and a shortcut, and the shortcut is associated with a hidden target page.
An opening operation receiving module 520, configured to receive an opening operation applied to the shortcut.
And a second target page display 530, configured to display the target page in an area other than the live interface in the live view page according to the opening operation.
According to the technical scheme, a live broadcast room page is displayed, wherein the live broadcast room page comprises a live broadcast interface and a shortcut, and the shortcut is associated with a hidden target page; receiving an opening operation acting on the shortcut; and displaying the target page in the area except the live broadcast interface in the live broadcast room page according to the opening operation, so that the target page is preloaded and hidden in a background and displayed after the opening operation is received, and the problem that the target page is stuck due to time delay when the target page is loaded is solved, so that the time for a user to wait for the completion of the loading of the original page is reduced, and the fluency of the loading process of the original page is increased.
On the basis of the above embodiment, the apparatus further includes:
and the first closing operation receiving module is used for receiving a first closing operation.
And the target page hiding module is used for hiding the target page according to the first closing operation.
The product can execute the method provided by any embodiment of the invention, and has corresponding functional modules and beneficial effects of the execution method.
EXAMPLE six
Fig. 6 is a schematic structural diagram of a page display device according to a sixth embodiment of the present invention. As shown in fig. 6, the page display apparatus includes: a processor 60, a memory 61, an input device 62, and an output device 63. The number of the processors 60 in the page display device may be one or more, and one processor 60 is taken as an example in fig. 6. The number of the memories 61 in the page display device may be one or more, and one memory 61 is taken as an example in fig. 6. The processor 60, the memory 61, the input device 62 and the output device 63 of the page display apparatus may be connected by a bus or other means, and the connection by the bus is exemplified in fig. 6. In an embodiment, the page display device may be a computer, a mobile phone, a tablet, and the like. In the embodiment, a page display device is taken as a mobile phone as an example for description.
The memory 61 is a computer-readable storage medium, and can be used for storing software programs, computer-executable programs, and modules, such as program instructions/modules corresponding to the page display method according to any embodiment of the present invention (for example, a shortcut display module 410, a web page container creation module 420, a target page loading module 430, a first opening operation receiving module 440, and a target page display module 450 in a page display apparatus). The memory 61 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required for at least one function; the storage data area may store data created according to use of the device, and the like. Further, the memory 61 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device. In some examples, the memory 61 may further include memory located remotely from the processor 60, which may be connected to the device over a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The input means 62 may be used to receive input numeric or character information and generate key signal inputs related to user settings and function control of the page display apparatus, and may also be a camera for acquiring images and a sound pickup apparatus for acquiring audio data. The output device 63 may include an audio device such as a speaker. It should be noted that the specific composition of the input device 62 and the output device 63 can be set according to actual situations.
The processor 60 executes various functional applications of the device and data processing, i.e., implements the above-described page display method, by executing software programs, instructions, and modules stored in the memory 61.
EXAMPLE seven
An embodiment of the present invention further provides a storage medium containing computer-executable instructions, which when executed by a computer processor, are configured to perform a page display method, including:
displaying the shortcut in the original page;
newly building a webpage container in a hidden state;
loading a target page in the webpage container;
receiving a first opening operation acting on the shortcut;
and switching the webpage container from the hidden state to the visible state according to the first opening operation so as to display the target page in the original page.
Of course, the storage medium provided by the embodiment of the present invention includes computer-executable instructions, and the computer-executable instructions are not limited to the operations of the page display method described above, and may also perform related operations in the page display method provided by any embodiment of the present invention, and have corresponding functions and advantages.
From the above description of the embodiments, it is obvious for those skilled in the art that the present invention can be implemented by software and necessary general hardware, and certainly, can also be implemented by hardware, but the former is a better embodiment in many cases. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which may be stored in a computer-readable storage medium, such as a floppy disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a FLASH Memory (FLASH), a hard disk or an optical disk of a computer, and includes several instructions for enabling a computer device (which may be a robot, a personal computer, a server, or a network device) to execute the page display method according to any embodiment of the present invention.
It should be noted that, in the above page display device, each unit and each module included in the page display device are only divided according to the functional logic, but are not limited to the above division as long as the corresponding functions can be realized; in addition, specific names of the functional units are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the present invention.
It should be understood that portions of the present invention may be implemented in hardware, software, firmware, or a combination thereof. In the above embodiments, the various steps or methods may be implemented in software or firmware stored in memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, any one or combination of the following techniques, which are known in the art, may be used: a discrete logic circuit having a logic gate circuit for implementing a logic function on a data signal, an application specific integrated circuit having an appropriate combinational logic gate circuit, a Programmable Gate Array (PGA), a Field Programmable Gate Array (FPGA), or the like.
In the description herein, references to the description of the term "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., mean that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the invention. In this specification, the schematic representations of the terms used above do not necessarily refer to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples.
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.

Claims (11)

1. A method for displaying a page in a live broadcast room is characterized by comprising the following steps:
displaying the shortcut in the original page;
newly building a webpage container in a hidden state;
loading a target page in the webpage container, wherein the process of loading the target page is to explain a target page language method and render the target page;
receiving a first opening operation acting on the shortcut;
switching the webpage container from the hidden state to a visible state according to the first opening operation so as to display the target page in the original page;
wherein the loading the target page in the webpage container comprises:
s11, sending a request for downloading the page resource of the target page to a resource server;
s12, receiving the updated state information of the page resource sent by the resource server responding to the request; if the update status information is that the resource is updated, executing S14, and if the update status information is that the resource is not updated, executing S13;
s13, judging whether the local cache stores the page resource or not; if yes, executing S15, otherwise executing S14;
s14, downloading the page resource from the resource server to the local cache;
and S15, reading the page resource from the local cache.
2. The method of claim 1, wherein creating the new webpage container in a hidden state comprises:
receiving a target address corresponding to the shortcut;
if the target address carries a preset preloading identification, a webpage container in a hidden state is newly built;
the loading of the target page in the webpage container comprises:
accessing the target address to download page resources of a target page;
and loading the page resources to the webpage container.
3. The method of claim 1, wherein the determining whether the page resource is stored in the local cache comprises:
determining a target address corresponding to the shortcut;
and if the target address carries a preset local cache identifier, judging whether the local cache stores the page resource.
4. The method according to any one of claims 1-3, wherein said switching said webpage container from said hidden state to said visible state according to said first opening operation, after displaying said target page in said original page, comprises:
receiving a first closing operation;
and setting the webpage container to be in the hidden state according to the first closing operation so as to hide the target page in the original page.
5. The method according to claim 4, wherein the setting the webpage container to the hidden state according to the first closing operation to hide the target page from the original page comprises:
determining a target address corresponding to the shortcut;
and if the target address carries a preset closing hidden identifier, setting the webpage container to be in the hidden state according to the first closing operation so as to hide the target page in the original page.
6. The method according to claim 5, further comprising, after said setting the webpage container to the hidden state according to the first closing operation to hide the target page from the original page:
receiving a second opening operation acting on the shortcut;
and setting the webpage container to be in a visible state according to the second opening operation so as to display the target page on the original page.
7. The method of claim 4, further comprising:
receiving a second closing operation;
and destroying the webpage container according to the second closing operation.
8. A page display method, comprising:
displaying a live broadcast room page, wherein the live broadcast room page comprises a live broadcast interface and a shortcut, and the shortcut is associated with a hidden target page;
the target page is loaded in a webpage container, wherein the process of loading the target page is to explain the target page language and render the target page;
receiving an opening operation acting on the shortcut;
displaying the target page in a region except the live broadcast interface in the live broadcast room page according to the opening operation;
wherein, the target page is loaded in a webpage container, and comprises:
s11, sending a request for downloading the page resource of the target page to a resource server;
s12, receiving the updated state information of the page resource sent by the resource server responding to the request; if the update status information is that the resource is updated, executing S14, and if the update status information is that the resource is not updated, executing S13;
s13, judging whether the local cache stores the page resource or not; if yes, executing S15, otherwise executing S14;
s14, downloading the page resource from the resource server to the local cache;
and S15, reading the page resource from the local cache.
9. The method of claim 8, further comprising:
receiving a first closing operation;
and hiding the target page according to the first closing operation.
10. A page display device, comprising: a memory and one or more processors;
the memory for storing one or more programs;
when executed by the one or more processors, cause the one or more processors to implement the page display method of any of claims 1-9.
11. A storage medium containing computer-executable instructions for performing the page display method of any one of claims 1 to 9 when executed by a computer processor.
CN201910031417.7A 2019-01-14 2019-01-14 Page display method, equipment and storage medium Active CN109753617B (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202110908303.3A CN113590995B (en) 2019-01-14 2019-01-14 Page display method, device and storage medium
CN201910031417.7A CN109753617B (en) 2019-01-14 2019-01-14 Page display method, equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910031417.7A CN109753617B (en) 2019-01-14 2019-01-14 Page display method, equipment and storage medium

Related Child Applications (1)

Application Number Title Priority Date Filing Date
CN202110908303.3A Division CN113590995B (en) 2019-01-14 2019-01-14 Page display method, device and storage medium

Publications (2)

Publication Number Publication Date
CN109753617A CN109753617A (en) 2019-05-14
CN109753617B true CN109753617B (en) 2021-08-31

Family

ID=66405618

Family Applications (2)

Application Number Title Priority Date Filing Date
CN202110908303.3A Active CN113590995B (en) 2019-01-14 2019-01-14 Page display method, device and storage medium
CN201910031417.7A Active CN109753617B (en) 2019-01-14 2019-01-14 Page display method, equipment and storage medium

Family Applications Before (1)

Application Number Title Priority Date Filing Date
CN202110908303.3A Active CN113590995B (en) 2019-01-14 2019-01-14 Page display method, device and storage medium

Country Status (1)

Country Link
CN (2) CN113590995B (en)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110413921B (en) * 2019-06-21 2022-08-30 深圳壹账通智能科技有限公司 Webpage loading method and device, computer equipment and storage medium
CN110990733B (en) * 2019-10-31 2023-03-17 合肥美的电冰箱有限公司 Page loading method and device, electronic equipment and medium
CN111090823B (en) * 2019-12-23 2024-02-09 广州市百果园信息技术有限公司 Page application integration system, application access method, device and equipment
CN111597027A (en) * 2020-05-15 2020-08-28 北京百度网讯科技有限公司 Application program starting method, device, equipment and storage medium
CN111949358A (en) * 2020-08-18 2020-11-17 北京字节跳动网络技术有限公司 Dynamic display method, device, readable medium and electronic equipment
CN112052417A (en) * 2020-09-01 2020-12-08 企查查科技有限公司 Webpage loading method, device, equipment and storage medium
CN112764958B (en) * 2021-01-27 2023-01-13 上海淇玥信息技术有限公司 Method and device for assisting in repairing page fault and electronic equipment
CN112911372B (en) * 2021-01-29 2023-06-27 北京达佳互联信息技术有限公司 Page data processing method and device, electronic equipment and server
CN114461316A (en) * 2021-07-27 2022-05-10 荣耀终端有限公司 Rendering method and device
CN113691865A (en) * 2021-08-24 2021-11-23 京东方科技集团股份有限公司 Multimedia playing method and system
CN114675915A (en) * 2022-02-15 2022-06-28 上海哔哩哔哩科技有限公司 Page display method and device, computing equipment and computer storage medium
CN114679599A (en) * 2022-03-24 2022-06-28 上海哔哩哔哩科技有限公司 Live broadcast watching method and device

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108073610A (en) * 2016-11-11 2018-05-25 聚好看科技股份有限公司 Realize the method and device of Webpage loading
CN108664498A (en) * 2017-03-29 2018-10-16 腾讯科技(深圳)有限公司 A kind of display methods and terminal of web page contents

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7454434B1 (en) * 2004-10-04 2008-11-18 American Express Travel Related Services Company, Inc. System and method for stepped loading of web page content
CN103425388B (en) * 2012-05-24 2017-03-15 腾讯科技(深圳)有限公司 A kind of method and apparatus of operation host window in HTML page
CN103488403B (en) * 2013-08-30 2018-02-02 小米科技有限责任公司 interface layout switching method, device and mobile terminal
US9576070B2 (en) * 2014-04-23 2017-02-21 Akamai Technologies, Inc. Creation and delivery of pre-rendered web pages for accelerated browsing
CN104021016B (en) * 2014-06-13 2017-04-12 北京奇虎科技有限公司 Method and browser for loading browser plug-in icons
CN105893602B (en) * 2016-04-21 2019-11-05 北京京东尚科信息技术有限公司 Full screen display process and system for chart in the webpage of terminal browser
US10372785B2 (en) * 2016-07-29 2019-08-06 Microsoft Technology Licensing, Llc Client-side modularization of a requested webpage
CN107943803A (en) * 2016-10-12 2018-04-20 中国海洋大学 A kind of method and apparatus for realizing that webpage quickly loads based on big data
CN106534940B (en) * 2016-10-14 2020-12-11 腾讯科技(北京)有限公司 Display method and device of live broadcast entry preview
CN108093290B (en) * 2017-12-13 2019-03-08 广州虎牙信息科技有限公司 Image content switching methods of exhibiting, storage equipment and computer equipment is broadcast live
CN108319683B (en) * 2018-01-31 2021-05-25 Oppo广东移动通信有限公司 Webpage display method and device and terminal
CN108363930B (en) * 2018-03-21 2020-06-12 中国人民解放军战略支援部队信息工程大学 Memory data protection method and system
CN108260014A (en) * 2018-04-12 2018-07-06 腾讯科技(上海)有限公司 A kind of video broadcasting method and terminal and storage medium

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108073610A (en) * 2016-11-11 2018-05-25 聚好看科技股份有限公司 Realize the method and device of Webpage loading
CN108664498A (en) * 2017-03-29 2018-10-16 腾讯科技(深圳)有限公司 A kind of display methods and terminal of web page contents

Also Published As

Publication number Publication date
CN113590995A (en) 2021-11-02
CN113590995B (en) 2023-08-01
CN109753617A (en) 2019-05-14

Similar Documents

Publication Publication Date Title
CN109753617B (en) Page display method, equipment and storage medium
US10055507B2 (en) Infinite scrolling
EP4087258A1 (en) Method and apparatus for displaying live broadcast data, and device and storage medium
US10255255B2 (en) Customization of mobile applications using web-based technology
US9021367B2 (en) Metadata capture for screen sharing
US20130097298A1 (en) Standardized adapter interface for multiple browser-based devices
CN110990075B (en) Method, device, equipment and storage medium for starting fast application
CN106791898B (en) Live video loading method and device
US20140208326A1 (en) File presenting method and apparatus for a smart terminal
CN108304234B (en) Page display method and device
US11579902B2 (en) User interface rendering performance
CN111372115B (en) Application program access method and device and communication system
US20140365861A1 (en) Prefetching binary data for use by a browser plugin
US20180356950A1 (en) System and method for application navigation
CN112306587A (en) Page display processing method and device and terminal equipment
CN112764871B (en) Data processing method, data processing device, computer equipment and readable storage medium
CN113225605B (en) Video playing processing method and device, electronic equipment and storage medium
CN111026491A (en) Interface display method and device, electronic equipment, server and storage medium
WO2019047187A1 (en) Navigation bar control method and device
CN115061745A (en) Page resource preloading method and device and storage medium
CN112328140B (en) Image input method, device, equipment and medium thereof
CN108268298B (en) Desktop icon generation method and device, storage medium and electronic equipment
CN104102536A (en) Display method and system for data
CN111158678B (en) Video playing method and device, client device and electronic device
CN110750746A (en) Data receiving and pushing method, device, equipment and readable medium

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
GR01 Patent grant
GR01 Patent grant