Popup display method and device, electronic equipment and readable medium

Abstract

This disclosure provides a pop-up display method, apparatus, electronic device, and readable medium, relating to the field of computer technology. The method responds to a pop-up display request from a native page, receiving pop-up attribute parameters passed from the native page. These parameters may include basic parameters and optional parameters. Basic parameters include a webpage address, while optional parameters include display size and optional display mode. The method then parses the pop-up attribute parameters, creates an original pop-up based on the display size, and displays the original pop-up based on the optional display mode. The corresponding webpage is then opened within the created original pop-up using the specified webpage address. This method reduces development costs by creating a generic original pop-up and enabling diverse display based on the pop-up attribute parameters provided by the native page. It can fully adapt to and broadly cover increasingly diverse, complex, and dynamic display needs.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and specifically to a pop-up display method, a pop-up display device, an electronic device, and a computer-readable storage medium. Background Technology

[0002] A pop-up is a display window created when another webpage needs to be opened on top of a native page. Within the pop-up, the corresponding webpage can be opened using a URL (Uniform Resource Locator) passed from the native page or an embedded URL.

[0003] In practical applications, a pop-up window can typically only serve one URL or one type of link. When the native page and URL are different, diverse adaptations are required during the development phase, resulting in high development costs. Furthermore, it is difficult to fully adapt to and widely cover increasingly diverse, complex, and dynamic display requirements.

[0004] It should be noted that the information in the background section above is only used to enhance the understanding of the background of this disclosure, and therefore may include information that does not constitute prior art known to those skilled in the art. Summary of the Invention

[0005] The purpose of this disclosure is to provide a pop-up display method, pop-up display device, electronic device, and computer-readable storage medium, which can create a general original pop-up and perform diversified display based on the pop-up attribute parameters provided by the native page, thereby reducing development costs and fully adapting to and widely covering increasingly diverse, complex, and dynamic display needs.

[0006] According to a first aspect of this disclosure, a pop-up display method is provided, comprising: responding to a pop-up display request from a native page; receiving pop-up attribute parameters passed from the native page, the pop-up attribute parameters including basic parameters and optional parameters, the basic parameters including a web address, and the optional parameters including at least one of display size and optional display mode; parsing the pop-up attribute parameters; creating an original pop-up based on the display size; and displaying the original pop-up based on the optional display mode; and opening a corresponding web page in the original pop-up using the web address.

[0007] In one exemplary embodiment, optional parameters include display size. Creating an original pop-up window with the display size includes: creating an original pop-up window with the display size when the display size is within the range of a preset size; and creating an original pop-up window with the preset size when the display size is outside the range of the preset size.

[0008] In one exemplary embodiment, the optional parameters are empty. After receiving the pop-up attribute parameters passed from the native page, before opening the corresponding web page with the web address in the original pop-up, the method further includes: parsing the pop-up attribute parameters to obtain the default size and default display method; creating the original pop-up with the default size and displaying the original pop-up based on the default display method.

[0009] In one exemplary embodiment, the optional display method includes at least one of the following:

[0010] The native page may or may not be interactive;

[0011] Webpages can be opened without logging in, or not without logging in;

[0012] The close button can be shown or hidden.

[0013] Show or hide the refresh button;

[0014] The original pop-up window can be shown or hidden.

[0015] The original pop-up window can open 1 webpage, or the original pop-up window can open more than 1 webpage.

[0016] In one exemplary embodiment, after opening the corresponding webpage with a webpage address in the original pop-up window, the method further includes: obtaining webpage update parameters provided by the webpage, the webpage update parameters including at least one of webpage address update parameters, pop-up window size update parameters, and button hiding update parameters; and updating the original pop-up window based on the webpage update parameters.

[0017] In one exemplary embodiment, after opening the corresponding webpage with a webpage address in the original pop-up window, the method further includes: obtaining auxiliary display parameters provided by the native page; and updating the webpage in the original pop-up window based on the auxiliary display parameters.

[0018] In one exemplary embodiment, obtaining auxiliary display parameters provided by the native page includes: requesting auxiliary display parameters associated with the webpage from the native page; and obtaining auxiliary display parameters passed by the native page.

[0019] In one exemplary embodiment, obtaining auxiliary display parameters provided by the native page includes: listening for update events of auxiliary display parameters associated with the webpage on the native page; and obtaining the auxiliary display parameters passed by the native page when an update event occurs.

[0020] In one exemplary embodiment, after opening the corresponding webpage with the webpage address in the original pop-up window, the method further includes: obtaining cached data of the webpage; storing the cached data in local storage, the cached data being used to provide the webpage when it is opened subsequently.

[0021] In one exemplary embodiment, the basic parameters also include a page version number. After receiving the pop-up attribute parameters passed from the native page, the parameters further include: obtaining the supported version number; discarding the pop-up display request when the page version number is less than the supported version number; and parsing the pop-up attribute parameters when the page version number is greater than or equal to the supported version number.

[0022] In one exemplary embodiment, the native page includes at least one of the global display page of the native client and the local display page of the extension plugin on the native client.

[0023] According to a second aspect of this disclosure, a pop-up display device is provided, comprising: a request-response module, configured to respond to a pop-up display request from a native page, and receive pop-up attribute parameters transmitted by the native page, the pop-up attribute parameters including basic parameters and optional parameters, the basic parameters including a web address, and the optional parameters including at least one of display size and optional display mode; a pop-up display module, configured to parse the pop-up attribute parameters, create an original pop-up based on the display size, and display the original pop-up based on the optional display mode; and a web page display module, configured to open a corresponding web page in the original pop-up using the web address.

