Page display method and device, storage medium and electronic equipment

Abstract

The invention provides a page display method and device, a storage medium and electronic equipment, and relates to the technical field of computers. The method comprises the following steps: receiving a modification instruction for a specified parameter in a first link based on the hypertext markup language; and modifying the first link according to the modification instruction to obtain a second link, so that a client determines a target parameter of a target popup window based on the second link, and displays the target popup window according to the target parameter. According to the pop-up window updating method and device, by modifying the specified parameters in the first link, updating of the parameters of the target pop-up window can be achieved, so that the updated target pop-up window can be rapidly obtained, and then the pop-up window updating efficiency is improved.

Description

Technical Field

[0001] The embodiments of the present disclosure relate to the field of computer technology. More specifically, the embodiments of the present disclosure relate to a page display method, a page display device, a computer-readable storage medium, and an electronic device. Background Art

[0002] This section is intended to provide a background or context to the embodiments of the disclosure that are recited in the claims. No description herein is admitted to be prior art by inclusion in this section.

[0003] In the related art, a client is used to develop a "pop-up window". A "pop-up window" can be understood as a small window that pops up in an application or web page to display important information, warnings, confirmation messages or request input to the user.

[0004] However, when the client is used to develop the "pop-up window", if the "pop-up window" needs to be updated, it needs to be redeveloped, that is, the underlying code of the client needs to be changed to complete the update of the client, so that the updated "pop-up window" can be displayed after the client is updated. The entire update process is long and complicated, resulting in low pop-up window update efficiency. Summary of the invention

[0005] It can be seen that the related technology has the problem of low pop-up window update efficiency, which leads to poor user experience.

[0006] In view of this, the present disclosure provides a page display method, a page display device, a computer-readable storage medium, and an electronic device to improve the pop-up window update efficiency to a certain extent, so as to enhance the user experience.

[0007] According to a first aspect of the present disclosure, a page display method is provided, the method comprising:

[0008] receiving a modification instruction for a specified parameter in a first hypertext markup language-based link;

[0009] The first link is modified according to the modification instruction to obtain a second link, so that the client determines target parameters of a target pop-up window based on the second link, and displays the target pop-up window with the target parameters.

[0010] In a possible implementation, receiving a modification instruction for a specified parameter in a first link based on hypertext markup language includes:

[0011] Receiving an operation on the interface design parameter of the target pop-up window, and generating the modification instruction, wherein the modification instruction carries a parameter value corresponding to the interface design parameter;

[0012] The interface design parameters include at least one of the position, width, height, margin, setting relationship with the status bar, and background of the pop-up window on the page.

[0013] In a possible implementation, receiving a modification instruction for a specified parameter in a first link based on hypertext markup language includes:

[0014] An operation on the entrance animation and / or exit animation of the target pop-up window is received, and the modification instruction is generated, where the modification instruction carries parameter values ​​corresponding to the entrance animation and / or exit animation of the target pop-up window.

[0015] In a possible implementation, receiving a modification instruction for a specified parameter in a first link based on hypertext markup language includes:

[0016] An operation on a modal behavior is received, and the modification instruction is generated, wherein the modification instruction carries a parameter value indicating a control relationship between the target pop-up window and other pop-up windows in the page.

[0017] In a possible implementation manner, modifying the first link according to the modification instruction to obtain the second link includes:

[0018] According to the update parameter value carried by the modification instruction, the historical parameter value corresponding to the specified parameter in the first link is updated to obtain an updated first link;

[0019] The updated first link is used as the second link.

[0020] According to a second aspect of the present disclosure, a page display method is provided, the method comprising:

[0021] Intercepting a second link based on hypertext markup language, and parsing the second link to obtain a target parameter corresponding to the target pop-up window; wherein the second link is determined according to a modification instruction for a specified parameter in the first link based on hypertext markup language;

[0022] The target pop-up window is displayed according to the target parameters corresponding to the target pop-up window.

[0023] According to a third aspect of the present disclosure, a page display device is provided, the device comprising:

[0024] A receiving unit, configured to receive a modification instruction for a specified parameter in a first link based on hypertext markup language;

[0025] The determination unit is used to modify the first link according to the modification instruction to obtain a second link, so that the client determines the target parameters of the target pop-up window based on the second link, and displays the target pop-up window with the target parameters.

[0026] In a possible implementation manner, the receiving unit is specifically configured to:

[0027] Receiving an operation on the interface design parameter of the target pop-up window, and generating the modification instruction, wherein the modification instruction carries a parameter value corresponding to the interface design parameter;

[0028] The interface design parameters include at least one of the position, width, height, margin, setting relationship with the status bar, and background of the pop-up window on the page.

[0029] In a possible implementation manner, the receiving unit is specifically configured to:

[0030] An operation on the entrance animation and / or exit animation of the target pop-up window is received, and the modification instruction is generated, where the modification instruction carries parameter values ​​corresponding to the entrance animation and / or exit animation of the target pop-up window.

[0031] In a possible implementation manner, the receiving unit is specifically configured to:

[0032] An operation on a modal behavior is received, and the modification instruction is generated, wherein the modification instruction carries a parameter value indicating a control relationship between the target pop-up window and other pop-up windows in the page.

[0033] In a possible implementation manner, the determining unit is specifically configured to:

[0034] According to the update parameter value carried by the modification instruction, the historical parameter value corresponding to the specified parameter in the first link is updated to obtain an updated first link;

[0035] The updated first link is used as the second link.

[0036] According to a fourth aspect of the present disclosure, a page display device is provided, the device comprising:

