CN112667326A - Display method and device of popup page, computer equipment and storage medium - Google Patents

Display method and device of popup page, computer equipment and storage medium Download PDF

Info

Publication number
CN112667326A
CN112667326A CN201910938360.9A CN201910938360A CN112667326A CN 112667326 A CN112667326 A CN 112667326A CN 201910938360 A CN201910938360 A CN 201910938360A CN 112667326 A CN112667326 A CN 112667326A
Authority
CN
China
Prior art keywords
page
popup
pop
browsed
route
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.)
Pending
Application number
CN201910938360.9A
Other languages
Chinese (zh)
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.)
Beijing Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum 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 Beijing Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201910938360.9A priority Critical patent/CN112667326A/en
Publication of CN112667326A publication Critical patent/CN112667326A/en
Pending legal-status Critical Current

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

The application relates to a display method and device of a popup page, computer equipment and a storage medium. The method comprises the steps of detecting triggering operation of a popup page in a browsed page, calling a corresponding page component according to a path specified by a sub-route of the triggered popup page when the triggering operation is detected, and rendering the page component, so that the popup page is displayed, and the popup page is displayed in a browser of a terminal. According to the method and the device, the URL path corresponding to the popup page is switched according to the triggering operation of the popup page, so that the popup page is opened in the browsed page, the popup page can be shared and propagated, and other operations can be carried out, and the problems that the traditional full-screen popup is poor in interactivity and cannot be directly shared and propagated are solved.

Description