[0024] According to a third aspect of this disclosure, an electronic device is provided, comprising: a processor; and a memory for storing executable instructions of the processor; wherein the processor is configured to implement the above-described method by executing the executable instructions.

[0025] According to a fourth aspect of this disclosure, a computer-readable storage medium is provided that stores a computer program thereon, which, when executed by a processor, implements the method described above.

[0026] This disclosure provides a pop-up display method, a pop-up display device, an electronic device, and a computer-readable storage medium. The method responds to a pop-up display request from a native page by receiving pop-up attribute parameters passed from the native page. These parameters may include basic parameters and optional parameters. Basic parameters include a webpage address, and optional parameters include display size and optional display mode. The method then parses the pop-up attribute parameters, creates an original pop-up based on the display size, and displays the original pop-up based on the optional display mode. The corresponding webpage is then opened within the created original pop-up using the webpage address. This method reduces development costs by creating a generic original pop-up and diversifying displays based on the pop-up attribute parameters provided by the native page, thus fully adapting to and widely covering increasingly diverse, complex, and dynamic display needs.

[0027] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description

[0028] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure. It is obvious that the drawings described below are merely some embodiments of this disclosure, and those skilled in the art can obtain other drawings based on these drawings without any inventive effort.

[0029] Figure 1 This schematically illustrates one of the steps of the pop-up display method in an exemplary embodiment of the present disclosure.

[0030] Figure 2 This schematically illustrates a second flowchart of the pop-up display method in an exemplary embodiment of the present disclosure.

[0031] Figure 3 The flowchart illustrating the steps of the pop-up display method in an exemplary embodiment of this disclosure is shown in the third example.

[0032] Figure 4 A schematic diagram of the composition of a pop-up display device to which the exemplary embodiments of the present disclosure can be applied is shown.

[0033] Figure 5 A schematic diagram of the composition of an electronic device to which the exemplary embodiments of the present disclosure may be applied is shown. Detailed Implementation

[0034] Exemplary embodiments will now be described more fully with reference to the accompanying drawings. However, these exemplary embodiments can be implemented in many forms and should not be construed as limited to the examples set forth herein; rather, they are provided so that this disclosure will be more comprehensive and complete, and will fully convey the concept of the exemplary embodiments to those skilled in the art. The described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments.

[0035] Furthermore, the accompanying drawings are merely illustrative of this disclosure and are not necessarily drawn to scale. The same reference numerals in the drawings denote the same or similar parts, and therefore repeated descriptions of them will be omitted. Some block diagrams shown in the drawings are functional entities and do not necessarily correspond to physically or logically independent entities. These functional entities may be implemented in software, in one or more hardware modules or integrated circuits, or in different network and / or processor devices and / or microcontroller devices.

[0036] Figure 1 One of the steps of a pop-up display method according to an exemplary embodiment of the present disclosure is shown in the flowchart, such as... Figure 1 The pop-up display method of this disclosure embodiment may include steps 101 to 103:

[0037] In step 101, in response to the pop-up display request from the native page, the pop-up attribute parameters passed by the native page are received.

[0038] In this embodiment, the native page can be a page displaying native screen content, and the pop-up is used to display a webpage extended based on the native screen content. The native page can include an object that triggers the pop-up display request. This object can be a link, option, or button, etc. When a selection operation is received for this object, the pop-up display request corresponding to the object is triggered, and the pop-up attribute parameters corresponding to the pop-up display request are passed. The pop-up attribute parameters are used to specify parameter values ​​under a defined parameter type to indicate the pop-up display requirements corresponding to the pop-up display request. A native page can include one or more identical or different objects, and multiple native pages can also include identical or different objects. Different objects can correspond to different pop-up display requirements, thereby passing different pop-up attribute parameters when initiating a pop-up display request. Similarly, when pop-up display requirements change, batch adaptation can be performed by modifying the specified parameter values ​​or defining new parameter types, which is low-cost and highly efficient.

[0039] The pop-up window's attribute parameters include basic parameters and optional parameters. The basic parameters include the webpage address, and the optional parameters include at least one of the following: display size and optional display mode.

[0040] In this embodiment, the pop-up attribute parameters can be divided into basic parameters and optional parameters. Basic parameters include the parameter types necessary for creating the pop-up, which may include a web address so that the web page data to be displayed can be obtained through the web address after the pop-up is created. Optional parameters include the parameter types required for personalized customization of the pop-up display, such as display size, optional display mode, etc. The display size can specify the size and shape of the pop-up boundary, etc. The optional display mode can specify the pop-up's color, display position, display effect, hidden or displayed content, type of web page opened, native page state, etc. The display effect can be a floating effect, an embedded effect, etc., and this embodiment does not impose specific limitations on these aspects.

[0041] In step 102, the pop-up attribute parameters are parsed to create an original pop-up with the display size, and the original pop-up is displayed based on the optional display method.

[0042] In this embodiment of the disclosure, after obtaining the pop-up attribute parameters, an original pop-up can be created based on the display size, so that the size, shape and other parameters of the original pop-up conform to the parameter values ​​specified by the display size. Furthermore, based on the creation of the original pop-up, the original pop-up can be displayed using optional display methods, such as moving its position, hiding or showing the corresponding content, etc., so that the created original pop-up conforms to the pop-up display requirements corresponding to the pop-up display request initiated by the native page.