[0037] An interception unit, configured to intercept a second link based on hypertext markup language, and parse the second link to obtain various parameters corresponding to the target pop-up window; wherein the second link is determined according to a modification instruction for a specified parameter in the first link based on hypertext markup language;

[0038] A display unit is used to display the target pop-up window according to various parameters corresponding to the target pop-up window.

[0039] According to a third aspect of the present disclosure, a computer-readable storage medium is provided, comprising a computer program, wherein when the computer program is executed by a processor, the method of the first and second aspects and possible implementation methods thereof are implemented.

[0040] According to a fourth aspect of the present 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 execute the methods of the first and second aspects and possible implementations thereof by executing the executable instructions.

[0041] The technical solution disclosed in this disclosure has the following beneficial effects:

[0042] In the disclosed embodiment, a modification instruction for a parameter specified in a first link based on a hypertext markup language can be received; the first link is modified according to the modification instruction to obtain a second link, so that the client determines the target parameter of the target pop-up window based on the second link, and displays the target pop-up window with the target parameter. In other words, in the disclosed embodiment, the specified parameter in the link can be quickly modified according to the modification instruction to achieve the modification of the target parameter of the target pop-up window, without changing the underlying code of the client, thereby improving the update efficiency of the target pop-up window.

[0043] Other features and advantages of the present disclosure will be described in the following description, and partly become apparent from the description, or be understood by practicing the present disclosure. The purpose and other advantages of the present disclosure can be realized and obtained by the structures particularly pointed out in the written description, claims, and drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0044] In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings required for use in the embodiments of the present disclosure will be briefly introduced below. Obviously, the drawings introduced below are only some embodiments of the present disclosure. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0045] Figure 1 A schematic diagram of an application scenario in this exemplary embodiment is shown;

[0046] Figure 2 A flow chart showing a page display method in this exemplary embodiment is shown;

[0047] Figure 3 A schematic diagram showing a pop-up window position modification in this exemplary embodiment;

[0048] Figure 4 A schematic diagram showing another method of modifying the position of a pop-up window in this exemplary embodiment;

[0049] Figure 5 A schematic diagram showing another method of modifying the position of a pop-up window in this exemplary embodiment;

[0050] Figure 6 A schematic diagram showing modification of a pop-up window margin in this exemplary embodiment is shown;

[0051] Figure 7 A flowchart showing another page display method in this exemplary embodiment;

[0052] Figure 8 A schematic diagram showing the structure of a page display device in this exemplary embodiment is shown;

[0053] Fig. 9 A schematic diagram showing the structure of a page display device in this exemplary embodiment is shown;

[0054] Fig.10 A schematic structural diagram of an electronic device in this exemplary embodiment is shown. DETAILED DESCRIPTION

[0055] In order to make the purpose, technical solutions and advantages of the present disclosure clearer, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are only part of the embodiments of the present disclosure, rather than all of the embodiments. Based on the embodiments in the present disclosure, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present disclosure. In the absence of conflict, the embodiments in the present disclosure and the features in the embodiments can be arbitrarily combined with each other. In addition, although the logical order is shown in the flow chart, in some cases, the steps shown or described can be performed in an order different from that here.

[0056] The term "comprising" and any variations thereof in the specification and claims of the present disclosure are intended to cover non-exclusive protection. For example, a process, method, system, product or device comprising a series of steps or units is not limited to the listed steps or units, but may optionally include steps or units not listed, or may optionally include other steps or units inherent to these processes, methods, products or devices.

[0057] In the embodiments of the present disclosure, one or more, "many" refers to two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character " / " generally indicates that the previous and next associated objects are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can represent: a, b, c, ab, ac, bc, or abc, where a, b, c can be single or plural.

[0058] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order, sequence, size, and priority. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0059] The following is a description of exemplary embodiments of the present disclosure in conjunction with the accompanying drawings, which are schematic diagrams of the present disclosure and are not necessarily drawn to scale. Some of the block diagrams shown in the accompanying drawings may be functional entities, which do not necessarily correspond to physically or logically independent entities. These functional entities can be implemented in software form, or in hardware modules or integrated circuits, or in networks, processors or microcontrollers. The implementation method can be implemented in a variety of forms and should not be understood as being limited to the examples set forth herein. The features, structures or characteristics described in the present disclosure may be combined in one or more implementations in any suitable manner. In the following description, many specific details are provided to provide a full description of the implementation methods of the present disclosure. However, those skilled in the art should be aware that one or more specific details may be omitted when implementing the technical solution of the present disclosure, or one or more specific details may be replaced by other methods, components, devices, steps, etc. It should be noted that in the embodiments of the present disclosure, the collection, dissemination, and use of data are all in compliance with relevant national laws and regulations. SUMMARY OF THE INVENTION

[0061] In the related art, the following two solutions can be used to develop pop-up pages.

[0062] Solution 1: Use client-side technology to develop pop-up pages, including the pop-up interface design (User Interface Design, UI) and pop-up behavior.

[0063] Although the pop-up page developed based on client technology has good performance, the pop-up page developed using client technology cannot be hot-updated, and in scenarios where there are many activity-type pop-ups, it is difficult to meet changing needs. It can be seen that the relevant technology has the problem of low pop-up page update efficiency.

[0064] Solution 2: Design a pop-up window based on full-screen H5. Specifically, the client provides a full-screen webview container, and then the H5 page in the webview container can control the UI display and pop-up behavior by itself. Although the H5 page can support instant modification and publishing, the pop-up behavior and UI are implemented by H5, which may be a little different from the original pop-up system of the client, and there will be differences in UI and pop-up behavior. In addition, since the loading process of the H5 pop-up window is relatively complicated and needs to obtain different resources from the network, it will cause delayed display of the pop-up window, resulting in freezes and delays in interaction, and reducing the update efficiency of the pop-up window.

