Page element visualization enhancement method and device, electronic equipment and storage medium

Abstract

The invention discloses a page element visualization enhancement method and device, electronic equipment and a storage medium. The method comprises the following steps: acquiring a plurality of page elements in a currently browsed page; a target special effect weight of each page element is obtained, and the target special effect weight of each page element represents the importance degree of each page element; determining a first page element from the plurality of page elements based on the target special effect weight of each page element; and adding a target special effect matched with the first page element to the first page element, and rendering and displaying the target special effect on the currently browsed page.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a method, device, electronic device and storage medium for enhancing visualization of page elements. Background Art

[0002] Currently, a visualization page can display multiple page elements (such as but not limited to image elements, function button elements, form elements, title elements, data elements, etc.), and users can obtain corresponding information by browsing the visualization page. However, the efficiency of users obtaining information from the page based on the existing implementation method is low, resulting in a poor user experience. Summary of the invention

[0003] The present application provides a method, device, electronic device and storage medium for enhancing the visualization of page elements, which improves the efficiency of users in obtaining information and thus enhances the user experience.

[0004] In a first aspect, the present application provides a method for enhancing the visualization of page elements, the method comprising:

[0005] Get multiple page elements in the current browsing page;

[0006] Obtaining a target special effect weight for each page element, wherein the target special effect weight for each page element indicates the importance of each page element;

[0007] Determine a first page element from the plurality of page elements based on a target special effect weight of each page element;

[0008] A target special effect matching the first page element is added to the first page element, and the first page element with the target special effect added is rendered and displayed on the current browsing page.

[0009] In a second aspect, the present application provides another method for enhancing the visualization of page elements, the method comprising:

[0010] In response to a triggering operation of the target object on a second page element in the currently browsed page, a special effect option menu corresponding to the second page element is displayed, wherein the special effect option menu includes a function icon corresponding to the target special effect;

[0011] In response to a triggering operation of the target object on the function icon, the second page element with the target special effect added is rendered and displayed on the current browsing page.

[0012] In a third aspect, the present application provides a device for enhancing visualization of page elements, the device comprising: a first acquisition unit and a first processing unit;

[0013] An acquisition unit, used to acquire multiple page elements in the currently browsed page;

[0014] The acquisition unit is further used to acquire the target special effect weight of each page element, wherein the target special effect weight of each page element represents the importance of each page element;

[0015] A processing unit, configured to determine a first page element from a plurality of page elements based on a target special effect weight of each page element;

[0016] The processing unit is further used to add a target special effect matching the first page element to the first page element, and render and display the first page element with the target special effect added on the current browsing page.

[0017] In a fourth aspect, the present application provides another device for enhancing the visualization of page elements, the device comprising: a second acquisition unit and a second processing unit;

[0018] A second acquisition unit, used for triggering an operation of a target object on a second page element in a currently browsed page;

[0019] A second processing unit is used to display a special effect option menu corresponding to the second page element in response to a trigger operation of the target object on the second page element in the current browsing page, wherein the special effect option menu includes a function icon corresponding to the target special effect;

[0020] The second processing unit is further used to render and display a second page element with a target special effect added on the current browsing page in response to a triggering operation of the target object on the function icon.

[0021] In a fifth aspect, the present application provides an electronic device, comprising: a processor and a memory, the processor being connected to the memory, the memory being used to store a computer program, and the processor being used to execute the computer program stored in the memory, so that the electronic device executes the method of the first aspect or the second aspect.

[0022] In a sixth aspect, the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the method of the first aspect or the second aspect is implemented.

[0023] In a seventh aspect, the present application provides a computer program product, which includes a computer program, and when the computer program is executed by a processor, it implements the method of the first aspect or the second aspect.

[0024] Implementing this application has the following beneficial effects:

[0025] First, the page element visualization enhancement device obtains multiple page elements in the current browsing page, and then the page element visualization enhancement device obtains the target special effect weight corresponding to each page element, wherein the target special effect weight of each page element represents the importance of each page element, and then the page element visualization enhancement device determines the first page element from the multiple page elements based on the target special effect weight of each page element, and then the page element visualization enhancement device adds a target special effect matching the first page element to the first page element, and renders and displays the first page element with the added target special effect on the current browsing page, that is, adding a matching target special effect to the first page element determined from the current browsing page and rendering and displaying it, the visualization effect of the first page element is enhanced, that is, the significance of the first page element in the current browsing page is enhanced, which can increase the attractiveness to the target object (such as the user), speed up the browsing efficiency of the target object on the current browsing page, and then improve the efficiency of the target object in obtaining information from the current browsing page, so as to enhance the user experience; and adding special effects to the page elements can increase the diversity of the display of page elements in the page, which can enhance the user's visual experience.

[0026] In addition, the page element visualization enhancement device can also respond to the trigger operation of the target object on the second page element in the current browsing page, and display a special effect option menu corresponding to the second page element, wherein the special effect option menu includes a function icon corresponding to the target special effect; then the page element visualization enhancement device responds to the trigger operation of the target object on the function icon corresponding to the target special effect, and renders and displays the second page element with the target special effect added on the current browsing page, that is, the target object can add the target special effect to the current browsing page or the second page element through the page element visualization enhancement device, which can not only improve the user's human-computer interaction experience, but also add special effects to the second page element, which can increase the diversity of the second page element displayed in the page, thereby enhancing the user's visual experience, and can also enhance the prominence of the second page element, speed up the target object's browsing efficiency of the current browsing page, thereby improving the efficiency of the target object in obtaining information from the current browsing page. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0028] Figure 1 A schematic diagram of a process for visualizing page elements provided in an embodiment of the present application;

[0029] Figure 2 A schematic diagram of a page element visualization enhancement provided in an embodiment of the present application;

[0030] Figure 3 A flowchart of another page element visualization method provided in an embodiment of the present application;

[0031] Figure 4 A schematic diagram of communication between a content script and a background script provided in an embodiment of the present application;

[0032] Figure 5 A schematic diagram of another page element visualization enhancement provided in an embodiment of the present application;

[0033] Figure 6 A schematic diagram of another page element visualization enhancement provided by an embodiment of the present application;

[0034] Figure 7 A block diagram of the functional units of a device for enhancing the visualization of page elements provided in an embodiment of the present application;

[0035] Figure 8 A block diagram of the functional units of another device for enhancing the visualization of page elements provided in an embodiment of the present application;

[0036] Fig. 9 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0037] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0038] The terms "first", "second", "third" and "fourth" etc. in the specification, claims and drawings of the present application are used to distinguish different objects, rather than to describe a specific order. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions. For example, a process, method, system, product or device that includes a series of steps or units is not limited to the listed steps or units, but optionally includes steps or units that are not listed, or optionally includes other steps or units inherent to these processes, methods, products or devices.

[0039] Reference to "embodiments" herein means that a particular feature, result, or characteristic described in conjunction with the embodiments may be included in at least one embodiment of the present application. The appearance of the phrase in various locations in the specification does not necessarily refer to the same embodiment, nor is it an independent or alternative embodiment that is mutually exclusive with other embodiments. It is explicitly and implicitly understood by those skilled in the art that the embodiments described herein may be combined with other embodiments.

[0040] See also Figure 1 , Figure 1 A flowchart of a page element visualization method provided in an embodiment of the present application.

[0041] The method is applied to a page element visualization enhancement device, which may be a client, such as a smart phone, a tablet computer, a laptop computer, a desktop computer, a smart TV, a desktop computer, a smart watch, a smart car, or other smart terminal, which is not specifically limited in this application; the method includes but is not limited to steps S101-S104:

[0042] S101, obtaining multiple page elements in the currently browsed page.