[0043] In step 103, the corresponding webpage is opened in the original pop-up window using the webpage address.

[0044] In this embodiment of the disclosure, after the original pop-up is created, the corresponding web page data can be obtained through the web page address. The web page data may include HTML (HyperText Markup Language) documents, multimedia data, etc., and then a web page can be created based on the web page data.

[0045] In an exemplary embodiment, the optional parameter includes the display size. In this case, the step 102 above, which involves creating the original pop-up window with the display size, may include the following steps A1 to A2.

[0046] Step A1: When the display size is within the range of preset sizes, create the original pop-up window at the display size.

[0047] Step A2: When the display size is outside the range of preset sizes, create the original pop-up window with the preset size.

[0048] In this embodiment, a preset size range can be set to validate the reasonableness of the specified display size in the pop-up attribute parameters. This preset size range can be set based on the boundary range of the native page or the boundary range that the native page is allowed to be obscured, avoiding issues such as the native pop-up failing to display correctly due to its boundary exceeding the display range, or having poor content display and low interactivity due to its small size. Based on this, when the display size is within the preset size range (i.e., less than or equal to the upper limit of the preset size and greater than or equal to the lower limit of the preset size), the original pop-up is created using the display size. Conversely, when the display size is outside the preset size range, the original pop-up is created using the preset size; for example, if it is greater than the upper limit of the preset size, the original pop-up is created using the upper limit of the preset size; if it is less than the lower limit of the preset size, the original pop-up is created using the lower limit of the preset size; or if the display size is outside the preset size range, the original pop-up is created using the upper limit of the preset size; or if the display size is outside the preset size range, the original pop-up is created using the lower limit of the preset size. This embodiment does not impose specific limitations on this.

[0049] In an exemplary embodiment, if the optional parameter is empty, then after the aforementioned step 101 and before step 103, the following steps B1 to B2 may also be included.

[0050] Step B1: Parse the pop-up window's attribute parameters to obtain the default size and default display method.

[0051] Step B2: Create the original pop-up window with the default size and display it based on the default display method.

[0052] In this embodiment, the optional parameters in the pop-up window's attribute parameters may be empty, meaning the native page does not specify the corresponding parameter value. In this case, the original pop-up window can be created using the default size and default display method. The default size and default display method can be system-defined or determined based on statistical analysis of historical pop-up window creation data. This embodiment does not impose specific limitations on the method for determining the default size and default display method. The creation of the original pop-up window with the default size and its display based on the default display method can be referred to the aforementioned descriptions of display size and optional display methods, which will not be repeated here to avoid repetition.

[0053] In one exemplary embodiment, the optional display methods include native page interactivity or non-interactivity.

[0054] In this embodiment of the disclosure, the optional display method may include specifying the interactivity of the native page. Based on displaying the original pop-up, the native page can be specified to maintain interactivity. The original pop-up is opened in a non-modal, non-blocking manner, allowing operation on both the original pop-up and the native page, thus enabling parallel operation on both and providing greater flexibility. Alternatively, the native page can be locked, with the original pop-up opened in a modal, blocking manner, making the native page non-interactive and allowing only operation on the original pop-up. This avoids potential accidental operations on the native page, and the lock on the native page can be released when the original pop-up is closed.

[0055] In one exemplary embodiment, the optional display methods include opening the webpage without login or opening it without login.

[0056] In this embodiment of the disclosure, the optional display method may include specifying the method for opening web pages. For web pages that require login verification to open, the optional display method can be set to open without login or open without login. When opening without login, the web page can be opened through passwordless login configuration, thereby improving the web page display efficiency; when opening without login, the web page can be opened through identity verification, ensuring the secure loading of the web page.

[0057] In one exemplary embodiment, the optional display method includes displaying the close button or hiding it.

[0058] In this embodiment of the disclosure, the optional display method may include specifying whether to show or hide the close button. The close button can provide users with the interactive function of directly closing the pop-up. In the optional display method, the close button can be specified to be hidden, thereby avoiding users directly closing the original pop-up and reducing accidental touches; alternatively, the close button can be specified to be shown, so that users can close the original pop-up according to their actual needs.

[0059] In one exemplary embodiment, the refresh button may be displayed or hidden.

[0060] In this embodiment of the disclosure, similarly, the optional display method may include specifying whether to show or hide the refresh button. The refresh button can provide users with the interactive function of refreshing the webpage in the original pop-up window. In the optional display method, the refresh button can be specified to be hidden, thereby preventing users from directly refreshing the webpage and reducing accidental touches; alternatively, the refresh button can be specified to be shown, allowing users to refresh the webpage according to their actual needs.

[0061] In one exemplary embodiment, the optional display methods include displaying the original pop-up or hiding it.

[0062] In this embodiment of the disclosure, the optional display method may include specifying the original pop-up. For specific display requirements in certain scenarios, the original pop-up may not be displayed at creation time, but will be displayed when certain conditions are met, such as waiting for a period of time, receiving a corresponding user operation, or the webpage finishing loading; alternatively, the original pop-up may be directly closed. The optional display method can specify that the original pop-up should be displayed, in which case it can be displayed directly upon creation; alternatively, the optional display method can specify that the original pop-up should be hidden, in which case it will not be displayed upon creation.

[0063] In one exemplary embodiment, the optional display methods include having 1 webpage that can be opened in the original pop-up window, or having more than 1 webpage that can be opened in the original pop-up window.