[0065] In view of one or more of the above problems, an exemplary embodiment of the present disclosure provides a page display method, through which a modification instruction for a specified parameter in a first link based on a hypertext markup language can be received; the first link is modified according to the modification instruction to obtain a second link, so that the client determines the target parameter of the target pop-up window based on the second link, and displays the target pop-up window with the target parameter. The present disclosure can update the parameters of the target pop-up window by modifying the specified parameter in the first link, so that the updated target pop-up window can be quickly obtained, thereby improving the update efficiency of the pop-up window.

[0066] After introducing the basic principles of the present disclosure, various non-limiting embodiments of the present disclosure are described in detail below.

[0067] Application Scenario Overview

[0068] In order to better understand the technical solutions provided by the embodiments of the present disclosure, the following briefly introduces the application scenarios to which the technical solutions provided by the embodiments of the present disclosure are applicable. It should be noted that the application scenarios introduced below are only used to illustrate the embodiments of the present disclosure and are not intended to limit the present disclosure. In specific implementation, the technical solutions provided by the embodiments of the present disclosure can be flexibly applied according to actual needs.

[0069] In order to more clearly introduce the contents of the embodiments of the present disclosure, some key terms are introduced below:

[0070] WebView container: WebView container is a component used to display web content in mobile applications. It allows developers to embed a browser engine to load and display web content, usually used to display online content or web-based applications. WebView container can display web pages inside the application, while also allowing developers to control and customize the display method through application code.

[0071] Pop-ups: "Pop-ups" refer to small windows that pop up in applications or web pages. They are usually used to display important information, warnings, confirmation messages, or request input to users. The modal behavior of pop-ups can be understood as the control relationship between pop-ups and other pages within the page. If a pop-up prevents users from interacting with other parts of the application, it can be understood as modal. If a pop-up allows users to continue to interact with other parts of the application, it can be understood as non-modal.

[0072] H5: usually refers to HyperText Markup Language 5 (HTML5), which is a standard for building and presenting web content. HTML5 introduces many new features and functions, including support for multimedia elements, semantic tags, local storage, Canvas drawing functions, etc. It also provides better cross-platform compatibility and can better support mobile devices and desktop devices. "H5" can also refer to interactive web pages and web applications built on web technologies such as HTML5, Cascading Style Sheets (CSS) and JavaScript.

[0073] Client: refers to applications or software designed for mobile devices such as smartphones and tablets. These applications are usually developed specifically for the operating systems of mobile devices (such as iOS and Android) so that users can access specific services, functions or content on their mobile devices.

[0074] In the embodiments of the present disclosure, the page display technology can be applied to business scenarios where various software, websites, and platforms require pop-up window updates. The businesses corresponding to the software, websites, and platforms are, for example, finance, games, shopping, multimedia, etc. For example, business scenarios where software that provides short video browsing, publishing, collection, and liking functions requires pop-up window updates, or business scenarios where software that provides music browsing, collection, and commenting functions requires pop-up window updates, are not limited to this in the embodiments of the present disclosure.

[0075] See also Figure 1 As shown, Figure 1This is an application scenario to which the technical solution of the embodiment of the present disclosure can be applied. In the scenario diagram, a pop-up display device 101 and an electronic device 102 are included. The pop-up display device 101 can be multiple devices. Figure 1 Only one is shown, that is, there may be multiple users participating in browsing the pop-up window in one application scenario.

[0076] The pop-up display device 101 and the electronic device 102 may be directly or indirectly connected to each other through one or more networks 103 .

[0077] In the disclosed embodiment, the electronic device 102 may receive a modification instruction for a parameter specified in a first link based on hypertext markup language, modify the first link according to the modification instruction, obtain a second link, and send the second link to the pop-up display device 101, so that the client on the pop-up display device 101 determines the target parameter of the target pop-up window based on the second link, and displays the target pop-up window with the target parameter.

[0078] in, Figure 1 Each pop-up display device 101 can be a mobile phone, a tablet computer (PAD), a personal computer (PC), a smart TV, a smart watch, a smart speaker, a smart car device, and a wearable device, but is not limited thereto.

[0079] as well as, Figure 1 The electronic device 102 may be an independent physical server, or a server cluster or distributed system composed of multiple physical servers. It may also be a cloud server or a cloud server cluster that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (CDNs), and big data and artificial intelligence platforms, but is not limited to these.

[0080] Of course, the method provided in the embodiment of the present disclosure is not limited to Figure 1 The application scenario shown can also be used in other possible application scenarios, such as an application scenario where the page display method is implemented only by an electronic device, and the embodiments of the present disclosure are not limited thereto.

[0081] Exemplary Methods

[0082] To further illustrate the technical solution provided by the embodiments of the present disclosure, this is described in detail below in conjunction with the accompanying drawings and specific implementation methods. Although the embodiments of the present disclosure provide method operation steps as shown in the following embodiments or drawings, more or fewer operation steps may be included in the method based on routine or no creative labor. In the steps where there is no necessary causal relationship logically, the execution order of these steps is not limited to the execution order provided by the embodiments of the present disclosure. The method may be executed in the order of the method shown in the embodiments or drawings or in parallel during the actual processing process or when the device is executed.

[0083] See also Figure 2 , Figure 2 FIG. 1 is a flow chart of a page display method in an embodiment of the present disclosure. The flow of the method may be executed by an electronic device, for example, and the electronic device may be Figure 1 The electronic device 102 in the embodiment of the present invention, the specific implementation process of the method is as follows:

[0084] Step 201: Receive a modification instruction for a specified parameter in a first link based on hypertext markup language.