[0043] In an embodiment of the present application, the current browsing page is pre-rendered on a web browser of the client (such as FireFox, Chrome, Google Chrome, etc., which is not specifically limited in the present application); then obtaining multiple page elements in the current browsing page can be all page elements in the current browsing page, or any multiple page elements of all page elements in the current browsing page, and so on, which is not specifically limited in the present application.

[0044] S102: Obtain the target special effect weight of each page element.

[0045] In the embodiments of the present application, the target special effect weight of each page element represents the importance of each page element, or can be understood as representing the suitability of each page element for adding special effects. Among them, the target special effect weight of each page element can be preconfigured; optionally, the tag type of each page element can also be obtained, and then the target special effect weight corresponding to each page element is determined based on the tag type of each page element, such as based on the first mapping relationship between the preset tag type and the weight and the tag type of each page element, the target special effect weight corresponding to each page element is determined; optionally, the first interactive behavior of the target object for each page element at the current moment can also be obtained, and then the target special effect weight corresponding to each page element is determined based on the first interactive behavior corresponding to each page element at the current moment. For example, the first interactive behavior of the target object for each page element at the current moment may include the first number of interactions of the target object for each page element at the current moment (such as the number of touch clicks, etc.), and the first number of interactions of each page element is the number of interactions generated by the target object for each page element from the time when the target object starts browsing the current browsing page (or opens the current browsing page this time) to the current moment, then the target special effect weight corresponding to each page element can be determined based on the first number of interactions corresponding to each page element at the current moment, such as based on the second mapping relationship between the preset number of interactions and the special effect weight and the first number of interactions corresponding to each page element, the target special effect weight corresponding to each page element is determined.

[0046] In an optional embodiment, in terms of obtaining the target special effect weight of each page element, the historical interaction behavior of the target object with respect to each page element in the currently browsed page can also be obtained, as well as the first interaction behavior of the target object with respect to each page element at the current moment; then, based on the historical interaction behavior corresponding to each page element and the first interaction behavior corresponding to each page element at the current moment, the target special effect weight corresponding to each page element is determined. For example, the historical interaction behavior corresponding to each page element may include the number of historical interactions generated by the target object with respect to each page element before starting to browse the currently browsed page or opening the currently browsed page, and the first interaction behavior of the target object with respect to each page element at the current moment may include the first number of interactions (such as the number of touch clicks, etc.) of the target object with respect to each page element at the current moment, and the first number of interactions of each page element is the number of interactions generated by the target object with respect to each page element from the time when the target object starts to browse the currently browsed page (or opens the currently browsed page) to the current moment, that is, from the time when the target object starts to browse the currently browsed page The number of interactions generated by the target object on each page element between the current browsing page (or opening the current browsing page) and the current moment can be used to determine the target special effect weight corresponding to each page element based on the historical number of interactions corresponding to each page element and the first number of interactions corresponding to each page element at the current moment. For example, the third sub-special effect weight corresponding to each page element is determined based on the above-mentioned second mapping relationship and the historical number of interactions corresponding to each page element, and the fourth sub-special effect weight corresponding to each page element is determined based on the above-mentioned second mapping relationship and the first number of interactions corresponding to each page element at the current moment. Then, the target special effect weight corresponding to each page element is determined based on the third sub-special effect weight corresponding to each page element and the fourth sub-special effect weight corresponding to each page element. For example, the third sub-special effect weight and the fourth sub-special effect weight corresponding to each page element can be summed to obtain the target special effect weight corresponding to each page element, or the third sub-special effect weight and the fourth sub-special effect weight corresponding to each page element can be summed and averaged to obtain the target special effect weight corresponding to each page element.

[0047] In an optional embodiment, obtaining the target special effect weight of each page element may also be achieved through the following implementation:

[0048] First, obtain the properties of each page element and the interactive behavior of the target object with respect to each page element. For example, the properties of each page element may include one or more of a tag type (such as a title type, a button type, a form type, an image type, a background element type, etc.), a class name, a data attribute, etc. The interactive behavior of the target object with respect to each page element may include at least one of the historical interactive behavior of the target object with respect to each page element, the first interactive behavior of the target object with respect to each page element at the current moment, etc.

[0049] Then, based on the attributes of each page element, determine the first special effect weight corresponding to each page element. For example, based on the label type of each page element and the above-mentioned first mapping relationship, determine the fifth sub-special effect weight corresponding to each page element. For example, in order to facilitate the target object to browse the information on the page more quickly and prominently, the role played by the title, button, form presenting data, etc. on the page is crucial. The larger the target special effect weight of the page element with the label type of the title type, button type, form type, etc., that is, these page elements are more suitable for adding special effects rendering display, which can increase the prominence and facilitate the target object to quickly obtain information; and / or based on the class name corresponding to each page element, the third mapping relationship between the preset class name and the weight, determine the sixth sub-special effect weight corresponding to each page element; and / or based on the data attribute corresponding to each page element, the fourth mapping relationship between the preset data attribute and the weight, determine each The seventh sub-special effect weight corresponding to the page element; then based on the fifth sub-special effect weight corresponding to each page element and / or the sixth sub-special effect weight corresponding to each page element and / or the seventh sub-special effect weight corresponding to each page element, determine the first special effect weight corresponding to each page element. For example, any one of the fifth sub-special effect weight, the sixth sub-special effect weight, and the seventh sub-special effect weight corresponding to each page element can be determined as the first special effect weight corresponding to each page element, or the sum of any multiple sub-special effect weights among the fifth sub-special effect weight, the sixth sub-special effect weight, and the seventh sub-special effect weight corresponding to each page element can be determined as the first special effect weight corresponding to each page element, or any multiple sub-special effect weights among the fifth sub-special effect weight, the sixth sub-special effect weight, and the seventh sub-special effect weight corresponding to each page element can be summed and averaged to obtain the first special effect weight corresponding to each page element. This application does not make specific limitations.

[0050] In an optional embodiment, in terms of determining the first special effect weight corresponding to each page element based on the attributes of each page element, the attributes of each page element may include a tag type and a class name, and then the first sub-special effect weight corresponding to the tag type of each page element can be determined based on the tag type of each page element, such as determining the first sub-special effect weight corresponding to each page element based on the tag type of each page element and the above-mentioned preset first mapping relationship; and then determining the second sub-special effect weight corresponding to the class name of each page element based on the class name of each page element, such as determining the second sub-special effect weight corresponding to each page element based on the class name of each page element and the above-mentioned third mapping relationship. ; Then, the first sub-special effect weight corresponding to each page element and the second sub-special effect weight corresponding to each page element are determined according to the preset second weight determination rule, for example, the preset second weight determination rule can be to sum the first sub-special effect weight corresponding to each page element and the second sub-special effect weight corresponding to each page element to obtain the first special effect weight corresponding to each page element, or the preset second weight determination rule can also be to sum and average the first sub-special effect weight corresponding to each page element and the second sub-special effect weight corresponding to each page element to obtain the first special effect weight corresponding to each page element, etc., which are not specifically limited in this application. Or optionally, in determining the first special effect weight corresponding to each page element based on the attributes of each page element, the attributes of each page element can also be feature extracted to obtain the attribute features of each page element; based on the special effect weight determination model and the attribute features of each page element, the first special effect weight corresponding to each page element is determined, wherein the special effect weight determination model can be a pre-trained neural network model, which is not specifically limited in this application.