[0064] In this embodiment, a corresponding webpage can be opened in the original pop-up window via a webpage address. The optional display method can also specify the number of webpages that can be opened in one original pop-up window. For example, if the number of webpages that can be opened in the original pop-up window is one, when multiple webpages are opened, a corresponding original pop-up window is created for each webpage, and one webpage is opened in each original pop-up window. Based on this, each webpage occupies its own pop-up window instance, without interfering with each other, and its memory data is stored independently. Opening a new webpage will not affect the old webpage. As another example, if the number of webpages that can be opened in the original pop-up window is greater than one, when multiple webpages are opened, they can be repeatedly displayed in one pop-up window instance. Only a single window and the memory data corresponding to that pop-up window instance need to be maintained. Furthermore, when a new webpage is opened, it overwrites the old webpage, causing the memory data of the old webpage to be cleared, retaining only the memory data of the latest webpage, effectively reducing memory usage.

[0065] Furthermore, among the optional display methods, single-popup instance multi-page can reduce memory usage, while multi-popup instance single-page can open multiple web pages simultaneously for parallel processing. Based on this, flexible configuration or complementary combinations can be used according to actual business needs. For example, web pages can be divided, with pages containing more content, consuming more memory, and updating more frequently designated as main pages, and pages with less content and lower memory consumption designated as subpages. In this case, the single-popup instance multi-page optional display method can be used on the main page, while the multi-popup instance multi-page optional display method can be used on the subpages, thus balancing display efficiency and storage performance.

[0066] Figure 2 A second flowchart illustrating the steps of a pop-up display method according to an exemplary embodiment of the present disclosure is shown, such as... Figure 2 The pop-up display method of this disclosure embodiment may include steps 201 to 207:

[0067] In step 201, in response to the pop-up display request from the native page, the pop-up attribute parameters passed by the native page are received. The pop-up attribute parameters include basic parameters and optional parameters. The basic parameters include the web address, and the optional parameters include at least one of the display size and optional display mode.

[0068] In step 202, the pop-up attribute parameters are parsed to create an original pop-up based on the display size, and the original pop-up is displayed based on the optional display method.

[0069] In step 203, the corresponding webpage is opened in the original pop-up window using the webpage address.

[0070] In this embodiment of the disclosure, steps 201 to 203 can be referred to the relevant descriptions of steps 101 to 103 above. To avoid repetition, they will not be repeated here.

[0071] In this embodiment of the disclosure, in addition to creating the original pop-up and opening a webpage within the original pop-up, the original pop-up can also be updated, or data exchange can be performed between the webpage and the native page. In an exemplary embodiment, step 203 may be followed by steps 204 to 205.

[0072] Step 204: Obtain the webpage update parameters provided by the webpage. The webpage update parameters include at least one of the following: webpage address update parameters, pop-up size update parameters, and button hide update parameters.

[0073] Step 205: Update the original pop-up based on the webpage update parameters.

[0074] In this embodiment of the disclosure, the original pop-up can also be updated within a webpage. For example, the webpage can provide objects corresponding to other webpage addresses. When the object corresponding to the other webpage address is triggered by the user's selection operation, a webpage address update parameter containing the other webpage address is provided, allowing the other webpage address to open another webpage to overwrite and update the page content of the original pop-up. Alternatively, the webpage can assemble the size requirements of the page content display into pop-up size update parameters to adjust the size of the original pop-up according to the pop-up size parameters, making it conform to the display requirements of the page content on the webpage. For example, when the display content of the webpage actually requires a larger boundary display size, the original pop-up can adaptively adjust according to the pop-up size update parameters. Alternatively, the webpage can provide objects to hide the buttons displayed in the original pop-up, or objects to show the buttons hidden in the original pop-up. When the object is triggered by the user's selection operation, a button hiding update parameter is provided to hide the displayed button or show the hidden button, thereby updating the button display of the original pop-up.

[0075] The aforementioned webpage update parameters can be continuously and dynamically updated during the display of the original pop-up window. When the corresponding webpage update parameters are passed, they are adaptively and dynamically adjusted, providing flexible adjustment options to meet the personalized needs of users.

[0076] In an exemplary embodiment, step 203 may be followed by steps 206 to 207.

[0077] Step 206: Obtain the auxiliary display parameters provided by the native page.

[0078] Step 207: Update the webpage in the original pop-up window based on the auxiliary display parameters.

[0079] In this embodiment of the disclosure, the webpage can also exchange data with the native page through the original pop-up. Typically, when a webpage is opened in the original pop-up, only the webpage address is available; additional display parameters are also required. For example, if a user selects to display a pop-up for a conversation with user A on the native page, information such as user A's name, type, and avatar can be provided by the native page as auxiliary display parameters. After opening the webpage for the corresponding conversation in the original pop-up, the webpage can be updated based on the auxiliary display parameters to display information such as user A's name, type, and avatar.

[0080] In an exemplary embodiment, step 206 may include steps C1 to C2.

[0081] Step C1: Request auxiliary display parameters associated with the webpage from the native page.

[0082] Step C2: Obtain the auxiliary display parameters passed from the native page.

[0083] In this embodiment of the disclosure, after a webpage is opened, an auxiliary display parameter associated with the webpage can be requested from the native page. In response to this request, the native page assembles the information associated with the webpage into auxiliary display parameters, and then delivers these parameters to the webpage through the original pop-up window. This allows the display content of the webpage within the original pop-up window to be updated based on the auxiliary display parameters.