[0085] In the disclosed embodiment, the electronic device can determine the initial link of the target pop-up window, that is, the first link. If it is determined that a parameter of the target pop-up window needs to be modified later, an operation can be triggered for the parameter in the first link based on the hypertext markup language, thereby obtaining the corresponding modification instruction. Optionally, the developer can trigger the modification of the parameter based on the corresponding device logging into the corresponding platform, for example, the developer directly enters the corresponding parameter value on the corresponding platform, or the user selects the pop-up window template on the corresponding platform, thereby entering the parameter values ​​corresponding to the various parameters in the pop-up window template. Of course, other methods are also possible, and this is not limited in the disclosed embodiment.

[0086] In an exemplary embodiment, if it is determined to modify the content included in the UI of the target pop-up window, the electronic device can receive an operation on the interface design parameters of the target pop-up window and generate a modification instruction, wherein the modification instruction carries a parameter value corresponding to the interface design parameter; wherein the interface design parameters include the position of the pop-up window in the page, the width and height, the margin, the setting relationship with the status bar, and at least one of the background.

[0087] Optionally, if it is determined to modify the position of the target pop-up window on the page, the electronic device can receive an operation on the position of the target pop-up window on the page and generate a modification instruction, wherein the modification instruction carries a parameter value corresponding to the position on the page.

[0088] The position of the target pop-up window on the page can be controlled using the Flexible Box layout, with the container as the parent element and the attributes acting on the parent container. A total of three parameters can be used to control the position of the target pop-up window on the page, namely: flexDirection, which represents the direction of the main axis. The specific parameter value can be row for horizontal layout or column for vertical layout; justifyContent: represents the layout in the direction of the main axis. The specific parameter value can be flex-start, flex-end and center. The meaning is consistent with justifyContent in CSS; alignItems: represents the direction of the secondary axis. The specific parameter value can be flex-start, flex-end and center.

[0089] For example, the modification instruction carries the parameter values ​​corresponding to the interface design parameters: flexDirection is colum; justifyContent is center; alignItems is center, that is, the position of the target pop-up window is vertically and horizontally centered, for example Figure 3 shown.

[0090] For another example, the modification instruction carries the parameter values ​​corresponding to the interface design parameters: flexDirection is colum; justifyContent is flex-start; alignItems is flex-start, that is, the position of the target pop-up window is vertically above and horizontally to the left, for example Figure 4 shown.

[0091] For another example, the modification instruction carries the parameter values ​​corresponding to the interface design parameters: flexDirection is row; justifyContent is flex-end; alignItems is flex-end, that is, the position of the target pop-up window is vertically downward and horizontally to the right, for example Figure 5 shown.

[0092] Optionally, if it is determined to modify the width and height of the target pop-up window, the electronic device can receive operations on the width and height of the target pop-up window and generate a modification instruction, wherein the modification instruction carries parameter values ​​corresponding to the width and height.

[0093] In the disclosed embodiment, four ways of setting parameter values ​​corresponding to width and height can be provided. Among them, the first way is: using pure numbers to describe the width and height of the target pop-up window. For example, the parameter values ​​carried by the modification instruction are: width:200, height:200. It should be noted that if the operating system used by the physical device actually displayed by the target pop-up window is the Android system, the unit of the pure number is dp, and if the operating system used by the physical device actually displayed by the target pop-up window is the iOS system, the unit of the pure number is pt, both of which are logical pixel units. The second way is to use the scaling type to describe the width and height of the target pop-up window. For example, the parameter values ​​carried by the modification instruction are: width:200#, height:200#. Among them, 200# represents a screen with a width of 375, and the width is 200. It is actually automatically scaled according to the screen width, and the two ends are unified. In other words, the width and height of the target pop-up described in the second way are the values ​​adjusted based on the automatic scaling of the screen of the actual physical device. The third way is to use a fixed width to describe the width and height of the target pop-up window, for example, the parameter value carried by the modification instruction is: width:20vw. Method 4 is to use a fixed height to describe the width and height of the target pop-up window. For example, the parameter value carried by the modification instruction is: height:20vh.

[0094] It can be seen that the embodiments of the present disclosure provide the use of different length units, such as original units, visual draft scaling units, screen width percentage, shielding height percentage, to draw the width and height of the pop-up window, meet different pop-up window update requirements, and enhance the user experience.

[0095] Optionally, if it is determined to modify the margin of the target pop-up window, the electronic device may receive an operation on the margin of the target pop-up window and generate a modification instruction, wherein the modification instruction carries a parameter value corresponding to the margin.

[0096] In the disclosed embodiments, two methods of describing the parameter values ​​corresponding to the margins can be supported. Among them, method one is: using a single digit to describe the spacing, for example, the parameter value carried by the modification instruction is: margin: 20. If it is a bordered edge, it means that the upper, lower, left and right margins are all 20. If it is centered, the margins are determined in the order of top, right, bottom and left. For example, the centered pop-up window setting margin: 20 means that the top margin is 20, the right margin is 20, and the left and bottom are 0. Method two is: using four digits to describe the margins, for example, the parameter value carried by the modification instruction is: 10#, 0, 0, 5vh. If it is a bordered pop-up window setting, the margins are determined in the order of top, right, bottom and left respectively according to the priority order.

[0097] It can be seen that the embodiments of the present disclosure provide multiple ways of describing margins, and provide users with multiple types of parameter values ​​that can be input, thereby improving the richness of parameter value input and enhancing the user experience.

[0098] It should be noted that if the physical device where the target pop-up window is actually displayed uses the iOS operating system, then when setting the margin, you also need to consider the value corresponding to "safeBottom", that is, to determine whether to add a safe distance to the bottom. The safe distance is used to represent the distance of the area that the pop-up window cannot cover, for example Figure 6 Safety distance shown.