[0051] Then, based on the interaction behavior corresponding to each page element, the second special effect weight corresponding to each page element is determined, for example: first, based on the interaction behavior corresponding to each page element, the number of interactions of the target object with respect to each page element at the current moment is obtained, and then the mapping relationship between the preset number of interactions and the special effect weight is obtained, and then the second special effect weight corresponding to each page element is determined based on the mapping relationship between the preset number of interactions and the special effect weight and the number of interactions of each page element; optionally, the interaction behavior corresponding to each page element may include at least one of the historical interaction behavior of the target object with respect to each page element, the first interaction behavior of the target object with respect to each page element at the current moment, etc., and then the number of interactions corresponding to each page element at the current moment may include at least one of the historical number of interactions generated by the target object with respect to each page element before starting to browse the current browsing page or opening the current browsing page (such as the historical number of touch clicks on each page element), the first number of interactions of the target object with respect to each page element at the current moment (such as the number of touch clicks on each page element), etc.; then, when determining the second special effect weight corresponding to each page element based on the mapping relationship between the preset number of interactions and the special effect weight and the number of interactions of each page element, that is, based on the preset number of interactions and the special effect weight, the second special effect weight corresponding to each page element may be determined based on the mapping relationship between the preset number of interactions and the special effect weight. The mapping relationship between the preset number of interactions and the special effect weight, the historical number of interactions corresponding to each page element and / or the first number of interactions corresponding to each page element is used to determine the second special effect weight corresponding to each page element. For example, based on the mapping relationship between the preset number of interactions and the special effect weight, that is, the second mapping relationship in the above embodiment, and the historical number of interactions corresponding to each page element, the third sub-special effect weight corresponding to each page element is determined, and / or, based on the mapping relationship between the preset number of interactions and the special effect weight, that is, the second mapping relationship in the above embodiment, and the first number of interactions corresponding to each page element at the current moment, the fourth sub-special effect weight corresponding to each page element is determined, and then based on each page element The third sub-special effect weight corresponding to the surface element and / or the fourth sub-special effect weight corresponding to each page element are used to determine the target special effect weight corresponding to each page element. For example, the third sub-special effect weight corresponding to each page element or the fourth sub-special effect weight corresponding to each page element can be determined as the second special effect weight corresponding to each page element. The third sub-special effect weight and the fourth sub-special effect weight corresponding to each page element can also be summed to obtain the second special effect weight corresponding to each page element. The third sub-special effect weight and the fourth sub-special effect weight corresponding to each page element can also be summed and averaged to obtain the second special effect weight corresponding to each page element. This application does not make specific limitations.

[0052] Finally, the first special effect weight corresponding to each page element and the second special effect weight corresponding to each page element are determined according to the preset first weight determination rule to determine the target special effect weight of each page element. For example, the preset first weight determination rule can be to sum the first special effect weight corresponding to each page element and the second special effect weight corresponding to each page element to obtain the target special effect weight of each page element. The preset first weight determination rule can also be to sum and average the first special effect weight corresponding to each page element and the second special effect weight corresponding to each page element to obtain the target special effect weight of each page element. The first weight determination rule can also be to weighted sum and average the first special effect weight corresponding to each page element and the second special effect weight corresponding to each page element to obtain the target special effect weight of each page element. This application does not make specific limitations. It should be noted that the first weight determination rule preset in this application and the second weight determination rule preset in the above embodiment can be the same or different, and this application does not make limitations.

[0053] It should be noted that the present application does not limit the specific method of obtaining the target special effect weight of each page element.

[0054] S103: Determine a first page element from multiple page elements based on the target special effect weight of each page element.

[0055] In an embodiment of the present application, after obtaining the target special effect weight of each page element, a page element whose special effect weight is greater than a first threshold can be determined as the first page element, or a page element with the largest special effect weight among the multiple page elements can be determined as the first page element. That is to say, the number of first page elements can be one or more, and this application does not make a specific limitation. When the number of first page elements is multiple, the execution principle corresponding to each first page element is the same. The embodiment of the present application is mainly explained using a first page element as an example.

[0056] S104: Add a target special effect that matches the first page element to the first page element, and render and display the first page element with the target special effect added on the current browsing page.

[0057] In an embodiment of the application, after the first page element is determined, special effects processing can be performed on the first page element, such as adding a matching target special effect to the first page element. Before executing step S104, the target special effect that matches the first page element can also be obtained. For example: a preset special effects library is obtained, wherein the special effects library includes multiple candidate special effects; then based on the multiple candidate special effects in the special effects library, the target special effect that matches the first page element is determined, such as randomly selecting a special effect from the multiple candidate special effects in the special effects library as the target special effect that matches the first page element; optionally, the tag type of the first page element can also be obtained, as well as the historical usage count of each candidate special effect, and the corresponding special effect of each candidate special effect. user feedback degree, wherein the user feedback degree corresponding to each candidate special effect is determined based on an AB experiment; then, based on the tag type of the first page element, multiple candidate special effects in the special effect library are classified to obtain multiple second candidate special effects that match the tag type of the first page element; then, based on the multiple second candidate special effects, the number of historical uses of each second candidate special effect, and the user feedback degree of each second candidate special effect, a target special effect is determined from the multiple second candidate special effects, for example, based on the number of historical uses corresponding to each second candidate special effect, the multiple second candidate special effects are sorted in order from high to low according to the number of uses to obtain a first sequence, and based on the user feedback degree corresponding to each second candidate special effect, the multiple second candidate special effects are sorted in order from high to low according to the number of uses The first sequence is sorted in order from best to worst to obtain a second sequence, and then based on the sequence number of each second candidate special effect in the first sequence and the sequence number of each second candidate special effect in the second sequence, a target sequence number corresponding to each second candidate special effect is obtained, such as summing and averaging the sequence number of each second candidate special effect in the first sequence and the sequence number of each second candidate special effect in the second sequence to obtain the target sequence number corresponding to each second candidate special effect, or weighting and averaging the sequence number of each second candidate special effect in the first sequence and the sequence number of each second candidate special effect in the second sequence to obtain the target sequence number corresponding to each second candidate special effect, which is not specifically limited in this application; then based on the target sequence number corresponding to each second candidate special effect, the target sequence number corresponding to each second candidate special effect is determined. For example, based on the sixth mapping relationship between the preset serial number and the score and the target serial number corresponding to each second candidate special effect, the target score corresponding to each second candidate special effect is determined; then based on the target score corresponding to each second candidate special effect, the target special effect is determined from multiple second candidate special effects, such as the target special effect is the special effect with the highest target score among multiple second candidate special effects, or is the special effect with a target score greater than a preset score threshold among multiple second candidate special effects, that is, the number of target special effects can be one or more at this time. When the number of target special effects is multiple, they can be added to the first page element in sequence based on the order of the target score of each target special effect from large to small, and the first page element of each target special effect can be added in sequence on the current browsing page for rendering and display.

[0058] It should be noted that the types of special effects in the present application may include static special effects (such as bolding, enlarging, reducing, highlighting, etc. of page elements), dynamic special effects (such as adding animation effects to page elements, such as gradual appearance, fade-in and fade-out, transitions, etc.), etc., and this application does not make specific limitations.

[0059] Furthermore, a target special effect may be added to the first page element and the first page element with the target special effect added may be rendered and displayed on the current browsing page, so as to enhance the prominence of the first page element and thereby improve the efficiency of the target object in acquiring information.

[0060] In an optional embodiment, the first position information of the first page element on the currently browsed page can also be obtained. For example, a coordinate system can be created based on the currently browsed page, such as creating a coordinate system with any vertex of the currently browsed page as the center origin of the coordinate system. The first position information represents the coordinate information (including the horizontal coordinate and / or the vertical coordinate) of the first page element in the coordinate system, and is in pixels. The first page element can be composed of one or more first pixel points, and the first position information of the first page element can include the position information of each first pixel point in the coordinate system.