[0084] In an exemplary embodiment, step 206 may include steps D1 to D2 as follows.

[0085] Step D1: Listen for update events of auxiliary display parameters associated with the webpage on the native page.

[0086] Step D2: When the auxiliary display parameters update event occurs, obtain the auxiliary display parameters passed by the native page.

[0087] In this embodiment, the webpage can also subscribe to update notifications for auxiliary display parameters. This allows auxiliary display parameters to be directly assembled when information associated with the webpage on the native page is updated. Based on this, the webpage listens for update events of the auxiliary display parameters and obtains the auxiliary display parameters passed from the native page through the original pop-up. This enables real-time monitoring and updating of the auxiliary display parameters. For example, after a user switches sessions on the native page, the native page passes the auxiliary display parameters of the new session to the webpage through the original pop-up. The webpage can then update the content displayed in the original pop-up based on these auxiliary display parameters.

[0088] In an exemplary embodiment, step 203 may be followed by steps E1 to E2.

[0089] Step E1: Obtain the cached data of the webpage.

[0090] Step E2: Store the cached data in local storage. The cached data will be provided when the webpage is opened again.

[0091] In this embodiment, cached data of a webpage can also be stored in the local storage of the native page to achieve data persistence. The webpage can provide an object for storing cached data. When a user triggers an operation on this object, the cached data is extracted and passed to the native page via the original pop-up, and then written to the local storage. When the webpage is subsequently reopened, the native page can read the corresponding cached data from the local storage and pass it to the webpage to support the display of page content. This achieves the memorization of historical form selections and other data, and direct restoration of the display, avoiding repeated clicks by the user when the webpage is opened multiple times, effectively saving operation time. The cached data can include the aforementioned webpage update parameters, auxiliary display parameters, etc., and can also include user operation information after the webpage is opened, such as selected options, filled characters, etc. Furthermore, an expiration time for the cached data can be set, such as 24 hours, one week, etc. The cached data is deleted and cleared when the time for writing to local storage reaches the expiration time. Alternatively, the cached data can be managed according to reading frequency, interval, etc. This embodiment does not impose specific limitations on the content of the cached data or the cache management strategy.

[0092] Figure 3 A third flowchart illustrating the steps of a pop-up display method according to an exemplary embodiment of the present disclosure is shown, such as... Figure 3 The pop-up display method of this disclosure embodiment may include steps 301 to 305:

[0093] Step 301: In response to the pop-up display request from the native page, receive the pop-up attribute parameters passed by the native page. The pop-up attribute parameters include basic parameters and optional parameters. The basic parameters include the web address, and the optional parameters include at least one of the following: display size and optional display mode.

[0094] In this embodiment of the disclosure, step 301 can be referred to the relevant description of step 101 above. To avoid repetition, it will not be repeated here.

[0095] Step 302: Obtain the supported version number.

[0096] Step 303: If the page version number is less than the supported version number, discard the pop-up display request.

[0097] Step 304: When the page version number is greater than or equal to the supported version number, parse the pop-up attribute parameters, create the original pop-up based on the display size, and display the original pop-up based on the optional display method.

[0098] Step 305: Open the corresponding webpage using the web address in the original pop-up window.

[0099] In this embodiment, the original pop-up can also undergo multiple version iterations, such as parameter type expansion and parameter definition updates, with earlier versions considered lower versions and later versions higher versions. This may lead to incompatibility issues where parameter values ​​from lower versions cannot be parsed in higher versions; therefore, version control is implemented. The native page can pass the page version number as a basic parameter in the pop-up's attribute parameters. Based on this, the supported version number can be obtained to validate the page version number. The supported version number corresponds to the lowest compatible pop-up version. If the page version number is less than the supported version number, it indicates that the original pop-up release version requested by the native page is too low and cannot adapt to the parameter control and display of the supported version number. The pop-up display request can be discarded, and the processing flow ends. When the page version number is greater than or equal to the supported version number, it indicates that the original pop-up release version requested by the native page is consistent with or higher, and can adapt to the parameter control and display of the supported version number. The validation passes, and subsequent parsing of pop-up attribute parameters is allowed. By obtaining the page version number for version control from the requesting native page, inappropriate low-version pop-ups can be filtered out.

[0100] In this embodiment of the disclosure, the parsing of the pop-up window attribute parameters and subsequent processing in steps 304 to 305 can be referred to the foregoing. Figure 1 or Figure 2 To avoid repetition, the relevant descriptions mentioned above will not be repeated here.

[0101] In an exemplary embodiment, the definition and values ​​of the pop-up window attribute parameters can be shown in Table 1 below:

[0102] Table 1

[0103]

[0104]

[0105]

[0106] For example, the pop-up attribute parameters can include parameter types as shown in Table 1, including various parameter calling methods, allowing for complex and diverse display combinations of the original pop-up to adapt to diverse business scenarios. Specifically, the basic parameters can include the webpage address represented by a URL and the page version number. The page version number starts with 1 as the initial version number, corresponding to the lowest release version, with subsequent higher versions corresponding to progressively higher version numbers. In this case, if the page version number is 1 and the supported version number is 2, the page version number is too low and will not be parsed; if the page version number is 1 and the supported version number is 1, the page version numbers are consistent and will be parsed subsequently; if the page version number is 2 and the supported version number is 1, the page version number is higher and will be parsed subsequently, thus achieving request filtering for lower versions of the page version number.