[0099] Optionally, if it is determined to modify the status bar of the target pop-up window, the electronic device may receive an operation on the status bar of the target pop-up window and generate a modification instruction, wherein the modification instruction carries a parameter value corresponding to the status bar.

[0100] In the disclosed embodiment, it can be determined based on the value corresponding to "safeTop" whether the control target pop-up window covers the status bar or starts to be displayed below the status bar.

[0101] Optionally, if it is determined to modify the background of the target pop-up window, the electronic device may receive an operation on the background of the target pop-up window and generate a modification instruction, wherein the modification instruction carries a parameter value corresponding to the background.

[0102] In the embodiment of the present disclosure, the background includes four sub-parameters representing the control rounded corners, background image, background color, and gradient angle. When the background needs to be updated, at least one of the four sub-parameters of the control rounded corners, background image, background color, and gradient angle can be updated. Figure 1 You can set the background color and other sub-parameters, or just update the background image sub-parameter.

[0103] In the disclosed embodiment, the same digital type as width can be supported to describe the control radius. For example, the parameter value carried by the modification instruction is: "10, 40vw, 99vh, 88#" or "10". It can be seen that the parameter value corresponding to the control radius parameter also supports the input of multiple length units, which greatly enriches the way of inputting parameter values, avoids the situation where the user needs to switch to other length units, and improves the user experience.

[0104] In the embodiment of the present disclosure, the gradient angle (Angle) can be described by integer multiples of 45. For example, the parameter value carried by the modification instruction is: "90". The value range of the gradient angle is "0, 4, 90, 135, 180, 225, 270, 315".

[0105] In the embodiments of the present disclosure, pure colors and gradient colors can be supported to describe the background color. If the parameter value carried by the modification instruction is in array form, such as "[RGBA, RGBA]", the background color is characterized as a gradient. If the parameter value carried by the modification instruction is in single parameter form, such as "RGBA", the background color is characterized as a pure color.

[0106] In the present public wedding dress trial example, it is possible to support describing the background image based on a Uniform Resource Locator (URL), wherein the parameter value carried by the modification instruction is the URL.

[0107] In an exemplary embodiment, if an operation on an entrance animation and / or an exit animation of a target pop-up window is received, a modification instruction is generated, and the modification instruction carries parameter values ​​corresponding to the entrance animation and / or the exit animation of the target pop-up window.

[0108] In the disclosed embodiment, there are three types of animations, namely, scaling animation, which can be controlled by scale; panning animation, which can be controlled by direction; and transparency gradient animation, which can be controlled by opacity. The value range of scale and opacity can be 0 to 1, and direction can be up, down, left, right, east, west, south, and so on.

[0109] In the disclosed embodiment, there is no scaling animation and transparency animation in the default animation parameters. The translation animation determines the entry direction according to the edge or center of gravity of the container. For example, if it is attached to the bottom edge, it enters from the bottom. The default time is 200-ios and 250-android, which is consistent with the animation on the client.

[0110] In the disclosed embodiment, animIn can be used to control the entry animation, and animOut can be used to control the exit animation, which can be described using the following two numerical types. The first: object method. For example, animIn = {start: {scale: 0, opacity: 0, direaction: 'left'}, duration: 100}, which means that the initial state of the container: scale: 0, opacity: 0, direction: left, the right border of the container is aligned with the left side of the device. The final state of the container: scale = 1, opacity = 1, the position is the set position. Animation time: 100ms. The second: enumeration method. For example, "animOut = fade Zoom Left", where "fade" is used to characterize the transparency gradient animation, "Zoom" characterizes the zoom animation, and "Left" characterizes the translation animation, then "animOut = fade Zoom Left" characterizes the initial state of the container: scale: 1, opacity: 1, the final state of the container: scale = 0, opacity = 0, sliding out from the left side of the screen.

[0111] For example, suppose the operation of the entry animation and / or exit animation of the target pop-up window is to set a pop-up window that enters from the right with an animation duration of 1 second, and with size and transparency gradient. When exiting, it exits from the left with size and transparency gradient. Then modify the specified parameter values ​​to: animIn":{"start":{"scale":0,"opacity":0,"direction":"right"},"duration":1000},"animOut":{"start":{"scale":0,"opacity":0.1,"direction":"left"},"duration":1000.

[0112] In an exemplary embodiment, if an operation on a modal behavior is received, a modification instruction is generated, and the modification instruction carries a parameter value indicating a control relationship between a target pop-up window and other pop-up windows in the page.

[0113] In the embodiments of the present disclosure, the pop-up behaviors that can be controlled include: (1) pop-up queue: after a pop-up pops up, the previous pop-up window is retracted; after closing, the previous pop-up window pops up; (2) pop-up overlay: directly covering other pop-ups; (3) delayed pop-up: wait until the previous container is closed before popping up; (4) pop-up queue closed version: after a pop-up pops up, the previous pop-up window is retracted; after closing, the previous pop-up window will not pop up again.

[0114] In the disclosed embodiment, three modal parameters may be used to describe four controllable pop-up behaviors. Specifically, the three modal parameters are modal, retryable, and showLater.

[0115] Among them, when modal is 1, it represents the normal pop-up queue, and when modal is 0, it represents that the pop-up is not in the queue management. For example, if modal is 1, it follows the rules of the pop-up queue; if the current pop-up is 0 and the next pop-up is 1, it will directly cover 0; if the current pop-up is 1 and the next pop-up is 0, it will also directly cover the pop-up. retryable is used to indicate whether it can still pop up after being put into the queue (used when modal is 1). When it is set to 0, the effect of the pop-up being closed in the pop-up queue can be obtained. showLater is used to indicate whether it will be opened later (used when modal is 1). When it is set to 1, when this pop-up is opened, it will not appear immediately, but will appear after the pop-up that opens it is closed. In other words, the order of appearance of the pop-up in the queue is pushed back.