[0061] Then, based on the first position information, the display effect parameters corresponding to the target special effect corresponding to the first page element are determined, wherein the display effect parameters in the embodiment of the present application may include at least one of the effect duration, the effect delay duration, etc. Exemplarily, the window size information corresponding to the currently browsed page may be obtained (including the window width and / or the window height, in pixels, or including the window area of ​​the currently browsed page, or including the number of all pixels in the currently browsed page, which is not specifically limited in the present application); based on the first position information, the first size information of the first page element is obtained, for example, the first position information includes the position information of each first pixel corresponding to the first page element, then the element outline corresponding to the first page element may be determined based on the position information of each first pixel corresponding to the first page element, and then the first size information may be determined based on the element outline corresponding to the first page element, for example, the first size information is the element wheel corresponding to the first page element The area of ​​the outline, or the number of pixels in the element outline corresponding to the first page element; optionally, the minimum enclosing rectangle corresponding to the first page element can be determined based on the position information of each first pixel corresponding to the first page element, and then the size information of the minimum enclosing rectangle corresponding to the first page element (including the length and / or width of the minimum enclosing rectangle, in pixels) is determined as the first size information of the first page element, that is, the first size information of the first page element includes the length of the first page element (in this case, the length of the minimum enclosing rectangle) and / or the width (in this case, the width of the minimum enclosing rectangle), in pixels. The present application does not limit the specific implementation method of obtaining the first size information of the first page element.

[0062] Then, based on the window size information of the current browsing page and the first size information of the first page element, the effect duration is determined, for example, based on the window area of ​​the current browsing page in the window size information and the area of ​​the element outline in the first size information, the effect duration is determined; optionally, the effect duration can also be determined based on the window height in the window size information and the height of the first page element in the first size information; optionally, the effect duration can also be determined based on the number of all pixels in the current browsing page in the window size information and the number of pixels in the element outline in the first size information; optionally, the effect duration can also be determined based on the window width of the current browsing page in the window size information and the width of the first page element in the first size information. Exemplarily, the principle of determining the effect duration is described below using the window width and the width of the first page element as examples, as shown in formula (1):

[0063] T duration =target.width / window.inner.width×p(1)

[0064] Among them, T durationIndicates the duration of the effect, target.width indicates the width of the first page element in the first size information, window.inner.width indicates the window width of the currently browsed page in the window size information, and p is a constant. It can be seen that the duration of the effect indicates the total duration of the complete display of the target special effect. For the first page element with a larger width, the greater the significance for the target object, then the display rate of the target special effect can be slower, and correspondingly, the effect duration of the target special effect is longer. For the first page element with a smaller width, the smaller the significance for the target object, then the display rate of the target special effect cannot be too slow, so as to avoid the target special effect being unclear. Then the target special effect requires a shorter effect duration. The purpose of this is to determine the duration of the special effect according to the relative width of the page element in the entire window, so that when rendering and displaying special effects, the effect duration of page elements of different sizes can be reasonably adjusted according to their proportion in the page to maintain visual consistency and balance of dynamic effects. It should be noted that the principles of the above implementations other than determining the effect duration based on the window width and the width of the first page element are similar to the principle of formula (1), and will not be elaborated here one by one.

[0065] And / or, obtaining second position information of the top of the currently browsed page, wherein the second position information of the top of the currently browsed page includes position information (including horizontal coordinates and / or vertical coordinates, in pixels) of each second pixel point among all second pixel points corresponding to the top of the currently browsed page; then, determining the effect delay duration based on the first position information, the second position information, and the window size information, such as determining a first distance corresponding to a first page element based on the first position information and the second position information, wherein the first distance represents the distance between the first page element and the top of the currently browsed page (such as a vertical distance, and the calculation of the distance is not specifically limited in this application), such as obtaining the position information of a central pixel point of the first page element from the position information of each first pixel point included in the first position information, and then Then, based on the position information of the central pixel of the first page element and the position information of each of the second pixel points corresponding to the top of the currently browsed page, the first distance corresponding to the first page element is determined, that is, the vertical distance between the central pixel of the first page element and the top of the currently browsed page; then, based on the first distance corresponding to the first page element and the window size information, the effect delay duration is determined, for example, a first ratio of the first distance to the window height in the window size information is determined, and then based on the first ratio and a preset fifth mapping relationship, the effect delay duration corresponding to the first ratio is determined, wherein the fifth mapping relationship represents a mapping relationship between the effect delay duration and the ratio of the distance between the page element and the top of the currently browsed page; optionally, the effect delay duration can also be obtained by formula (2):

[0066] Tdelay =target.top / window.innerHeight×q(2)

[0067] Among them, T delay Indicates the effect delay time, target.top indicates the first distance, window.inner.Height indicates the window height of the current browsing page in the window size information, and q is a constant. It should be noted that if the page element is at a higher position at the top of the page, the corresponding effect delay time will be shorter, while if the page element is at a lower position at the bottom of the page, the corresponding effect delay time will be longer. Therefore, the delay time of the special effect can be determined according to the position of the page element in the page, which can make the elements in the page have a certain sense of hierarchy and naturalness in the special effect.

[0068] Finally, the target special effect is added to the first page element, and the first page element with the target special effect added is rendered and displayed on the current browsing page based on the effect duration, effect delay duration, etc. in the display effect parameters. It can be seen that the duration and delay time of the special effect are dynamically adjusted according to the position information and size information of the page element in the page, so as to achieve a more natural and smooth special effect, and through the relative proportion calculation method, it can ensure that page elements of different sizes and positions can obtain the effect display parameters suitable for their positions in the page, thereby improving the user experience and the visual appeal of the page.

[0069] In an optional embodiment, after the first page element with the target special effect added is rendered and displayed on the current browsing page, when a target event corresponding to the first page element is detected, the target special effect added to the first page element is cleared, wherein the target event is used to indicate that the rendering and display of the first page element with the target special effect added on the current browsing page is completed. Exemplarily, a monitor can be set on the client, and when the target special effect corresponding to the first page element is rendered and displayed on the current browsing page, a target event, such as an animationend event, is generated. That is, the first page element with the target special effect added on the current browsing page is obtained. The start time of the first page element and the effect duration of the first page element to which the target special effect is added when rendering and displaying the current browsing page are obtained, and then the end time of the first page element to which the target special effect is added when rendering and displaying the current browsing page is determined based on the start time and effect duration corresponding to the first page element, and then the target event is generated based on the end time corresponding to the first page element; then when the target event is detected by the monitor, the target special effect added to the first page element is cleared, which can ensure that the target object will not be disturbed by the special effect added previously when adding a special effect to the same page element next time, thereby ensuring the rendering and display effect of the special effect and providing a better user experience.

[0070] For ease of understanding, the following is a schematic illustration of the page element visualization enhancement method in the above embodiment. Figure 2 , Figure 2 A schematic diagram of a page element visualization enhancement provided by an embodiment of the present application. Figure 2 As shown, the current browsing page presented by the client includes multiple page elements (the element contents corresponding to the multiple page elements are AAAA, XXXX, BBBB, YYYY, CCCC, ZZZZ from left to right); then the client obtains the target special effect weight of each page element, and determines the first page element based on the target special effect weight of each page element, that is, Figure 2 Then add the corresponding target special effect to each first page element, and render and display each first page element with the added target special effect on the current browsing page. The target special effect corresponding to each page element can be a static special effect or a dynamic special effect. Figure 2 The effect of any frame of the target special effect of each first page element in the special effect rendering display process is illustrated, that is, Figure 2 The first page element with the element content "AAAA" shown presents an effect similar to edge glow, the first page element with the element content "YYYY" presents an effect similar to blur, rotate, and tilt, and the first page element with the element content "CCCC" presents an effect similar to blur, rotate, and tilt. It should be explained that Figure 2 The special effects shown are for illustration only and are not limiting.