Display method and device of popup page, computer equipment and storage medium
Technical Field
The present application relates to the field of internet technologies, and in particular, to a method and an apparatus for displaying a pop-up page, a computer device, and a storage medium.
Background
With the development of internet technology, browsing web pages by using a browser has become a very important way for people to obtain information, and the function of opening a new window or opening new web page resources by using the browser can be realized by full-screen pop-up.
At present, a new page can be opened in a browsing page in an event-triggered manner in a conventional full-screen popup, and a URL (uniform resource locator) path of the new page generally does not change, so that if the page is refreshed, the new page displayed by the popup disappears, and the popup page needs to be triggered to be opened again. Therefore, the traditional full-screen pop-up mode is not flexible enough, and the problem of poor interactivity exists.
Disclosure of Invention
Therefore, it is necessary to provide a method and an apparatus for displaying a pop-up page, a computer device, and a storage medium for solving the problems of the current full-screen pop-up mode that the flexibility is not sufficient and the interactivity is poor.
In order to achieve the above object, in one aspect, an embodiment of the present application provides a method for displaying a popup page, where the method includes:
detecting a triggering operation of a popup page in a browsed page, wherein the browsed page and the popup page are set in a parent-child route nesting mode, and the popup page specifies a path through a child route;
when the trigger operation is detected, calling a corresponding page component according to a path specified by a sub-route of the popup page;
and rendering the page assembly, and loading and displaying the popup page.
In one embodiment, after loading and displaying the pop-up page, the method further comprises: associating the popup page with the browsed page, and storing association information; and when the closing operation of the popup page is received, returning the browsed page according to the associated information.
In one embodiment, associating the popup page with the browsed page includes: associating the popup page with the last browsed page corresponding to the popup page loading time through an Vue cache mechanism; returning the browsed page according to the associated information, including: and reading the last browsed page corresponding to the popup page loading time from the Vue cache mechanism according to the association information.
In one embodiment, the associated information includes page tags corresponding to the page state of the popup page and the page state of the last viewed page, respectively.
In one embodiment, after loading and displaying the pop-up page, the method further comprises: receiving sharing or spreading operation of the popup page; calling a URL corresponding to a sub-route of the popup page according to sharing or propagation operation; and sharing or transmitting the popup page according to the URL corresponding to the sub-route of the popup page.
In one embodiment, the browsed page and the popup page are arranged in a nested mode through parent-child routes under the Vue framework.
In one embodiment, the page component includes a frame for carrying the pop-up page, display logic for the pop-up page, and content to be displayed by the pop-up page.
On the other hand, the embodiment of the present application further provides a display device for pop-up window pages, including:
the detection module is used for detecting the triggering operation of the popup page in the browsed page, wherein the browsed page and the popup page are set in a parent-child route nesting mode, and the popup page specifies a path through a child route;
the page component calling module is used for calling the corresponding page component according to the path specified by the sub-route of the popup page when the triggering operation is detected;
and the pop-up page loading module is used for rendering the page assembly, loading and displaying the pop-up page.
In yet another aspect, the present application further provides a computer device, which includes a memory and a processor, where the memory stores a computer program, and the processor implements the steps of the method when executing the computer program.
In yet another aspect, the present application further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the steps of the method described above.
According to the display method and device of the popup page, the computer equipment and the storage medium, the triggering operation of the popup page in the browsed page is detected, when the triggering operation is detected, the corresponding page component is called according to the path appointed by the sub-route of the triggered popup page, the page component is rendered, and therefore the corresponding popup page is loaded, and the popup page is displayed in the browser of the terminal. The method and the device for switching the popup window page to the URL path corresponding to the popup window page are switched according to the triggering operation of the popup window page, so that the popup window page can be opened in the browsed page, relevant operation can be performed on the popup window page, and the problem that traditional full-screen popup window interactivity is poor is solved.
Drawings
FIG. 1 is a diagram of an application environment of a method for displaying a pop-up page in one embodiment;
FIG. 2 is a flowchart illustrating a method for displaying a pop-up window page in one embodiment;
FIG. 3 is a flowchart illustrating a method for displaying a pop-up window page in another embodiment;
FIG. 4 is a flowchart illustrating a method for displaying a pop-up window page in another embodiment;
FIG. 5 is a flowchart illustrating a method for displaying a pop-up window page in accordance with yet another embodiment;
FIG. 6 is a block diagram of a display device for pop-up pages in one embodiment;
FIG. 7 is a diagram illustrating an internal structure of a computer device according to an embodiment.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.
The display method of the popup page provided by the application can be applied to the application environment shown in fig. 1. Wherein the terminal 102 communicates with the server 104 via a network. When a user browses a web page through a browser in the terminal 102, it is often necessary to open a new window to browse contents, i.e., a full-screen popup. Therefore, by detecting the trigger operation of the popup page in the browsed page, when the trigger operation is detected, the corresponding page component in the server 104 is called according to the path specified by the sub-route of the popup page, and the page component is rendered, so that the popup page is loaded and displayed, the content displayed by the popup page is directly transmitted and shared, and the problem of poor interactivity of the traditional full-screen popup is solved. The terminal 102 may be, but not limited to, various personal computers, notebook computers, smart phones, tablet computers, and portable wearable devices, and the server 104 may be implemented by an independent server or a server cluster formed by a plurality of servers.
In an embodiment, as shown in fig. 2, a method for displaying a popup page is provided, which is described by taking the method as an example applied to the terminal in fig. 1, and includes the following steps:
step 202, detecting a trigger operation of a popup page in the browsed page.
The triggering operation refers to an operation for triggering a popup page, such as clicking or touching the popup page by a user in a page browsed by the terminal. In this embodiment, the browsed page and the popup page are set in a parent-child route nesting manner, the popup page specifies a path through a child route, that is, Vue (a set of progressive frames for constructing a user interface) is used, a URL path corresponding to the page browsed by the terminal is set as a parent route, a URL path of the popup page is set as a routing address (i.e., a child route) of the popup page, and the URL path corresponding to the page browsed by the terminal (i.e., the parent route) and the URL path of the popup page are nested through the parent-child route. Specifically, the triggering operation of the popup page is detected in the browsed page through the terminal, and then the popup page is switched to the URL path corresponding to the popup page according to the triggering operation, so that the popup page is opened in the browsed page, and the popup page can be shared and transmitted.
And step 204, when the trigger operation is detected, calling the corresponding page component according to the path specified by the sub-route of the popup page.
The page assembly comprises a frame body for bearing the pop-up page, display logic of the pop-up page and content to be displayed by the pop-up page. Specifically, the display logic of the pop-up page may specify a processing manner of the content to be displayed on the pop-up page, and the processed content to be displayed is carried by the frame. In this embodiment, the box of the pop-up page, the display logic of the pop-up page, and the content to be displayed by the pop-up page are packaged as a page component by using Vue technology, and the accessed browser request (i.e. the URL path corresponding to the pop-up page) is mapped thereto. Therefore, when the terminal detects the triggering operation of the popup page, the corresponding page component is called according to the URL path corresponding to the triggered popup page.
And step 206, rendering the page assembly, and loading and displaying the popup page.
In this embodiment, rendering processing is performed on the content to be displayed on the pop-up page according to the display logic of the pop-up page in the called page component, and the processed content to be displayed is carried by the frame, so that the corresponding pop-up page is loaded, and the pop-up page is displayed in the browser of the terminal.
According to the display method of the popup page, the triggering operation of the popup page in the browsed page is detected, when the triggering operation is detected, the corresponding page component is called according to the path appointed by the sub-route of the triggered popup page, the page component is rendered, and therefore the popup page is loaded, and the popup page is displayed in the browser of the terminal. The method and the device for switching the popup window page to the URL path corresponding to the popup window page are switched according to the triggering operation of the popup window page, so that the popup window page can be opened in the browsed page, relevant operation can be performed on the popup window page, and the problem that traditional full-screen popup window interactivity is poor is solved.
In one embodiment, as shown in fig. 3, after the popup page is loaded and displayed, the method may further include the following steps:
step 302, associating the popup page with the browsed page, and storing the association information.
The associated information includes page tags corresponding to the popup page and the page browsed last at the moment of loading the popup page. Specifically, the page tag represents a unique identifier for specifying a page state, that is, an identifier corresponding to the page state of the popup page and an identifier corresponding to the page state of the page that is browsed last. In this embodiment, after the pop-up page is loaded, the page tag corresponding to the pop-up page (i.e., the sub-page) is associated with the page tag corresponding to the page (i.e., the parent page) displayed last by the browser at the time of loading the pop-up page, and the pop-up page, the page displayed last by the browser at the time of loading the pop-up page, and the association thereof are stored through the Vue cache mechanism, so that when the pop-up page is subsequently operated, the page displayed last by the browser at the time of loading the pop-up page can be quickly returned to the page displayed last by the browser at the time of loading the pop-up page according to the Vue cache.
And step 304, returning the browsed page according to the associated information when the closing operation of the popup page is received.
Specifically, when the terminal receives a closing operation on the pop-up page, the terminal may quickly return to the page displayed last by the browser at the moment of loading the pop-up page according to the association information cached in the Vue. Therefore, the problem that after a popup page is opened through a traditional URL (uniform resource locator), when the popup page is closed, data of a parent page needs to be reloaded, and the loaded parent page is displayed to be refreshed, namely the initial state of the parent page is returned, if the state of the page displayed by a browser at the moment of loading the popup page is returned, the parent page in the initial state needs to be subjected to related operation, and the interactivity is poor is avoided.
For example, taking a browsed page as a list page as an example for explanation, in this embodiment, when the browsed list page slides to the position of the 100 th list, if loading of the popup page is triggered, the Vue cache is the popup page, the list page sliding to the 100 th list page (i.e., the page displayed last by the browser at the moment of loading the popup page) and the association relationship thereof, and after the popup page is closed, the terminal may directly return to the list page sliding to the 100 th list page according to the Vue cache, so that interaction flexibility is greatly improved, and data of the list page does not need to be reloaded, thereby reducing consumption of data loading, and saving network resources to a certain extent.
In one embodiment, since the popup page has the corresponding URL path in the present application, when the popup page is refreshed, the popup page does not disappear, but the data corresponding to the popup page is reloaded according to the refresh operation, thereby further improving the flexibility of interaction.
In one embodiment, as shown in fig. 4, after the popup page is loaded and displayed, the method may further include the following steps:
step 402, receiving a sharing or propagating operation for a popup page.
In this embodiment, since the popup page has the corresponding URL path, the terminal may share or propagate the popup page according to a sharing or propagation operation initiated by the user.
Step 404, invoking the URL corresponding to the sub-route of the popup page according to the sharing or propagation operation.
In this embodiment, the URL corresponding to the sub-route of the popup page refers to a resource address of the popup page. Specifically, when the terminal detects a sharing or propagation operation on the popup page, the URL corresponding to the child route of the popup page is called according to parent-child route nesting realized by the Vue technology.
And step 406, sharing or propagating the popup page according to the URL corresponding to the sub-route of the popup page.
The terminal sends the URL to the shared user according to the URL corresponding to the called sub-route of the popup page to be shared, so that the shared user can directly open the popup page to be shared through the URL, and direct sharing and transmission of the popup page to be shared are achieved.
In one embodiment, as shown in fig. 5, the method for displaying a pop-up page includes the following steps:
step 501, under the framework of Vue, setting the route by nesting the parent-child routes.
Namely, a path is set for a page currently browsed by the terminal in a parent routing mode, and a path is designated for a popup page to be opened in a child routing mode.
Step 502, packaging the page component corresponding to the popup page.
The page assembly comprises a frame body for bearing the pop-up page, display logic of the pop-up page and content to be displayed by the pop-up page. Specifically, the page component corresponding to the popup page is registered in the system of the Vue framework, the route is mapped for the page component, and the corresponding rendering content of the page component is declared.
Step 503, detecting a trigger operation of a popup page in the browsed page.
Step 504, when the trigger operation is detected, calling the corresponding page component according to the path specified by the sub-route of the popup page.
And 505, rendering the page assembly, and loading and displaying the popup page.
Step 506, associating the popup page with the browsed page, and storing the association information.
And step 507, returning the browsed page according to the associated information when receiving the closing operation of the popup page.
Step 508, when the sharing or propagation operation of the popup page is received, calling the URL corresponding to the sub-route of the popup page to share or propagate.
It should be understood that although the various steps in the flow charts of fig. 1-5 are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not performed in the exact order shown and described, and may be performed in other orders, unless explicitly stated otherwise. Moreover, at least some of the steps in fig. 1-5 may include multiple sub-steps or multiple stages that are not necessarily performed at the same time, but may be performed at different times, and the order of performance of the sub-steps or stages is not necessarily sequential, but may be performed in turn or alternating with other steps or at least some of the sub-steps or stages of other steps.
In one embodiment, as shown in fig. 6, there is provided a display apparatus for a pop-up page, including a detection module 601, a page component calling module 602, and a pop-up page loading module 603, where:
the detection module 601 is configured to detect a trigger operation of a popup page in a browsed page, where the browsed page and the popup page are set in a parent-child routing nesting manner, and the popup page specifies a path through a child route;
the page component calling module 602 is configured to, when the trigger operation is detected, call a corresponding page component according to a path specified by a sub-route of the popup page;
the pop-up page loading module 603 is configured to perform rendering processing on the page component, and load and display the pop-up page.
In one embodiment, the apparatus further includes a page caching module, configured to associate the popup page with a browsed page, and store association information; and when the closing operation of the popup page is received, returning the browsed page according to the associated information.
In one embodiment, the page caching module is specifically configured to associate the popup page with a last viewed page corresponding to a time when the popup page is loaded through an Vue caching mechanism; and the last browsed page corresponding to the popup page loading time is read from the Vue cache mechanism according to the association information.
In one embodiment, the associated information includes page tags corresponding to the page state of the popup page and the page state of the last viewed page, respectively.
In one embodiment, the apparatus further includes a sharing propagation module, configured to receive a sharing or propagation operation on the popup page after the popup page is loaded and displayed; calling a URL corresponding to a sub-route of the popup page according to sharing or propagation operation; and sharing or transmitting the popup page according to the URL corresponding to the sub-route of the popup page.
In one embodiment, the browsed page and the popup page are arranged in a nested mode through parent-child routes under the Vue framework.
In one embodiment, the page component includes a frame that carries the pop-up page, display logic for the pop-up page, and content to be displayed for the pop-up page.
For the specific limitation of the display device of the pop-up page, reference may be made to the above limitation on the display method of the pop-up page, and details are not described herein again. The modules in the display device of the pop-up page can be wholly or partially realized by software, hardware and a combination thereof. The modules can be embedded in a hardware form or independent from a processor in the computer device, and can also be stored in a memory in the computer device in a software form, so that the processor can call and execute operations corresponding to the modules.
In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as shown in fig. 7. The computer device includes a processor, a memory, a network interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of an operating system and computer programs in the non-volatile storage medium. The network interface of the computer device is used for communicating with an external terminal through a network connection. The computer program is executed by a processor to implement a method of pop-up page presentation. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the computer equipment, an external keyboard, a touch pad or a mouse and the like.
Those skilled in the art will appreciate that the architecture shown in fig. 7 is merely a block diagram of some of the structures associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects apply, as particular computing devices may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
In one embodiment, a computer device is provided, comprising a memory and a processor, the memory having a computer program stored therein, the processor implementing the following steps when executing the computer program:
detecting triggering operation of a popup page in a browsed page, wherein the browsed page and the popup page are set in a parent-child route nesting mode, and the popup page specifies a path through a child route;
when the trigger operation is detected, calling a corresponding page component according to a path specified by a sub-route of the popup page;
and rendering the page assembly, and loading and displaying the popup page.
In one embodiment, after loading and presenting the pop-up page, the method further comprises: associating the popup page with the browsed page, and storing association information; and when the closing operation of the popup page is received, returning the browsed page according to the associated information.
In one embodiment, associating the pop-up page with the browsed page includes: associating the popup page with the last browsed page corresponding to the popup page loading time through an Vue cache mechanism; returning the browsed page according to the associated information, including: and reading the last browsed page corresponding to the popup page loading time from the Vue cache mechanism according to the association information.
In one embodiment, the associated information includes page tags corresponding to the page state of the popup page and the page state of the last viewed page, respectively.
In one embodiment, after loading and presenting the pop-up page, the method further comprises: receiving sharing or spreading operation of the popup page; calling a URL corresponding to a sub-route of the popup page according to sharing or propagation operation; and sharing or transmitting the popup page according to the URL corresponding to the sub-route of the popup page.
In one embodiment, the browsed page and the popup page are arranged in a nested mode through parent-child routes under the Vue framework.
In one embodiment, the page component includes a frame that carries the pop-up page, display logic for the pop-up page, and content to be displayed for the pop-up page.
In one embodiment, a computer-readable storage medium is provided, having a computer program stored thereon, which when executed by a processor, performs the steps of:
detecting triggering operation of a popup page in a browsed page, wherein the browsed page and the popup page are set in a parent-child route nesting mode, and the popup page specifies a path through a child route;
when the trigger operation is detected, calling a corresponding page component according to a path specified by a sub-route of the popup page;
and rendering the page assembly, and loading and displaying the popup page.
In one embodiment, after loading and presenting the pop-up page, the method further comprises: associating the popup page with the browsed page, and storing association information; and when the closing operation of the popup page is received, returning the browsed page according to the associated information.
In one embodiment, associating the pop-up page with the browsed page includes: associating the popup page with the last browsed page corresponding to the popup page loading time through an Vue cache mechanism; returning the browsed page according to the associated information, including: and reading the last browsed page corresponding to the popup page loading time from the Vue cache mechanism according to the association information.
In one embodiment, the associated information includes page tags corresponding to the page state of the popup page and the page state of the last viewed page, respectively.
In one embodiment, after loading and presenting the pop-up page, the method further comprises: receiving sharing or spreading operation of the popup page; calling a URL corresponding to a sub-route of the popup page according to sharing or propagation operation; and sharing or transmitting the popup page according to the URL corresponding to the sub-route of the popup page.
In one embodiment, the browsed page and the popup page are arranged in a nested mode through parent-child routes under the Vue framework.
In one embodiment, the page component includes a frame that carries the pop-up page, display logic for the pop-up page, and content to be displayed for the pop-up page.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware instructions of a computer program, which can be stored in a non-volatile computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. Any reference to memory, storage, database, or other medium used in the embodiments provided herein may include non-volatile and/or volatile memory, among others. Non-volatile memory can include read-only memory (ROM), Programmable ROM (PROM), Electrically Programmable ROM (EPROM), Electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDRSDRAM), Enhanced SDRAM (ESDRAM), Synchronous Link DRAM (SLDRAM), Rambus Direct RAM (RDRAM), direct bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).
The technical features of the above embodiments can be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the above embodiments are not described, but should be considered as the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The above-mentioned embodiments only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present patent shall be subject to the appended claims.