[0107] Among the optional parameters, the display size includes the display width, display height, minimum width (minWidth), and minimum height (minHeight). As shown in Table 1, any parameter value between 100 and 600 can be specified for the width and height to define the size of the original pop-up. When the parameter value is empty, the default value can be used to determine the width of the display size as 1000 and the height as 800. The default value for the minimum width and minimum height of the display size is 100. Therefore, when the parameter values ​​specified for the width and height of the aforementioned display size are less than 100, the width and height of the display size can be determined to be 100.

[0108] Optional parameters may also include a title for the pop-up, which describes or displays the functionality or page content of the original pop-up. The title can be specified as a character description; if the parameter type is empty, the default webpage name will be used as the pop-up title.

[0109] Among the optional parameters, the display mode can include the original pop-up display mode (showMode) to control the interactivity of the native page. A value of true indicates that the native page is locked and not interactive; conversely, a value of false indicates that the native page is interactive. When the parameter value is empty, the default value of false is used to control the display mode of the original pop-up.

[0110] Among the optional parameters, the display mode can include "freeLogin" for web pages. A value of `true` indicates that the web page opens without login; conversely, a value of `false` indicates that the web page opens without login. When the parameter value is empty, the default value of `false` controls the display mode of the original pop-up.

[0111] Among the optional parameters, the display mode can include hiding the close button (hideClose), which controls whether the close button is shown or hidden. Specifying a value of true hides the close button; conversely, specifying a value of false shows the close button. When the parameter value is empty, the default value of false is used to control the original pop-up display mode.

[0112] Among the optional parameters, the display mode can include hiding the refresh button (hideRefresh), which controls whether the refresh button is shown or hidden. Specifying a value of true hides the refresh button; conversely, specifying a value of false shows the refresh button. When the parameter value is empty, the default value of false is used to control the display mode of the original pop-up.

[0113] Among the optional parameters, the display mode can include `hideInit`, which controls whether the original pop-up is shown or hidden. When the parameter value is `true`, the original pop-up is displayed in the hidden mode; conversely, when the parameter value is `false`, the original pop-up is displayed. When the parameter value is empty, the default value `false` is used to control the display mode of the original pop-up.

[0114] Among the optional parameters, the display mode can include a single instance (singleinstance), which controls the number of web pages that can be opened in the original pop-up. A value of true indicates a single pop-up instance with multiple pages; conversely, a value of false indicates multiple pop-up instances with multiple pages. When the parameter value is empty, the default value of false is used to control the display mode of the original pop-up.

[0115] The above-mentioned pop-up attribute parameters are for illustrative purposes only. Those skilled in the art can select all or some of them according to actual needs, or further expand other parameter types to perform personalized dynamic configuration of the pop-up display. This disclosure does not impose specific limitations on this.

[0116] In one exemplary embodiment, the foregoing Figure 1 , 2 In either of the pop-up display methods 3 and 4, the native page may include at least one of the global display page of the native client and the local display page of the extension plugin on the native client.

[0117] In this embodiment, when initiating a pop-up display request, it can be initiated from the global display page of the native client or from the local display page of the extension plugin on the native client. Creating a pop-up interface on the global display page of the native client can serve as an extension and supplement to the page content. Furthermore, since the display area of ​​page content on the local display page of the extension plugin on the native client is typically limited, the original pop-up can further display page content with a larger boundary. It can also fully utilize the flexibility of the original pop-up, such as maximizing and minimizing the display, and dragging to move its position, thereby combining it with the local display page of the extension plugin on the native client for display.

[0118] This disclosure provides a method for displaying a pop-up window. The method responds to a pop-up display request from a native page by receiving pop-up attribute parameters passed from the native page. These parameters may include basic parameters and optional parameters. Basic parameters include a webpage address, while optional parameters include display size and optional display mode. The method then parses these parameters, creates an original pop-up window based on the display size, and displays the original pop-up window based on the optional display mode. Finally, the method opens the corresponding webpage with the specified webpage address within the created original pop-up window. This method reduces development costs by creating a generic original pop-up window and diversifying displays based on the pop-up attribute parameters provided by the native page. It can fully adapt to and broadly cover increasingly diverse, complex, and dynamic display needs.

[0119] It should be noted that the above figures are merely illustrative of the processes included in the method according to exemplary embodiments of this disclosure, and are not intended to be limiting. It is readily understood that the processes shown in the above figures do not indicate or limit the temporal order of these processes. Furthermore, it is readily understood that these processes may be executed synchronously or asynchronously, for example, in multiple modules.

[0120] Further reference Figure 4 As shown, an exemplary embodiment of this disclosure provides a pop-up display device 400. The device may include a request response module 401, which is used to respond to a pop-up display request from a native page and receive pop-up attribute parameters transmitted by the native page. The pop-up attribute parameters include basic parameters and optional parameters. The basic parameters include a web page address, and the optional parameters include at least one of display size and optional display mode. A pop-up display module 402 is used to parse the pop-up attribute parameters, create an original pop-up based on the display size, and display the original pop-up based on the optional display mode. A web page display module 403 is used to open the corresponding web page in the original pop-up with the web page address.

[0121] In one exemplary embodiment, optional parameters include display size. The pop-up display module 402 is specifically used to create an original pop-up with the display size when the display size is within the range of a preset size, and to create an original pop-up with the preset size when the display size is outside the range of the preset size.