[0071] See also Figure 3 , Figure 3 A flowchart of another page element visualization method provided in an embodiment of the present application.

[0072] The method is applied to a page element visualization enhancement device (not described in detail here), and the method includes but is not limited to steps S301-S302:

[0073] S301. In response to a triggering operation of a target object on a second page element in a currently browsed page, a special effect option menu corresponding to the second page element is displayed.

[0074] First, before executing the page element visualization method, you need to establish the client's communication permissions and script configuration. The client's communication permissions and script configuration need to be declared in the plugin's manifest.json file, for example:

[0075] "background":{

[0076] "scripts":["background.js"]

[0077] },

[0078] "content_scripts":[{

[0079] "js":["content.js"]

[0080] } ]

[0082] Among them, background.js specifies the background script or background script, and content.js specifies the content script. The background script runs in the background of the client's web browser and can be executed continuously without relying on the user's specific page status. The content script will be injected and run on each matching page. The content script is executed in the page context of the web browser. At this time, a communication connection between the background script and the content script is established. The content script can use the client's web browser such as Chrome's interface (Application Programming Interface, API) to achieve compatibility under multiple systems, so that the target object can achieve the visualization enhancement effect of the page elements of this application on different devices and platforms, and then send a message to the background script through the chrome.runtime.sendMessage method; accordingly, the background script uses the chrome.runtime.onMessage method to receive messages from the content script, and can use the callback function sendResponse to send a reply to the content script, thereby establishing a communication connection.

[0083] For example, see Figure 4 , Figure 4 A schematic diagram of communication between a content script and a background script provided in an embodiment of the present application. Figure 4As shown, assuming that the current browsing page (including page content, such as page elements) is presented by a web browser on the client, the target object can interact with the page content (such as touch, click, slide, etc.); a monitor can be set on the client (for monitoring the interaction events of the target object on the page presented by the client on the web browser); when the monitor detects that the target object has performed a first interaction event on the page of the web browser through the client, first data corresponding to the first interaction event is generated in the content script; then the content script sends the first data to the background script based on the chrome.runtime.sendMessage method; accordingly, the background script uses the chrome.runtime.onMessage method to receive the first data from the content script and stores it in local storage; then the background script uses the callback function sendResponse to send a reply to the first data to the content script; then the content script responds to the reply to the first data, and displays the response to the first interaction event on the page presented by the web browser. For example, if the first interaction event is to delete a certain content in the page, then the response to the first interaction event displayed on the page of the web browser is to delete the certain content.

[0084] Therefore, when the target object performs a trigger operation on the second page element in the current browsing page, the client displays a special effect option menu corresponding to the second page element in response to the trigger operation of the target object on the second page element in the current browsing page, wherein the special effect option menu includes a function icon corresponding to the target special effect, and the trigger operation of the target object on the second page element in the current browsing page can be touch, click, slide, select, etc. on the second page element, such as a right-click operation on the second page element, which is not limited in this application; optionally, after responding to the trigger operation of the target object on the second page element in the current browsing page, the client can also display a function panel, wherein the function panel includes special effect functions, such as the function panel can be generated using the chrome.contextMenus.create method; then the client displays a special effect option menu corresponding to the second page element in response to the trigger operation of the target object on the special effect function (such as a selection operation), which is not specifically limited in this application.

[0085] S302: In response to a triggering operation of the target object on the function icon, a second page element with a target special effect added is rendered and displayed on the current browsing page.

[0086] In an embodiment of the present application, the special effect option menu includes a function icon corresponding to a target special effect, or in other words, the special effect option menu includes a plurality of function icons corresponding to a plurality of first candidate special effects, and the plurality of first candidate special effects include the target special effect, and the plurality of first candidate special effects correspond one-to-one to the plurality of function icons, wherein the plurality of first candidate special effects can be obtained from a preset special effect library (Animate.css) or other special effect interaction sources. For example, before the client responds to a trigger operation of the target object on the function icon, when the target object performs a trigger operation such as a right-click selection operation on the second page element in the currently browsed page, the Math.random() method is used to generate a random number between a preset interval (e.g., 1 to 100), and then based on the random number, the special effect of the random number is obtained from the preset special effect library (Animate.css) or other special effect interaction sources, that is, a plurality of first candidate special effects are obtained, and then Multiple function icons corresponding to the multiple first candidate special effects are displayed in the special effect option menu. For example, the multiple function icons can correspond to the names of multiple first candidate special effects, or can be other customized forms, which are not specifically limited in the present application; optionally, the special effect option menu includes a function icon of a target special effect, and the principle of obtaining the target special effect is similar to the principle of obtaining the target special effect in the above embodiment, which will not be repeated here; then the target object can select the function icon corresponding to the target special effect from the special effect option menu to apply the target special effect to the second page element, and the client can respond to the target object's triggering operation on the function icon, such as a selection operation, to add the target special effect to the second page element, and render and display the second page element with the target special effect added on the current browsing page, for example, set the classList attribute of the second page element to the name of the target special effect, and then render and display the second page element with the target special effect added.

[0087] It should be noted that the principles of communication and interaction between the client, content script, and background script involved in steps S301-S302 can be referred to the explanations of the above-mentioned related embodiments, and will not be repeated here.

[0088] Furthermore, after the first page element with the target special effect added is rendered and displayed on the current browsing page, the target special effect added to the first page element can be cleared after the target special effect is rendered and displayed on the current browsing page. Exemplarily, when a target event corresponding to the first page element is detected, the target special effect added to the first page element is cleared, wherein the target event is used to indicate that the rendering and display of the first page element with the target special effect added on the current browsing page is completed. Exemplarily, a monitor can be set on the client to generate a target event, such as an animationend event, after the target special effect corresponding to the first page element is rendered and displayed on the current browsing page. That is to say, , obtain the start time of the first page element to which the target special effect is added when rendering and displaying the current browsing page, and obtain the effect duration of the first page element to which the target special effect is added when rendering and displaying the current browsing page, and then determine the end time of the first page element to which the target special effect is added when rendering and displaying the current browsing page based on the start time and effect duration corresponding to the first page element, and then generate a target event based on the end time corresponding to the first page element; then when the target event is detected by the monitor, clear the target special effect added to the first page element, which can ensure that the target object will not be interfered by the special effect added previously when adding special effects to the same page element next time, thereby providing a better user experience.

[0089] In an optional embodiment, the target special effect weight of the second page element is greater than the second threshold, that is, when the target object performs a trigger operation (such as touch, click, slide, select, right click, etc.) on the third page element in the current browsing page, the client target object performs a trigger operation on the third page element in the current browsing page to obtain the target special effect weight of the third page element, wherein the principle of obtaining the target special effect weight of the third page element is similar to the principle of obtaining the target special effect weight of each of the above-mentioned page elements, which will not be repeated here; if the target special effect weight of the third page element is less than (or equal to) the second threshold, no response is given, that is, the current browsing page will not change or update; if the target special effect weight of the third page element is greater than (or equal to) the second threshold, the special effect option menu corresponding to the third page element is displayed on the current browsing page, and the third page element is the second page element at this time, and then the client responds to the trigger operation of the target object on the target special effect in the special effect option menu, adds the target special effect to the second page element, and renders and displays it on the current browsing page.

[0090] For ease of understanding, the following is a detailed diagram. Figure 3 Examples are provided for illustration.