Claims (10)

1. A method for displaying a popup page, comprising:
detecting a trigger operation of a popup page in a browsed page, wherein the browsed page and the popup page are set in a parent-child route nesting mode, and the popup page specifies a path through a child route;
when the trigger operation is detected, calling a corresponding page component according to a path specified by a sub-route of the popup page;
and rendering the page assembly, and loading and displaying the popup page.
2. The method of claim 1, wherein after loading and presenting the pop-up page, the method further comprises:
associating the popup page with the browsed page, and storing associated information;
and when the closing operation of the popup page is received, returning the browsed page according to the associated information.
3. The method for displaying a pop-up page according to claim 2, wherein the associating the pop-up page with the browsed page comprises: correlating the popup page with a last browsed page corresponding to the time of loading the popup page through an Vue cache mechanism; the returning of the browsed page according to the associated information includes:
and reading the last browsed page corresponding to the time of loading the popup page from the Vue cache mechanism according to the associated information.
4. The method for displaying a pop-up page according to claim 3, wherein the associated information includes page tags corresponding to the page status of the pop-up page and the page status of the last viewed page, respectively.
5. The method for displaying a pop-up page of claim 1, wherein after the loading and displaying the pop-up page, the method further comprises:
receiving sharing or propagation operation on the popup page;
calling a URL corresponding to a sub-route of the popup page according to the sharing or propagation operation;
and sharing or propagating the popup page according to the URL corresponding to the sub-route of the popup page.
6. The method for displaying pop-up pages according to any one of claims 1 to 5, wherein the browsed pages and pop-up pages are arranged in a manner that parent-child routes are nested under the framework of Vue.
7. The method for displaying a pop-up page according to any one of claims 1 to 5, wherein the page assembly comprises a frame for carrying the pop-up page, display logic of the pop-up page, and content to be displayed by the pop-up page.
8. A display device for pop-up pages, comprising:
the detection module is used for detecting the triggering operation of the popup page in the browsed page, the browsed page and the popup page are set in a parent-child route nesting mode, and the popup page specifies a path through a child route;
the page component calling module is used for calling the corresponding page component according to the path specified by the sub-route of the popup page when the triggering operation is detected;
and the popup page loading module is used for rendering the page component, loading and displaying the popup page.
9. A computer device comprising a memory and a processor, the memory storing a computer program, wherein the processor implements the steps of the method of any one of claims 1 to 7 when executing the computer program.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the method according to any one of claims 1 to 7.
CN201910938360.9A 2019-09-30 2019-09-30 Display method and device of popup page, computer equipment and storage medium Pending CN112667326A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910938360.9A CN112667326A (en) 2019-09-30 2019-09-30 Display method and device of popup page, computer equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910938360.9A CN112667326A (en) 2019-09-30 2019-09-30 Display method and device of popup page, computer equipment and storage medium