[0122] In an exemplary embodiment, the optional parameters are empty. The pop-up display module 402 is further configured to parse the pop-up attribute parameters, obtain the default size and default display mode, create the original pop-up with the default size, and display the original pop-up based on the default display mode.

[0123] In one exemplary embodiment, the optional display methods include at least one of the following:

[0124] The native page may or may not be interactive;

[0125] Webpages can be opened without logging in, or not without logging in;

[0126] The close button can be shown or hidden.

[0127] Show or hide the refresh button;

[0128] The original pop-up window can be shown or hidden.

[0129] The original pop-up window can open 1 webpage, or the original pop-up window can open more than 1 webpage.

[0130] In an exemplary embodiment, the device 400 may further include a dynamic update module for obtaining webpage update parameters provided by the webpage, the webpage update parameters including at least one of webpage address update parameters, pop-up size update parameters, and button hiding update parameters; and updating the original pop-up based on the webpage update parameters.

[0131] In one exemplary embodiment, the dynamic update module is further configured to obtain auxiliary display parameters provided by the native page; and update the web page within the original pop-up based on the auxiliary display parameters.

[0132] In one exemplary embodiment, the dynamic update module is specifically used to request auxiliary display parameters associated with the webpage from the native page; and to obtain the auxiliary display parameters passed by the native page.

[0133] In one exemplary embodiment, the dynamic update module is specifically used to obtain auxiliary display parameters provided by the native page, including: listening for update events of auxiliary display parameters associated with the webpage on the native page; and obtaining the auxiliary display parameters passed by the native page when an update event occurs.

[0134] In one exemplary embodiment, the device 400 may further include a data caching module for acquiring cached data of a webpage; storing the cached data in local storage, and providing the cached data when the webpage is subsequently opened.

[0135] In one exemplary embodiment, the basic parameters also include a page version number. The pop-up display module 402 is also used to obtain a supported version number; when the page version number is less than the supported version number, the pop-up display request is discarded; when the page version number is greater than or equal to the supported version number, the pop-up attribute parameters are parsed.

[0136] In one exemplary embodiment, the native page includes at least one of the global display page of the native client and the local display page of the extension plugin on the native client.

[0137] The pop-up display device provided in this embodiment responds to a pop-up display request from a native page, receives pop-up attribute parameters passed from the native page, wherein the pop-up attribute parameters may include basic parameters and optional parameters. Basic parameters include a webpage address, and optional parameters include display size, optional display mode, etc. The device then parses the pop-up attribute parameters, creates an original pop-up based on the display size, and displays the original pop-up based on the optional display mode. The corresponding webpage is then opened within the created original pop-up using the webpage address. This method reduces development costs by creating a generic original pop-up and diversifying displays based on the pop-up attribute parameters provided by the native page, and can fully adapt to and widely cover increasingly diverse, complex, and dynamic display needs.

[0138] The specific details of each module in the above-mentioned pop-up display device have been described in detail in the method section of the implementation. For any undisclosed details, please refer to the implementation content of the method section. That is, the explanation and beneficial effects of the pop-up display method of the above-mentioned embodiment are also applicable to the pop-up display device 400 of the present disclosure embodiment, and will not be elaborated here.

[0139] Those skilled in the art will understand that various aspects of this disclosure can be implemented as a system, method, or program product. Therefore, various aspects of this disclosure can be specifically implemented in the following forms: a completely hardware implementation, a completely software implementation (including firmware, microcode, etc.), or a combination of hardware and software aspects, collectively referred to herein as a "circuit," "module," or "system."

[0140] The following reference Figure 5 To describe an electronic device 500 according to such an embodiment of the present disclosure. Figure 5 The electronic device 500 shown is merely an example and should not impose any limitation on the functionality and scope of use of the embodiments disclosed herein.

[0141] like Figure 5 As shown, the electronic device 500 is manifested in the form of a general-purpose computing device. The components of the electronic device 500 may include, but are not limited to: at least one processing unit 510, at least one storage unit 520, a bus 530 connecting different system components (including storage unit 520 and processing unit 510), and a display unit 540.

[0142] The storage unit stores program code that can be executed by the processing unit 510, causing the processing unit 510 to perform the steps described in the "Exemplary Methods" section above, according to various exemplary embodiments of this disclosure.

[0143] Storage unit 520 may include readable media in the form of volatile storage units, such as random access memory (RAM) 521 and / or cache memory 522, and may further include read-only memory (ROM) 523.

[0144] Storage unit 520 may also include a program / utility 524 having a set (at least one) program module 525, such program module 525 including but not limited to: operating system, one or more application programs, other program modules and program data, each or some combination of these examples may include an implementation of a network environment.

[0145] Bus 530 can represent one or more of several types of bus structures, including a memory cell bus or memory cell controller, a peripheral bus, a graphics acceleration port, a processing unit, or a local bus using any of the various bus structures.