[0091] See also Figure 5 , Figure 5A schematic diagram of another page element visualization enhancement provided in an embodiment of the present application. Figure 5 As shown, when the target object triggers the second page element in the current browsing page, such as by right-clicking the second page element with the mouse, or by touching the second page element, which is not limited in this application, the client responds to the triggering operation of the target object on the second page element in the current browsing page, and displays a special effect option menu corresponding to the second page element, wherein the special effect option menu includes function icons corresponding to multiple special effects (i.e., special effect 1, special effect 2, ..., special effect n in sequence); when the target object triggers the function icon corresponding to the target special effect in the special effect option menu (i.e., special effect 2), such as by right-clicking special effect 2 with the mouse, or by touching special effect 2, which is not limited in this application, then in response to the triggering operation of the target object on the target special effect, a target special effect is added to the second page element, and the second page element with the target special effect added is rendered and displayed on the current browsing page. Assuming that the target special effect is a dynamic special effect, then Figure 5 The effect of any frame of the dynamic special effect in the special effect rendering display process is illustrated, that is, Figure 5 The rendering shown is similar to blur, rotate, tilt effects, and should be explained. Figure 5 The special effects shown are for illustration only and are not limiting.

[0092] See also Figure 6 , Figure 6 A schematic diagram of another page element visualization enhancement provided by an embodiment of the present application. Figure 6 As shown, when the target object triggers the second page element in the current browsing page, such as by right-clicking the second page element with a mouse, or by touching the second page element, which is not limited in this application, the client responds to the triggering operation of the target object on the second page element in the current browsing page, and displays a function panel, wherein the function panel includes a special effect function; then when the target object triggers the special effect function in the function panel, such as by right-clicking the special effect function with a mouse, or by touching the special effect function, which is not limited in this application, the client responds to the triggering operation (such as a selection operation) of the target object on the special effect function. , displaying a special effect option menu corresponding to the second page element, wherein the special effect option menu includes function icons corresponding to multiple special effects (i.e., special effect 1, special effect 2, ..., special effect n in sequence); when the target object triggers the function icon corresponding to the target special effect in the special effect option menu (i.e., special effect 2), such as by right-clicking special effect 2 with the mouse, or by touching special effect 2, which is not limited in this application, then in response to the target object's triggering operation on the target special effect, the target special effect is added to the second page element, and the second page element with the target special effect added is rendered and displayed on the current browsing page. Assuming that the target special effect is a dynamic special effect, the same applies. Figure 6 The effect of any frame of the dynamic special effect in the special effect rendering display process is illustrated, that is, Figure 6 The rendering shown is similar to the effects of blur, rotation, tilt, reflection, etc., and it should be stated that Figure 6 The special effects shown are for illustration only and are not limiting.

[0093] The following is an explanation of some of the scenarios involved in this application:

[0094] (1) Data visualization of the Energy Management System (EMS): The energy management system displays data such as energy usage and energy equipment status to users in a visualized form. However, since the types of energy data displayed on the page are large and the content is complex, it cannot be guaranteed that users can quickly obtain relevant information from the current page. Therefore, the page elements in the energy management system are visualized and enhanced by the page element visualization enhancement method in the embodiment of the present application. Specifically: the data page corresponding to the EMS system, that is, the current browsing page, is displayed by the client, and then the client obtains multiple page elements in the current browsing page, and obtains the target special effect weight of each page element, wherein the target special effect weight of each page element indicates the importance of each page element; then the client determines the first page element from the multiple page elements based on the target special effect weight of each page element; then the client adds a target special effect matching the first page element to the first page element, and renders and displays the first page element with the target special effect added on the current browsing page. Alternatively, the client responds to the triggering operation of the target object on the second page element in the currently browsed page, and displays a special effect option menu corresponding to the second page element, wherein the special effect option menu includes a function icon corresponding to the target special effect; then the client responds to the triggering operation of the target object on the function icon, and renders and displays the second page element with the target special effect added on the currently browsed page, which can increase the prominence of the page element, and can help the user obtain relevant information more intuitively and quickly, and then understand and analyze energy usage, and better manage and optimize energy.

[0095] (2) Data visualization of other data systems: The principles and effects are similar to those of the EMS system and will not be elaborated here.

[0096] (3) Visual enhancement of page elements in corresponding pages in other platforms and applications: The principles and effects are similar to those of the EMS system and will not be repeated here.

[0097] It can be seen that in an embodiment of the present application, a plurality of page elements in the currently browsed page are obtained through a page element visualization enhancement device, and then the page element visualization enhancement device obtains a target special effect weight corresponding to each page element, wherein the target special effect weight of each page element indicates the degree of importance of each page element, and then the page element visualization enhancement device determines a first page element from the plurality of page elements based on the target special effect weight of each page element, and then adds a target special effect matching the first page element to the first page element, and renders and displays the first page element with the target special effect added on the currently browsed page, that is, a matching target special effect is added to the first page element determined from the currently browsed page and rendered and displayed, thereby enhancing the visualization effect of the first page element, that is, The prominence of the first page element in the current browsing page is enhanced, which can increase the attractiveness to the target object (such as the user), speed up the browsing efficiency of the target object on the current browsing page, and then improve the efficiency of the target object in obtaining information from the current browsing page, so as to enhance the user experience; and adding special effects to page elements can increase the diversity of page elements displayed on the page, which can enhance the user's visual experience; in addition, the duration and delay time of the special effects are dynamically adjusted according to the position information and size information of the page elements on the page, so as to achieve a more natural and smooth special effect, and through the relative proportion calculation method, it can ensure that page elements of different sizes and positions can obtain effect display parameters suitable for their position in the page, thereby enhancing the user experience and the visual appeal of the page.

[0098] See also Figure 7 , Figure 7 This is a functional unit composition block diagram of a device for enhancing the visualization of page elements provided in an embodiment of the present application. The device for enhancing the visualization of page elements comprises: a first acquisition unit 701 and a first processing unit 702;

[0099] The first acquisition unit 701 is used to acquire multiple page elements in the current browsing page;

[0100] The first acquisition unit 701 is further used to acquire a target special effect weight of each page element, wherein the target special effect weight of each page element represents the importance of each page element;

[0101] A first processing unit 702 is configured to determine a first page element from a plurality of page elements based on a target special effect weight of each page element;

[0102] The first acquisition unit 701 is further configured to add a target special effect matching the first page element to the first page element, and render and display the first page element with the target special effect added on the current browsing page.

[0103] In one embodiment of the present application, in terms of obtaining the target special effect weight of each page element, the first processing unit 702 is specifically configured to:

[0104] Get the properties of each page element and the target object's interactive behavior for each page element;

[0105] Based on the attributes of each page element, determine a first special effect weight corresponding to each page element;

[0106] Based on the interactive behavior corresponding to each page element, determine the second special effect weight corresponding to each page element;

[0107] Based on a preset first weight determination rule, a first special effect weight corresponding to each page element, and a second special effect weight corresponding to each page element, a target special effect weight of each page element is determined.

[0108] In one embodiment of the present application, the attributes of each page element include a tag type and a class name. In determining the first special effect weight corresponding to each page element based on the attributes of each page element, the first processing unit 702 is specifically configured to:

[0109] Based on the tag type of each page element, determine a first sub-effect weight corresponding to the tag type of each page element;

[0110] Based on the class name of each page element, determine the second sub-effect weight corresponding to the class name of each page element;

[0111] Based on a preset second weight determination rule, the first sub-special effect weight corresponding to each page element, and the second sub-special effect weight corresponding to each page element, the first special effect weight corresponding to each page element is determined.

[0112] In one embodiment of the present application, in determining the second special effect weight corresponding to each page element based on the interactive behavior corresponding to each page element, the first acquisition unit 701 is specifically configured to:

[0113] Based on the interaction behavior corresponding to each page element, obtain the number of interactions of the target object with respect to each page element at the current moment;