Publications (1)

Publication Number Publication Date
CN112667326A true CN112667326A (en) 2021-04-16

Family

ID=75399630

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910938360.9A Pending CN112667326A (en) 2019-09-30 2019-09-30 Display method and device of popup page, computer equipment and storage medium

Country Status (1)

Country Link
CN (1) CN112667326A (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113190776A (en) * 2021-05-11 2021-07-30 上海哔哩哔哩科技有限公司 Popup window display method and system
CN114168021A (en) * 2022-01-30 2022-03-11 浙江口碑网络技术有限公司 Information display method and device
CN114356487A (en) * 2022-01-07 2022-04-15 京东科技控股股份有限公司 Method and device for loading task bullet layer

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010061626A (en) * 2008-09-03 2010-03-18 News Bit Kk Browsing display method by page number of home page
CN102194003A (en) * 2011-05-26 2011-09-21 重庆猪八戒网络有限公司 Web page popup window method and device
CN107808010A (en) * 2017-11-17 2018-03-16 北京锐安科技有限公司 A kind of pop-up page generation method, device, browser and storage medium
CN108769157A (en) * 2018-05-16 2018-11-06 北京奇虎科技有限公司 Methods of exhibiting, device, computing device and the computer storage media of message pop-up
CN109241469A (en) * 2018-09-13 2019-01-18 安徽智恒信科技有限公司 A method of multi-page switching is realized based on vue

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010061626A (en) * 2008-09-03 2010-03-18 News Bit Kk Browsing display method by page number of home page
CN102194003A (en) * 2011-05-26 2011-09-21 重庆猪八戒网络有限公司 Web page popup window method and device
CN107808010A (en) * 2017-11-17 2018-03-16 北京锐安科技有限公司 A kind of pop-up page generation method, device, browser and storage medium
CN108769157A (en) * 2018-05-16 2018-11-06 北京奇虎科技有限公司 Methods of exhibiting, device, computing device and the computer storage media of message pop-up
CN109241469A (en) * 2018-09-13 2019-01-18 安徽智恒信科技有限公司 A method of multi-page switching is realized based on vue

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113190776A (en) * 2021-05-11 2021-07-30 上海哔哩哔哩科技有限公司 Popup window display method and system
CN114356487A (en) * 2022-01-07 2022-04-15 京东科技控股股份有限公司 Method and device for loading task bullet layer
CN114168021A (en) * 2022-01-30 2022-03-11 浙江口碑网络技术有限公司 Information display method and device
CN114168021B (en) * 2022-01-30 2022-06-21 浙江口碑网络技术有限公司 Information display method and device

Similar Documents

Publication Publication Date Title
CN106484383B (en) Page rendering method, device and equipment
US9235315B2 (en) Method and system to display a pop-up window when a user leaves a website
CN106294658B (en) Webpage quick display method and device
CN112667326A (en) Display method and device of popup page, computer equipment and storage medium
CN110659092B (en) Webpage screenshot method and device, computer equipment and storage medium
WO2020151333A1 (en) Page loading method, apparatus, computer device and storage medium
US20060218500A1 (en) System and method for pinning tabs in a tabbed browser
US20120233239A1 (en) Device Specific Handling of User Interface Components
EP2755145A1 (en) Webpage browsing method and device, and storage medium
US9325717B1 (en) Web-store restriction of external libraries
CN109960633A (en) A kind of data visualization buries point methods, storage medium and intelligent terminal
CN107038194B (en) Page jump method and device
CN112114913A (en) Application program interface updating method and device, computer equipment and storage medium
CN112612988A (en) Page processing method and device, computer equipment and storage medium
US20190073428A1 (en) Method, system and terminal for performing search in a browser
US20230409398A1 (en) Resource pre-fetch using age threshold
CN112130729A (en) Page processing method and device, computer equipment and storage medium
CN109800370A (en) Display methods, device, computer equipment and the storage medium of Webpage
CN110780939B (en) Method, device, computer equipment and storage medium for loading resource file
CN110119490A (en) Web browser method, device, computer equipment and storage medium
US11477158B2 (en) Method and apparatus for advertisement anti-blocking
CN107943921B (en) Page sharing information generation method and device, computer equipment and storage medium
CN109740098B (en) Application processing method based on multi-page window and electronic equipment
CN110083348B (en) Drawing method, device, equipment and storage medium based on multi-process browser
CN112256992A (en) Native rendering method and device for information stream fusing multi-link addresses

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