[0116] It should be noted that in the embodiments of the present disclosure, the modification instruction received by the electronic device may include parameter values ​​corresponding to all the above parameters, or parameter values ​​corresponding to some of the parameters. In other words, in the embodiments of the present disclosure, a certain parameter of the pop-up window can be updated to obtain a partially updated pop-up window, or the pop-up window can be completely updated to obtain a new pop-up window. This is not limited in the embodiments of the present disclosure.

[0117] Step 202: modify the first link according to the modification instruction to obtain a second link, so that the client determines the target parameters of the target pop-up window based on the second link, and displays the target pop-up window with the target parameters.

[0118] In the disclosed embodiment, the electronic device may update the historical parameter value corresponding to the specified parameter in the first link according to the update parameter value carried in the modification instruction to obtain the updated first link; and use the updated first link as the second link.

[0119] It can be seen that in the disclosed embodiment, the update or modification of the H5 pop-up window does not need to rely on the modification of the client, and the developer can set the corresponding parameters by himself to meet the personalized pop-up window update requirements. Specifically, the developer can automatically set UI parameters, animation parameters, etc., and can also set unified pop-up window interaction and pre-load pop-up windows, set pop-up window background images and other functions to improve the pop-up window performance and optimize the user experience.

[0120] See also Figure 7 , Figure 7 FIG. 1 is a flow chart of a page display method in an embodiment of the present disclosure. The flow of the method may be executed by an electronic device, for example, and the electronic device may be Figure 1 The pop-up display device 101 in the embodiment of the present invention, the specific implementation process of the method is as follows:

[0121] Step 701: intercepting a second link based on hypertext markup language, and parsing the second link to obtain target parameters corresponding to the target pop-up window; wherein the second link is determined according to a modification instruction for a specified parameter in the first link based on hypertext markup language;

[0122] Step 702: Display the target pop-up window according to the target parameters corresponding to the target pop-up window.

[0123] In the disclosed embodiment, the client may intercept the second link based on the hypertext markup language, parse the second link, and parse the halfopen parameter in the second link to obtain the target parameter of the modified target pop-up window.

[0124] The following is a specific example to illustrate the parsing of the halfopen parameter in the second link.

[0125] For example, suppose the halfopen parameters are as follows:

[0126] "halfopen=%7B%22flexDirection%22%3A%20%22column%22%2C%20%22justif yContent%22%3A%20%22flex-end%22%2C%20%22alignItems%22%3A%20%22center%22%2C%20%22width%22%3A%20200%2C%20%22hei ght%22%3A%20200%2C%20%22animIn%22%3A%20%22right%22%2C%22bg%22%3A%20%7B%22bgColor%22%3A%22%23F34C64%22%7D%7D".

[0127] In the disclosed embodiment, the client may decode the halfopen parameter, and the result of the decoding is: "{"flexDirection":"column","justifyContent":"flex-end","alignItems":"center","width":200,"height":200,"animIn":"right","bg":{"bgColor":"#F34C64"}".

[0128] In the disclosed embodiment, it can be known from the decoded result that the decoded value is a JSON object, so the client will set the properties of the pop-up window through the corresponding key-value pairs. For example, "width":200,"height":200, the client will generate a pop-up window with a size of 200dp / pt, "bg":{"bgColor":"#F34C64"} means that the background color of the pop-up window is #F34C64, and "animIn":"right" means that the pop-up window needs to progress from the right side of the screen, and it must have an entry animation when entering.

[0129] In the disclosed embodiment, the client sets the corresponding attributes to the pop-up window container, sets the pop-up window UI first, including the pop-up window size, position, rounded corners, background color or background image, etc., and then performs the entry animation, and the pop-up window enters. And, when the client receives the operation instruction of closing the pop-up window by the user, it can perform the exit animation operation and destroy the pop-up window container.

[0130] In the disclosed embodiment, the client can update the initial target pop-up window corresponding to the first link to a new target pop-up window based on the second link, thereby avoiding display delays or incomplete display of the new target pop-up window and improving the user's browsing experience.

[0131] Exemplary Devices

[0132] The exemplary embodiment of the present disclosure also provides a page display device. Figure 8 As shown, the page display device 800 includes the following program modules:

[0133] The receiving unit 801 is used to receive a modification instruction for a specified parameter in a first link based on hypertext markup language;

[0134] The determination unit 802 is configured to modify the first link according to the modification instruction to obtain a second link, so that the client determines target parameters of a target pop-up window based on the second link, and displays the target pop-up window with the target parameters.

[0135] In a possible implementation manner, the receiving unit 801 is specifically configured to:

[0136] Receiving an operation on the interface design parameter of the target pop-up window, and generating the modification instruction, wherein the modification instruction carries a parameter value corresponding to the interface design parameter;

[0137] The interface design parameters include at least one of the position, width, height, margin, setting relationship with the status bar, and background of the pop-up window on the page.

[0138] In a possible implementation manner, the receiving unit 801 is specifically configured to:

[0139] An operation on the entrance animation and / or exit animation of the target pop-up window is received, and the modification instruction is generated, where the modification instruction carries parameter values ​​corresponding to the entrance animation and / or exit animation of the target pop-up window.

[0140] In a possible implementation manner, the receiving unit 801 is specifically configured to:

[0141] An operation on a modal behavior is received, and the modification instruction is generated, wherein the modification instruction carries a parameter value indicating a control relationship between the target pop-up window and other pop-up windows in the page.

[0142] In a possible implementation manner, the determining unit 802 is specifically configured to:

[0143] According to the update parameter value carried by the modification instruction, the historical parameter value corresponding to the specified parameter in the first link is updated to obtain an updated first link;

[0144] The updated first link is used as the second link.

[0145] The exemplary embodiment of the present disclosure also provides a page display device. Fig. 9 As shown, the page display device 900 includes the following program modules:

[0146] The interception unit 901 is used to intercept a second link based on the hypertext markup language, and parse the second link to obtain various parameters corresponding to the target pop-up window; wherein the second link is determined according to a modification instruction for a specified parameter in the first link based on the hypertext markup language;

[0147] The display unit 902 is used to display the target pop-up window according to various parameters corresponding to the target pop-up window.

[0148] The specific details of each part of the above-mentioned device have been described in detail in the implementation method of the method part. The undisclosed details can be found in the implementation method of the method part, so they will not be repeated here.

[0149] It should be noted that, although several modules or units of the device for action execution are mentioned in the above detailed description, this division is not mandatory. In fact, according to the exemplary embodiments of the present disclosure, the features and functions of two or more modules or units described above can be embodied in one module or unit. Conversely, the features and functions of one module or unit described above can be further divided into multiple modules or units to be embodied.

[0150] Exemplary Program Products

[0151] The exemplary embodiment of the present disclosure also provides a computer program product. The computer program product includes a computer program, and when the computer program is executed by a processor, the above Figure 2-Figure 7 The page display method shown.

[0152] In one embodiment, the computer program product may be a tangible product containing a computer program, such as a computer-readable storage medium storing a computer program. The readable storage medium may be a storage medium based on electrical, magnetic, optical, electromagnetic, infrared, or other signals, including but not limited to: random access memory (RAM), read-only memory (ROM), magnetic tape, floppy disk, flash memory (Flash), mechanical hard disk (HDD), solid-state drive (SSD), and the like. Exemplarily, the computer program product may be implemented as a non-volatile storage medium storing a computer program, such as a read-only memory, a NAND flash memory, and the like.

[0153] In one embodiment, the computer program product may be an intangible product including a computer program. Exemplarily, the computer program product may be implemented as a virtual digital product, such as a digital file storing an executable file, an installation package, etc. of the computer program.

[0154] The code of the computer program can be written in one or more programming languages. Programming languages ​​such as C language, Java, C++, etc. The program code can be executed entirely on the user computing device, or partially on the user computing device, or as a separate software package, or partially on the user computing device and partially on a remote computing device, or entirely on a remote computing device or server. In the case of a remote computing device, the remote computing device can be connected to the user computing device through any type of network, such as a local area network (LAN), a wide area network (WAN), etc., or can be connected to an external computing device (e.g., an Internet connection provided by an operator).

[0155] Computer programs can be carried or transmitted through electrical, magnetic, optical, electromagnetic, infrared, or other signals. Electronic devices can convert signals carrying computer programs into digital signals to run the computer programs. When a computer program runs on an electronic device, its code is used to enable the electronic device to execute (more specifically, enable the processor of the electronic device to execute) the method steps of various exemplary embodiments of the present disclosure, such as the page display method described above, Figure 2 , Figure 7 The page display method shown, wherein, Figure 2The page display method shown includes the following steps: Step 201: receiving a modification instruction for a specified parameter in a first link based on hypertext markup language; Step 202: modifying the first link according to the modification instruction to obtain a second link, so that the client determines the target parameters of the target pop-up window based on the second link, and displays the target pop-up window with the target parameters.

[0156] By implementing the above method steps through a computer program, a modification instruction for a parameter specified in a first link based on a hypertext markup language can be received; the first link is modified according to the modification instruction to obtain a second link, so that the client determines the target parameter of the target pop-up window based on the second link, and displays the target pop-up window with the target parameter. That is, in the embodiment of the present disclosure, the specified parameter in the link can be quickly modified according to the modification instruction to achieve the modification of the target parameter of the target pop-up window, without changing the underlying code of the client, thereby improving the update efficiency of the target pop-up window.

[0157] Exemplary Electronic Devices

[0158] The exemplary embodiments of the present disclosure also provide an electronic device. The electronic device may include a processor and a memory. The memory stores executable instructions of the processor, such as a computer program. The processor executes the method steps of various exemplary embodiments of the present disclosure by executing the executable instructions.

[0159] Reference below Fig.10 , the electronic device is exemplarily described in the form of a general-purpose computing device. It should be understood that Fig.10 The electronic device 1000 shown is merely an example and should not limit the functions and scope of use of the embodiments of the present disclosure.

[0160] like Fig.10 As shown, the electronic device 1000 may include: a processor 1010 , a memory 1020 , a bus 1030 , an I / O (input / output) interface 1040 , and a network adapter 1050 .

[0161] The memory 1020 may include a volatile memory, such as a RAM 1021, a cache unit 1022, and may also include a non-volatile memory, such as a ROM 1023. The memory 1020 may also include one or more program modules 1024, such program modules 1024 include but are not limited to: an operating system, one or more application programs, other program modules, and program data, each of which or a combination thereof may include the implementation of a network environment. For example, the program module 1024 may include each module in the above-mentioned device.

[0162] The processor 1010 may include one or more processing units. For example, the processor 1010 may include an AP (Application Processor), a modem processor, a GPU (Graphics Processing Unit), an ISP (Image Signal Processor), a controller, an encoder, a decoder, a DSP (Digital Signal Processor), a baseband processor and / or an NPU (Neural-Network Processing Unit), etc.