[0114] Based on the preset mapping relationship between the number of interactions and the special effect weight and the number of interactions of each page element, the second special effect weight corresponding to each page element is determined.

[0115] In one embodiment of the present application, in terms of adding a target special effect matching the first page element to the first page element, and rendering and displaying the first page element with the target special effect added on the current browsing page, the first processing unit 702 is specifically configured to:

[0116] Obtaining first position information of a first page element on a currently browsed page;

[0117] Based on the first position information, determining a display effect parameter corresponding to a target special effect corresponding to the first page element;

[0118] A target special effect is added to the first page element, and the first page element with the target special effect added is rendered and displayed on the current browsing page based on the display effect parameter.

[0119] In one embodiment of the present application, the display effect parameter includes at least one of an effect duration and an effect delay duration. In determining the display effect parameter corresponding to the target special effect corresponding to the first page element based on the first position information, the first processing unit 702 is specifically configured to:

[0120] Get the window size information corresponding to the current browsing page;

[0121] Based on the first position information, obtaining first size information of the first page element;

[0122] Determine the effect duration based on the window size information and the first size information;

[0123] and / or,

[0124] Get the second position information of the top of the currently browsed page;

[0125] Based on the first position information, the second position information, and the window size information, the effect delay duration is determined.

[0126] In one embodiment of the present application, after the current browsing page renders and displays the first page element with the target special effect added, the first processing unit 702 is specifically configured to:

[0127] When a target event corresponding to the first page element is monitored, the target special effect added to the first page element is cleared, wherein the target event is used to indicate that the rendering and display of the first page element with the target special effect added on the current browsing page is completed.

[0128] In a specific implementation, the first acquisition unit 701 and the first processing unit 702 described in the embodiment of the present invention may execute other implementation methods described in the embodiment of the page element visualization enhancement method provided in the embodiment of the present invention, which will not be described in detail here.

[0129] See also Figure 8 , Figure 8 This is a functional unit block diagram of another device for enhancing the visualization of page elements provided in an embodiment of the present application. The device for enhancing the visualization of page elements includes: a second acquisition unit 801 and a second processing unit 802;

[0130] The second acquisition unit 801 is used to acquire the trigger operation of the target object for the second page element in the current browsing page;

[0131] The second processing unit 802 is used to display a special effect option menu corresponding to the second page element in response to a trigger operation of the target object on the second page element in the current browsing page, wherein the special effect option menu includes a function icon corresponding to the target special effect;

[0132] The second processing unit 802 is further configured to render and display the first page element with the target special effect added on the current browsing page in response to the triggering operation of the target object on the function icon.

[0133] In a specific implementation, the second acquisition unit 801 and the second processing unit 802 described in the embodiment of the present invention may execute other implementation methods described in the embodiment of the page element visualization enhancement method provided in the embodiment of the present invention, which will not be described in detail here.

[0134] See also Fig. 9 , Fig. 9 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. Fig. 9 As shown, the electronic device 900 includes a transceiver 901, a processor 902 and a memory 903. They are connected via a bus 904. The memory 903 is used to store computer programs and data, and can transmit the data stored in the memory 903 to the processor 902.

[0135] The processor 902 is used to read the computer program in the memory 903 and perform the following operations:

[0136] Control transceiver 901 to obtain multiple page elements in the current browsing page; control transceiver 901 to obtain the target special effect weight of each page element, wherein the target special effect weight of each page element indicates the importance of each page element; determine the first page element from the multiple page elements based on the target special effect weight of each page element; add a target special effect matching the first page element to the first page element, and render and display the first page element with the added target special effect on the current browsing page. Alternatively, in response to the trigger operation of the target object on the second page element in the current browsing page, display the special effect option menu corresponding to the second page element, wherein the special effect option menu includes a function icon corresponding to the target special effect; in response to the trigger operation of the target object on the function icon, render and display the second page element with the added target special effect on the current browsing page.

[0137] In one embodiment of the present application, in terms of obtaining the target special effect weight of each page element, the processor 902 is specifically configured to perform the following steps:

[0138] Get the properties of each page element and the target object's interactive behavior for each page element;

[0139] Based on the attributes of each page element, determine a first special effect weight corresponding to each page element;

[0140] Based on the interactive behavior corresponding to each page element, determine the second special effect weight corresponding to each page element;

[0141] Based on a preset first weight determination rule, a first special effect weight corresponding to each page element, and a second special effect weight corresponding to each page element, a target special effect weight of each page element is determined.

[0142] In one embodiment of the present application, the attributes of each page element include a tag type and a class name. In determining the first special effect weight corresponding to each page element based on the attributes of each page element, the processor 902 is specifically configured to perform the following steps:

[0143] Based on the tag type of each page element, determine a first sub-effect weight corresponding to the tag type of each page element;

[0144] Based on the class name of each page element, determine the second sub-effect weight corresponding to the class name of each page element;

[0145] Based on a preset second weight determination rule, the first sub-special effect weight corresponding to each page element, and the second sub-special effect weight corresponding to each page element, the first special effect weight corresponding to each page element is determined.

[0146] In one embodiment of the present application, in determining the second special effect weight corresponding to each page element based on the interactive behavior corresponding to each page element, the processor 902 is specifically configured to perform the following steps:

[0147] Based on the interaction behavior corresponding to each page element, obtain the number of interactions of the target object with respect to each page element at the current moment;

[0148] Based on the preset mapping relationship between the number of interactions and the special effect weight and the number of interactions of each page element, the second special effect weight corresponding to each page element is determined.

[0149] In one embodiment of the present application, in terms of adding a target special effect matching the first page element to the first page element, and rendering and displaying the first page element with the target special effect added on the current browsing page, the processor 902 is specifically configured to perform the following steps:

[0150] Obtaining first position information of a first page element on a currently browsed page;

[0151] Based on the first position information, determining a display effect parameter corresponding to a target special effect corresponding to the first page element;

[0152] A target special effect is added to the first page element, and the first page element with the target special effect added is rendered and displayed on the current browsing page based on the display effect parameter.

[0153] In one embodiment of the present application, the display effect parameter includes at least one of an effect duration and an effect delay duration. In determining the display effect parameter corresponding to the target special effect corresponding to the first page element based on the first position information, the processor 902 is specifically configured to perform the following steps:

[0154] Get the window size information corresponding to the current browsing page;

[0155] Based on the first position information, obtaining first size information of the first page element;

[0156] Determine the effect duration based on the window size information and the first size information;

[0157] and / or,

[0158] Get the second position information of the top of the currently browsed page;

[0159] Based on the first position information, the second position information, and the window size information, the effect delay duration is determined.

[0160] In one embodiment of the present application, after the current browsing page renders and displays the first page element with the target special effect added, the processor 902 is specifically configured to perform the following steps:

[0161] When a target event corresponding to the first page element is monitored, the target special effect added to the first page element is cleared, wherein the target event is used to indicate that the rendering and display of the first page element with the target special effect added on the current browsing page is completed.

[0162] Specifically, the transceiver 901 may be Figure 7 The first acquisition unit 701 of the apparatus for enhancing the visualization of page elements of the embodiment or Figure 8 The second acquisition unit 801 of the apparatus for enhancing the visualization of page elements of the embodiment, the processor 902 may be Figure 7 The first processing unit 702 of the page element visualization enhancement device of the embodiment or Figure 8 The second processing unit 802 of the page element visualization enhancement device of the embodiment.

[0163] In a specific implementation, the transceiver 901, processor 902, and memory 903 described in the embodiment of the present invention may also execute other implementation methods described in the embodiment of the page element visualization enhancement method provided in the embodiment of the present invention, which will not be repeated here.