[0146] Electronic device 500 can also communicate with one or more external devices 600 (e.g., keyboard, pointing device, Bluetooth device, etc.), and with one or more devices that enable a user to interact with electronic device 500, and / or with any device that enables electronic device 500 to communicate with one or more other computing devices (e.g., router, modem, etc.). This communication can be performed via input / output (I / O) interface 550. Furthermore, electronic device 500 can also communicate with one or more networks (e.g., local area network (LAN), wide area network (WAN), and / or public networks, such as the Internet) via network adapter 560. As shown, network adapter 560 communicates with other modules of electronic device 500 via bus 530. It should be understood that, although not shown in the figures, other hardware and / or software modules can be used in conjunction with electronic device 500, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0147] Furthermore, exemplary embodiments of this disclosure also provide a computer-readable storage medium storing a program product capable of implementing the methods described above. In some possible embodiments, various aspects of this disclosure may also be implemented as a program product including program code that, when run on a terminal device, causes the terminal device to perform the steps described in the "Exemplary Methods" section of this specification according to various exemplary embodiments of this disclosure.

[0148] It should be noted that the computer-readable medium disclosed herein may be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium may be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof.

[0149] In this disclosure, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in connection with an instruction execution system, apparatus, or device. In this disclosure, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium, which can transmit, propagate, or transfer a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wireless, wireline, optical fiber, RF, etc., or any suitable combination thereof.

[0150] Furthermore, program code for performing the operations of this disclosure can be written in any combination of one or more programming languages, including object-oriented programming languages ​​such as Java and C++, and conventional procedural programming languages ​​such as C or similar languages. The program code can execute entirely on the user's computing device, partially on the user's computing device, as a standalone software package, partially on the user's computing device and partially on a remote computing device, or entirely on a remote computing device or server. In cases involving remote computing devices, the remote computing device can be connected to the user's computing device via any type of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computing device (e.g., via the Internet using an Internet service provider).

[0151] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and embodiments are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the claims.

Claims

1. A method for displaying a pop-up window, characterized in that, include: In response to a pop-up display request from a native page, the system receives pop-up attribute parameters passed from the native page. The pop-up attribute parameters include basic parameters and optional parameters. The basic parameters include the webpage address, and the optional parameters include at least one of display size and optional display mode. The pop-up attribute parameters are parsed, an original pop-up is created with the display size, and the original pop-up is displayed based on the optional display method; The corresponding webpage is opened using the webpage address in the original pop-up window.

2. The method according to claim 1, characterized in that, The optional parameters include the display size, and the step of creating the original pop-up window with the display size includes: When the display size is within the range of preset sizes, an original pop-up window is created at the display size; When the display size is outside the range of the preset size, the original pop-up is created at the preset size.

3. The method according to claim 1, characterized in that, The optional parameter is empty. After receiving the pop-up attribute parameters passed from the original page, and before opening the corresponding webpage with the webpage address in the original pop-up, the method further includes: The pop-up window's attribute parameters are parsed to obtain the default size and default display method; Create the original pop-up window with the default size, and display the original pop-up window based on the default display method.

4. The method according to claim 1, characterized in that, The optional display methods include at least one of the following: The native page may or may not be interactive; Webpages can be opened without logging in, or not without logging in; The close button can be shown or hidden. Show or hide the refresh button; The original pop-up window can be shown or hidden. The original pop-up window can open 1 webpage, or the original pop-up window can open more than 1 webpage.

5. The method according to claim 1, characterized in that, After opening the corresponding webpage with the webpage address in the original pop-up window, the process further includes: Obtain webpage update parameters provided by the webpage, wherein the webpage update parameters include at least one of webpage address update parameters, pop-up size update parameters, and button hide update parameters; The original pop-up window is updated based on the webpage update parameters.

6. The method according to claim 1, characterized in that, After opening the corresponding webpage with the webpage address in the original pop-up window, the process further includes: Obtain the auxiliary display parameters provided by the native page; The webpage within the original pop-up window is updated based on the auxiliary display parameters.

7. The method according to claim 6, characterized in that, The step of obtaining the auxiliary display parameters provided by the native page includes: Request auxiliary display parameters associated with the webpage from the native page; Obtain the auxiliary display parameters passed by the native page.

8. The method according to claim 6, characterized in that, The step of obtaining the auxiliary display parameters provided by the native page includes: Listen for update events of the auxiliary display parameters associated with the webpage on the native page; When the auxiliary display parameters are updated, the auxiliary display parameters passed by the native page are obtained.

9. The method according to claim 1, characterized in that, After opening the corresponding webpage with the webpage address in the original pop-up window, the process further includes: Obtain the cached data of the webpage; The cached data is stored locally and is used to provide the webpage when it is subsequently opened.

10. The method according to claim 1, characterized in that, The basic parameters also include the page version number, and after receiving the pop-up attribute parameters passed from the native page, the parameters also include: Get the supported version number; If the page version number is less than the supported version number, the pop-up display request is discarded; When the page version number is greater than or equal to the supported version number, the pop-up attribute parameters are parsed.

11. The method according to claim 1, characterized in that, The native page includes at least one of the following: the global display page of the native client and the partial display page of the extension plugin on the native client.

12. A pop-up display device, characterized in that, include: The request and response module is used to respond to the pop-up display request of the native page and receive the pop-up attribute parameters passed by the native page. The pop-up attribute parameters include basic parameters and optional parameters. The basic parameters include the web address, and the optional parameters include at least one of display size and optional display mode. A pop-up display module is used to parse the pop-up attribute parameters, create an original pop-up based on the display size, and display the original pop-up based on the optional display method; A webpage display module is used to open the corresponding webpage with the webpage address in the original pop-up window.

13. An electronic device, characterized in that, include: processor; as well as Memory for storing the executable instructions of the processor; The processor is configured to perform the method of any one of claims 1 to 11 by executing the executable instructions.

14. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the method as described in any one of claims 1 to 11.

Images