[0163] The processor 1010 can be used to execute the executable instructions stored in the memory 1020, such as executing the above Figure 2 , Figure 7 The page display method shown, wherein, Figure 2 The page display method shown includes the following steps: Step 201: receiving a modification instruction for a specified parameter in a first link based on hypertext markup language; Step 202: modifying the first link according to the modification instruction to obtain a second link, so that the client determines the target parameters of the target pop-up window based on the second link, and displays the target pop-up window with the target parameters.

[0164] By executing the above method steps by the processor 1010, a modification instruction for a parameter specified in a first link based on a hypertext markup language can be received; the first link is modified according to the modification instruction to obtain a second link, so that the client determines the target parameter of the target pop-up window based on the second link, and displays the target pop-up window with the target parameter. That is to say, in the embodiment of the present disclosure, the specified parameter in the link can be quickly modified according to the modification instruction to achieve the modification of the target parameter of the target pop-up window, without changing the underlying code of the client, thereby improving the update efficiency of the target pop-up window.

[0165] The bus 1030 is used to realize the connection between different components of the electronic device 1000, and may include a data bus, an address bus, and a control bus.

[0166] The electronic device 1000 can communicate with one or more external devices 1100 (eg, a keyboard, a mouse, an external controller, etc.) through the I / O interface 1040 .

[0167] The electronic device 1000 can communicate with one or more networks through the network adapter 1050. For example, the network adapter 1050 can provide mobile communication solutions such as 3G / 4G / 5G, or provide wireless communication solutions such as wireless LAN, Bluetooth, near field communication, etc. The network adapter 1050 can communicate with other modules of the electronic device 1000 through the bus 1030.

[0168] although Fig.10 Not shown, other hardware and / or software modules may also be provided in the electronic device 1000, including but not limited to: microcode, device drivers, redundant processors, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0169] As can be seen from the above, the technical solution of the present disclosure can be implemented as a method, an apparatus, a system, a computer program product, a storage medium, an electronic device, etc. Those skilled in the art can understand that various aspects of the present disclosure can be specifically implemented in the following forms, namely: a complete hardware implementation, a complete software implementation (including firmware, microcode, etc.), or an implementation combining hardware and software, such as being respectively referred to as a "circuit", "module" or "system".

[0170] It should be understood that the present disclosure is not limited to the specific method steps or structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from the scope thereof. Those skilled in the art will easily think of other embodiments based on the specific embodiments provided by the present disclosure. Therefore, the specific embodiments provided by the present disclosure are only exemplary, and the scope and spirit of the present disclosure are indicated by the claims, and any variations, uses or adaptive changes of the present disclosure should be covered, which follow the general principles of the present disclosure and include common knowledge or customary technical means in the technical field that are not disclosed in the present disclosure.

Claims

1. A page display method, characterized in that: The method comprises: receiving a modification instruction for a specified parameter in a first hypertext markup language-based link; The first link is modified according to the modification instruction to obtain a second link, so that the client determines target parameters of a target pop-up window based on the second link, and displays the target pop-up window with the target parameters.

2. The method according to claim 1, characterized in that Receiving a modification instruction for a specified parameter in a first link based on hypertext markup language, comprising: Receiving an operation on the interface design parameter of the target pop-up window, and generating the modification instruction, wherein the modification instruction carries a parameter value corresponding to the interface design parameter; The interface design parameters include at least one of the position, width, height, margin, setting relationship with the status bar, and background of the pop-up window on the page.

3. The method according to claim 1, characterized in that Receiving a modification instruction for a specified parameter in a first link based on hypertext markup language, comprising: An operation on the entrance animation and / or exit animation of the target pop-up window is received, and the modification instruction is generated, where the modification instruction carries parameter values ​​corresponding to the entrance animation and / or exit animation of the target pop-up window.

4. The method according to claim 1, characterized in that: Receiving a modification instruction for a specified parameter in a first link based on hypertext markup language, comprising: An operation on a modal behavior is received, and the modification instruction is generated, wherein the modification instruction carries a parameter value indicating a control relationship between the target pop-up window and other pop-up windows in the page.

5. The method according to any one of claims 1 to 4, characterized in that: Modifying the first link according to the modification instruction to obtain a second link includes: According to the update parameter value carried by the modification instruction, the historical parameter value corresponding to the specified parameter in the first link is updated to obtain an updated first link; The updated first link is used as the second link.

6. A page display method, characterized in that: The method comprises: Intercepting a second link based on hypertext markup language, and parsing the second link to obtain a target parameter corresponding to the target pop-up window; wherein the second link is determined according to a modification instruction for a specified parameter in the first link based on hypertext markup language; The target pop-up window is displayed according to the target parameters corresponding to the target pop-up window.

7. A page display device, characterized in that: The device comprises: A receiving unit, configured to receive a modification instruction for a specified parameter in a first link based on hypertext markup language; The determination unit is used to modify the first link according to the modification instruction to obtain a second link, so that the client determines the target parameters of the target pop-up window based on the second link, and displays the target pop-up window with the target parameters.

8. A page display device, characterized in that: The device comprises: An interception unit, configured to intercept a second link based on a hypertext markup language, and parse the second link to obtain a target parameter corresponding to a target pop-up window; wherein the second link is determined according to a modification instruction for a specified parameter in the first link based on a hypertext markup language; A display unit is used to display the target pop-up window according to the target parameters corresponding to the target pop-up window.

9. An electronic device, characterized in that: include: processor; A memory, configured to store executable instructions of the processor; The processor is configured to perform the method of any one of claims 1 to 6 by executing the executable instructions.

10. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 6 is implemented.

Images