[0164] It should be understood that the electronic devices in this application may include smart phones (such as Android phones, iOS phones, Windows Phone phones, etc.), tablet computers, PDAs, laptops, mobile Internet devices MID (Mobile Internet Devices, MID for short) or wearable devices, etc. The above electronic devices are only examples, not exhaustive, and include but are not limited to the above electronic devices. In practical applications, the above electronic devices may also include: smart vehicle terminals, computer equipment, etc.

[0165] An embodiment of the present application also provides a computer-readable storage medium, which stores a computer program. The computer program is executed by a processor to implement part or all of the steps of any page element visualization enhancement method recorded in the above method embodiments.

[0166] An embodiment of the present application also provides a computer program product, which includes a non-transitory computer-readable storage medium storing a computer program, and the computer program is operable to cause a computer to execute part or all of the steps of any page element visualization enhancement method recorded in the above method embodiments.

[0167] It should be noted that, for the aforementioned method embodiments, for the sake of simplicity, they are all expressed as a series of action combinations, but those skilled in the art should be aware that the present application is not limited by the described order of actions, because according to the present application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in the specification are all optional embodiments, and the actions and modules involved are not necessarily required by the present application.

[0168] In the above embodiments, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0169] In the several embodiments provided in the present application, it should be understood that the disclosed devices can be implemented in other ways. For example, the device embodiments described above are only schematic, such as the division of units, which is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, and the indirect coupling or communication connection of devices or units can be electrical or other forms.

[0170] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0171] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above integrated unit may be implemented in the form of hardware or in the form of a software program module.

[0172] If the integrated unit is implemented in the form of a software program module and sold or used as an independent product, it can be stored in a computer-readable memory. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, or all or part of the technical solution can be embodied in the form of a software product, which is stored in a memory and includes several instructions for a computer device (which can be a personal computer, server or network device, etc.) to perform all or part of the steps of each embodiment method of the present application. The aforementioned memory includes: U disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), mobile hard disk, disk or optical disk and other media that can store program codes.

[0173] A person skilled in the art can understand that all or part of the steps in the various methods of the above embodiments can be completed by instructing related hardware through a program, and the program can be stored in a computer-readable memory, and the memory can include: a flash drive, a read-only memory (English: Read-Only Memory, abbreviated as: ROM), a random access memory (English: Random Access Memory, abbreviated as: RAM), a magnetic disk or an optical disk, etc.

[0174] The embodiments of the present application are introduced in detail above. Specific examples are used in this article to illustrate the principles and implementation methods of the present application. The description of the above embodiments is only used to help understand the method of the present application and its core idea. At the same time, for those skilled in the art, according to the idea of ​​the present application, there will be changes in the specific implementation methods and application scope. In summary, the content of this specification should not be understood as a limitation on the present application.

Claims

1. A method for enhancing the visualization of page elements, characterized in that: The method comprises: Get multiple page elements in the current browsing page; Obtaining a target special effect weight for each page element, wherein the target special effect weight for each page element indicates the importance of each page element; Determining a first page element from the plurality of page elements based on a target special effect weight of each page element; A target special effect matching the first page element is added to the first page element, and the first page element with the target special effect added is rendered and displayed on the current browsing page.

2. The method according to claim 1, characterized in that The step of obtaining the target special effect weight of each page element includes: Obtaining the attributes of each page element and the interactive behavior of the target object with respect to each page element; Based on the attributes of each page element, determine a first special effect weight corresponding to each page element; Based on the interactive behavior corresponding to each page element, determine the second special effect weight corresponding to each page element; The first special effect weight corresponding to each page element and the second special effect weight corresponding to each page element are determined according to a preset first weight determination rule to determine the target special effect weight of each page element.

3. The method according to claim 2, characterized in that The attributes of each page element include a tag type and a class name. Determining the first special effect weight corresponding to each page element based on the attributes of each page element includes: Based on the tag type of each page element, determine a first sub-effect weight corresponding to the tag type of each page element; Based on the class name of each page element, determine the second sub-effect weight corresponding to the class name of each page element; The first sub-special effect weight corresponding to each page element and the second sub-special effect weight corresponding to each page element are determined according to a preset second weight determination rule to determine the first special effect weight corresponding to each page element.

4. The method according to claim 2 or 3, characterized in that: The determining, based on the interactive behavior corresponding to each page element, the second special effect weight corresponding to each page element includes: Based on the interaction behavior corresponding to each page element, obtain the number of interactions of the target object with respect to each page element at the current moment; Based on the preset mapping relationship between the number of interactions and the special effect weight and the number of interactions of each page element, the second special effect weight corresponding to each page element is determined.

5. The method according to any one of claims 1 to 4, characterized in that: The adding a target special effect matching the first page element to the first page element, and rendering and displaying the first page element with the target special effect added on the current browsing page, includes: Acquire first position information of the first page element on the currently browsed page; Based on the first position information, determining a display effect parameter corresponding to the target special effect corresponding to the first page element; The target special effect is added to the first page element, and the first page element with the target special effect added is rendered and displayed on the current browsing page based on the display effect parameter.

6. The method according to claim 5, characterized in that The display effect parameter includes at least one of an effect duration and an effect delay duration, and determining the display effect parameter corresponding to the target special effect corresponding to the first page element based on the first position information includes: Obtaining window size information corresponding to the current browsing page; Based on the first position information, obtaining first size information of the first page element; Determining the effect duration based on the window size information and the first size information; and / or, Get the second position information of the top of the currently browsed page; The effect delay duration is determined based on the first position information, the second position information, and the window size information.

7. The method according to any one of claims 1 to 6, characterized in that: After rendering and displaying the first page element with the target special effect added on the current browsing page, the method further includes: When a target event corresponding to the first page element is monitored, the target special effect added to the first page element is cleared, wherein the target event is used to indicate that the rendering and display of the first page element with the target special effect added on the current browsing page is completed.

8. A method for enhancing the visualization of page elements, characterized in that: The method comprises: In response to a triggering operation of a target object on a second page element in a currently browsed page, a special effect option menu corresponding to the second page element is displayed, wherein the special effect option menu includes a function icon corresponding to the target special effect; In response to the triggering operation of the target object on the function icon, the second page element with the target special effect added is rendered and displayed on the current browsing page.

9. A device for enhancing the visualization of page elements, characterized in that: The device comprises a first acquisition unit and a processing unit; The acquisition unit is used to acquire multiple page elements in the currently browsed page; The acquisition unit is further used to acquire a target special effect weight of each page element, wherein the target special effect weight of each page element represents the importance of each page element; The processing unit is used to determine the first page element from the plurality of page elements based on the target special effect weight of each page element; The processing unit is further used to add a target special effect matching the first page element to the first page element, and render and display the first page element with the target special effect added on the current browsing page.

10. A device for enhancing the visualization of page elements, characterized in that: The device comprises a second acquisition unit and a second processing unit; The second acquisition unit is used for triggering an operation of the target object on a second page element in the currently browsed page; The second processing unit is used to display a special effect option menu corresponding to the second page element in response to the triggering operation of the target object on the second page element in the current browsing page, wherein the special effect option menu includes a function icon corresponding to the target special effect; The second processing unit is further configured to render and display the second page element with the target special effect added thereto on the current browsing page in response to a triggering operation of the target object on the function icon.

11. An electronic device, characterized in that: include: A processor and a memory, wherein the processor is connected to the memory, the memory is used to store a computer program, and the processor is used to execute the computer program stored in the memory, so that the electronic device executes the method as described in any one of claims 1 to 8.

12. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, and the computer program is executed by a processor to implement the method according to any one of claims 1 to 8.

Images