Web page quality monitoring method, device, equipment, and storage medium

Abstract

The present disclosure provides a web page quality monitoring method, device, equipment and storage medium. It relates to the field of computer network technology, and specifically to the fields of web page rendering, web page display, web page monitoring, etc. The specific implementation scheme is: determine multiple target pages from multiple pages of the target product line; intercept the first state image and the second state image of the multiple target pages, the first state image is an image of pre-rendered content, the second state image is an image of real rendered content, and the first state image is displayed earlier than the second state image; analyze the first state image and the second state image of the multiple target pages to obtain the web page quality monitoring result of the target product line. According to the technical scheme of the present disclosure, the quality of the web page can be effectively monitored and the efficiency of web page quality monitoring can be improved.

Description

Technical Field

[0001] The present disclosure relates to the field of computer network technologies, and particularly to fields such as web page rendering, web page display, and web page monitoring. Background Art

[0002] In order to improve the performance of web page landing pages, the applicant has proposed a server-side pre-rendering processing method in other patents, that is, rendering the page content in advance, specifically setting the pre-rendered page content above the real page content, and removing the pre-rendered page content after the real page content is rendered, so that users can see the content of the first screen as soon as possible. Therefore, it is crucial to ensure the consistency between the pre-rendered page content and the real page content, and how to monitor the web page quality has become a technical problem to be solved urgently. Summary of the Invention

[0003] The present disclosure provides a method, apparatus, device, and storage medium for monitoring web page quality.

[0004] According to a first aspect of the present disclosure, there is provided a method for monitoring web page quality, including:

[0005] Determining a plurality of target pages from multiple pages of a target product line;

[0006] Capturing a first state image and a second state image of the plurality of target pages, where the first state image is an image of pre-rendered content, the second state image is an image of real-rendered content, and the first state image is displayed earlier than the second state image;

[0007] Analyzing the first state image and the second state image of the plurality of target pages to obtain a web page quality monitoring result of the target product line.

[0008] According to a second aspect of the present disclosure, there is provided a web page quality monitoring apparatus, including:

[0009] A determining module, configured to determine a plurality of target pages from multiple pages of a target product line;

[0010] A capturing module, configured to capture a first state image and a second state image of the plurality of target pages, where the first state image is an image of pre-rendered content, the second state image is an image of real-rendered content, and the first state image is displayed earlier than the second state image;

[0011] A monitoring module, configured to analyze the first state image and the second state image of the plurality of target pages to obtain a web page quality monitoring result of the target product line.

[0012] According to a third aspect of the present disclosure, there is provided an electronic device, including:

[0013] At least one processor; and

[0014] A memory communicatively connected to the at least one processor; wherein,

[0015] The memory stores instructions executable by the at least one processor, and when the instructions are executed by the at least one processor, the at least one processor is enabled to execute the method provided in the above first aspect.

[0016] According to a fourth aspect of the present disclosure, a non-transitory computer-readable storage medium storing computer instructions is provided, wherein the computer instructions are used to cause the computer to execute the method provided in the above first aspect.

[0017] According to a fifth aspect of the present disclosure, a computer program product is provided, including a computer program which, when executed by a processor, implements the method provided in the above first aspect.

[0018] Embodiments of the present disclosure can effectively monitor the quality of web pages and improve the efficiency of web page quality monitoring.

[0019] It should be understood that the content described in this part is not intended to identify the key or important features of the embodiments of the present disclosure, nor is it used to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The drawings are used to better understand the solution and do not constitute a limitation to the present disclosure. Among them:

[0021] Figure 1 is a schematic diagram of the pre-rendered page parsing processing flow according to an embodiment of the present disclosure;

[0022] Figure 2 is a schematic diagram of the flow of the web page quality monitoring method according to an embodiment of the present disclosure;

[0023] Figure 3 is a schematic diagram of the web page quality monitoring result according to an embodiment of the present disclosure;

[0024] Figure 4 is a flowchart of the web page quality monitoring processing according to an embodiment of the present disclosure;

[0025] Figure 5 is a schematic diagram of the composition structure of the web page quality device according to an embodiment of the present disclosure;

[0026] Figure 6 is a schematic diagram of the scenario of web page quality monitoring according to an embodiment of the present disclosure;

[0027] Figure 7It is a block diagram of an electronic device for implementing the web page quality monitoring method of the embodiments of the present disclosure. Detailed implementation manners

[0028] The following describes exemplary embodiments of the present disclosure with reference to the accompanying drawings. Various details of the embodiments of the present disclosure are included to assist in understanding, and they should be considered merely exemplary. Therefore, those of ordinary skill in the art should recognize that various changes and modifications can be made to the embodiments described herein without departing from the scope and spirit of the present disclosure. Similarly, for the sake of clarity and conciseness, descriptions of well-known functions and structures are omitted in the following description.

[0029] The terms "first", "second", "third", etc. in the description, claims and the above drawings of the present disclosure are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. In addition, the terms "include" and "have" and any variations thereof are intended to cover non-exclusive inclusion. For example, a method, system, product or device including a series of steps or units does not have to be limited to those steps or units clearly listed, but may include other steps or units not clearly listed or inherent to these processes, methods, products or devices.

[0030] As described in the background art above, in order to improve the performance of the web page landing page, the applicant has proposed a server-side pre-rendering processing method to allow users to see the content of the first screen as soon as possible. By adopting the server-side pre-rendering processing method, while improving the user experience, it can further enhance the conversion ability of the web page. The pre-rendered page parsing and processing flow is as Figure 1 shown. An operation of opening a web page is received; a Hyper Text Markup Language (HTML) is loaded and parsed; while the pre-rendered content layer is displayed, the real-rendered content layer is loaded. After the real-rendered content layer is loaded, the pre-rendered content layer is removed, and the real content of the real-rendered content layer is displayed, and page interaction is supported. It can be seen that the pre-rendered content is above the real-rendered content, and when the real-rendered content is completed, the pre-rendered content will be removed.

[0031] Therefore, server-side pre-rendering renders the page content in advance, and it is crucial to ensure the consistency between the pre-rendered content and the real content. Based on this, in order to ensure the consistency between the pre-rendered content and the real content of the page (only looking at the first screen here), the present disclosure proposes a web page quality monitoring method to routinely inspect the page content, thereby ensuring the page quality.

[0032] An embodiment of the present disclosure provides a method for monitoring web page quality. The method for monitoring web page quality can be applied to an electronic device, which includes but is not limited to a fixed device and / or a mobile device. For example, the fixed device includes but is not limited to a server, and the server can be a cloud server or a general server. For example, the mobile device includes but is not limited to one or more of a mobile phone or a tablet computer. As Figure 1 shown, the method for monitoring web page quality includes:

[0033] S201: Determine a plurality of target pages from multiple pages of a target product line;

[0034] S202: Capture a first state image and a second state image of the plurality of target pages. The first state image is an image of pre-rendered content, and the second state image is an image of real-rendered content. The first state image is displayed earlier than the second state image;

[0035] S203: Analyze the first state image and the second state image of the plurality of target pages to obtain a web page quality monitoring result of the target product line.

[0036] In an embodiment of the present disclosure, the target product line is a product line for providing promotion or publicity services for a target object. The target object is not limited in the embodiment of the present disclosure. For example, the target object can be a medical product, a hardware product, a clothing product, a food product, etc. The above is only an exemplary illustration and does not limit all possible forms of the target object. Only here, it is not enumerated.

[0037] In an embodiment of the present disclosure, the number of target product lines is not limited. The electronic device can support multiple product lines, and different product lines can provide service support for different target objects.

[0038] In an embodiment of the present disclosure, the target page is a page whose access volume reaches a certain threshold. Here, the thresholds corresponding to different product lines can be different. The thresholds corresponding to different product lines can be set according to the page structure properties of the product line or according to the popularity of the products supported by the product line.

[0039] In an embodiment of the present disclosure, the first state image is an image of pre-rendered content, that is, an image that has been pre-rendered. Here, the pre-rendered content is the page content presented for the first time when receiving an instruction to open a product link on the target product line.

[0040] In an embodiment of the present disclosure, the second state image is an image of real-rendered content, that is, an image generated after rendering according to the loaded components. Here, the real-rendered content is the page content presented for the second time when receiving an instruction to open a product link on the target product line. Here, the second time is later than the first time. The real-rendered content is the content presented after the pre-rendered content is removed.

[0041] In the embodiments of the present disclosure, the web page quality monitoring result includes the comparison result between the first content (pre-rendered content) and the second content (real-rendered content) of each target page. Here, the comparison result can be represented by similarity. The web page quality monitoring result may further include annotation information on the differences between the first content (at least part of the pre-rendered content) and the second content (at least part of the real-rendered content). The web page quality monitoring result may further include the link address of the first content (at least part of the pre-rendered content) and the link address of the second content (at least part of the real-rendered content). The above is only an exemplary illustration and does not limit all possible contents included in the web page quality monitoring result. Here, an exhaustive list is not provided.

[0042] The technical solution of the embodiments of the present disclosure determines a plurality of target pages from multiple pages of the target product line; intercepts the first state image and the second state image of the plurality of target pages; analyzes the first state image and the second state image of the plurality of target pages to obtain the web page quality monitoring result of the target product line; in this way, effective monitoring of the web page quality of the target product line can be achieved. In addition, compared with analyzing all pages of the target product line, since a plurality of target pages determined from the pages of the target product line are analyzed, while ensuring an effective analysis range, not only the amount of analysis data is reduced, but also it helps to quickly obtain the web page quality monitoring result, improving the efficiency of web page quality monitoring.

[0043] In some embodiments, determining a plurality of target pages from multiple pages of the target product line includes: in the case where the page structure of the target product line is not fixed, screening out a first number of pages from the pages with the access volume reaching the first threshold until it is determined that the total number of page components included in the first number of pages meets a preset condition; in the case where the total number of page components included in the first number of pages meets the preset condition, determining a plurality of target pages according to the first number of pages.

[0044] Here, the page structure not being fixed can be understood as the components of the page not being fixed. For example, the interface compositions of different e-commerce applications are different. The page of Application A consists of ten major parts, the page of Application B consists of five major parts, and the page of Application C consists of seven major parts.

[0045] Here, the first threshold can be set in advance or can be set or adjusted according to actual situations such as external environmental factors like holidays or promotions. For example, the first threshold is 500 or 1000. It should be understood that the value of the first threshold is only illustrative and not limiting.

[0046] Here, the first quantity can be preset, and can be set or adjusted according to actual situations such as external environmental factors like holidays or promotions. For example, the first quantity is 1000 to 2000. It should be understood that the value of the first quantity is merely illustrative and not limiting.

[0047] In some embodiments, the preset condition includes: the ratio between the total number of components included in the pages of the first quantity and the total number of components of the target product line reaches a first ratio.

[0048] In some embodiments, the preset condition includes: the ratio between the total number of different components included in the pages of the first quantity and the total number of components of the target product line reaches a second ratio.

[0049] In some embodiments, the preset condition includes: the total number of components included in the pages of the first quantity is greater than a first set value.

[0050] In some embodiments, the preset condition includes: the total number of different components included in the pages of the first quantity is greater than a second set value.

[0051] For example, count the pages whose access volume to the target product line reaches a first threshold; screen out the pages of the first quantity from the pages whose access volume reaches the first threshold; when the total number of page components included in the pages of the first quantity meets the preset condition, determine multiple target pages according to the pages of the first quantity; when the total number of page components included in the pages of the first quantity does not meet the preset condition, rescreen out the pages of the first quantity from the pages whose access volume reaches the first threshold until the total number of page components included in the pages of the first quantity meets the preset condition, and then determine multiple target pages according to the pages of the first quantity.

[0052] In this way, multiple target pages can be determined according to the characteristics of the target product line, which helps to improve the efficiency of web page quality monitoring.

[0053] In some embodiments, determining multiple target pages from multiple pages of the target product line includes: when the page structure of the target product line is fixed, screen out the pages of a second quantity from the pages whose access volume reaches a second threshold; determine multiple target pages according to the pages of the second quantity.

[0054] Here, the second threshold can be preset, or can be set or adjusted according to actual situations such as holidays or promotions. For example, the second threshold is 500 or 200. It should be noted that the second threshold can be the same as the first threshold or different from the first threshold. It should be understood that the value of the second threshold is merely illustrative and not limiting.

[0055] Here, the second quantity can be preset and can be set or adjusted according to actual situations such as holidays or promotions. The second quantity is less than the first quantity. For example, the second quantity is 5 to 20. It should be understood that the value of the second quantity is only illustrative and not restrictive.

[0056] For example, count the pages where the access volume of the target product line reaches the second threshold; randomly select the second quantity of pages from the pages where the access volume reaches the second threshold; determine multiple target pages based on the second quantity of pages.

[0057] Another example, count the pages where the access volume of the target product line reaches the second threshold; select the second quantity of pages from the pages where the access volume reaches the second threshold; when the total number of page components included in the second quantity of pages meets certain conditions, determine multiple target pages based on the second quantity of pages; when the total number of page components included in the second quantity of pages does not meet the certain conditions, re-select the second quantity of pages from the pages where the access volume reaches the second threshold until the total number of page components included in the second quantity of pages meets the certain conditions, and then determine multiple target pages based on the second quantity of pages.

[0058] In this way, multiple target pages are determined according to the characteristics of the target product line. Specifically, when the page structure of the target product line is fixed, multiple target pages are determined based on the second quantity of pages, reducing the data volume of the target pages to be analyzed, which helps to improve the efficiency of web page quality monitoring.

[0059] In some embodiments, after determining multiple target pages, it may further include: constructing multiple sets based on the multiple target pages; determining at least one target set from the multiple sets, where the ratio between the total number of different page components included in the target set and the total number of page components of the target product line reaches a preset ratio; determining the smallest set from the at least one target set, where the number of target pages in the smallest set is the smallest; using the target pages included in the smallest set as the multiple target pages.

[0060] For example, construct M sets based on N target pages, and each set includes at least 2 target pages. If sets M1, M2, and M3 can all meet the condition that the ratio between the total number of different page components included and the total number of page components of the target product line reaches the preset ratio, set M1 includes n1 target pages, set M2 includes n2 target pages, set M3 includes n3 target pages, and n1 < n2 < n3, then use the n1 target pages in set M1 as the multiple target pages in S202.

[0061] In this way, the number of multiple target pages determined can be minimized, which helps to further improve the efficiency of web page quality monitoring.

[0062] In some embodiments, intercepting the first state images of multiple target pages includes: when accessing the multiple target pages, appending a preset parameter to the access link, where the preset parameter is used to indicate that the pre-rendered content is not removed during the display process; and intercepting the first state images of the multiple target pages.

[0063] In the embodiments of the present disclosure, the preset parameter can be preset in advance, or can be set or adjusted according to user requirements. For example, the preset parameter is a = 1. Another example is that the preset parameter is b = 5. It should be understood that the setting and value of the preset parameter are merely illustrative and not restrictive.

[0064] For example, when intercepting the first state image, append a preset parameter (such as a = 1) to the end of the access link, so that even if the engine parser has rendered the real content of the page, but when detecting this preset parameter, it will not remove this preset parameter, thus ensuring that an accurate first state image can be obtained, providing an accurate data basis for calculating the similarity between the first state image and the second state image subsequently.

[0065] In this way, by appending a preset parameter to the access link when accessing multiple target pages, it is possible to ensure that the first state images including the pre-rendered content are intercepted, which helps to improve the accuracy of the web page quality monitoring results.

[0066] In some embodiments, intercepting the second state images of multiple target pages includes: in response to detecting the disappearance of the preset label in the multiple target pages, starting to intercept the image, and taking the intercepted image as the second state image. Wherein, the preset label is used to represent that the first state image is displayed on the target page. That is: when the preset label exists, the first state image is displayed on the target page.

[0067] Here, the preset label can be preset in advance. For example, the preset label is id = snapshoot. If it is detected that there is a preset label of id = snapshoot, at this time the page displays the pre-rendered content and no screenshot operation is performed; until this preset label is not detected, the screenshot is started to obtain the second state image.

[0068] In this way, by detecting the presence or absence of the preset label to determine whether to start intercepting the second state image, it is possible to ensure that the second state images including the real rendered content are intercepted, which helps to improve the accuracy of the web page quality monitoring results.

[0069] In some embodiments, the first state image and the second state image of the multiple target pages are analyzed to obtain the web page quality monitoring result of the target product line, including: identifying the first content of the multiple target pages from the first state image of the multiple target pages; identifying the second content of the multiple target pages from the second state image of the multiple target pages; determining the similarity between the first content and the second content of the multiple target pages; and obtaining the web page quality monitoring result of the target product line according to the similarity of the multiple target pages.

[0070] Here, the first content is at least part of the prerendered content.

[0071] Here, the second content is at least part of the real-rendered content.

[0072] In some embodiments, determining the similarity between the first content and the second content of the target page includes: comparing the first object at the first position in the first content with the second object at the first position in the second content to obtain the first similarity at the first position; and weighted averaging the similarities at each first position in the target page to obtain the similarity between the first content and the second content of the target page. In this way, the overall similarity between the prerendered content and the real-rendered content of the target page can be obtained.

[0073] In some embodiments, determining the similarity between the first content and the second content of the target page includes: comparing the first object at the target position in the first content with the second object at the target position in the second content to obtain the first similarity at the target position; and using the similarity at the target position in the target page as the similarity between the first content and the second content of the target page. Here, the target position can be a pre-specified position or a randomly determined position. In this way, the calculation amount of the similarity can be reduced.

[0074] Figure 3 A schematic diagram showing the web page quality monitoring result is as Figure 3 As shown, in this web page quality monitoring result, the first state image and the second state image, as well as the similarity between the first state image and the second state image are given. In this web page quality monitoring result, the link address (test link address) of the first state image and the link address (baseline link address) of the second state image can also be given. In this web page quality monitoring result, relevant information about the first state image and the second state image, such as annotation results, annotation data, etc., can also be given. Figure 3 In, the different parts between the first state image and the second state image are marked with a dashed box. It should be understood that Figure 3 The monitoring result shown is merely illustrative and not restrictive, and those skilled in the art can be based on Figure 3Various obvious changes and / or substitutions are made to the examples, and the resulting technical solutions still fall within the scope of the disclosure of the embodiments of the present disclosure.

[0075] In this way, according to the similarity between the pre-rendered content and the real-rendered content, the web page quality monitoring result is obtained, making the web page quality monitoring result clear, easy to identify, and easy to track, and then facilitating the subsequent rectification of pages that do not meet the expectations.

[0076] In some embodiments, the web page quality monitoring method may further include: outputting an alarm message based on a target page whose similarity in the web page quality monitoring result is less than a third threshold.

[0077] Here, the alarm message is used to remind that the current target page does not meet the expectations. Here, the expectation can be understood as not reaching the expected similarity value, that is, the third threshold.

[0078] Here, the prompting methods of the alarm message include but are not limited to text prompts, voice prompts, or alarm prompters, etc. The present disclosure does not limit the prompting method.

[0079] Here, the third threshold can be set or adjusted according to the accuracy requirement or the speed requirement. For example, the third threshold is 90%.

[0080] In this way, by promptly sending out the alarm message, it helps to quickly recall the pages that do not meet the expectations and rectify the pages that do not meet the expectations, thereby improving the page performance.

[0081] Figure 4 Shows a schematic flowchart of a web page quality monitoring process, such as Figure 4As shown in the figure, the process may include: taking the monitoring of product line A, product line B, product line C, and product line D as an example, regularly retrieving high-traffic (Page View, PV) pages of each product line, such as PV > 500; according to the characteristics of each product line, the page components of some product lines are fixed, such as product line A, product line B, and product line C, then a small number of pages (such as about 10) can be screened; the page components of some product lines are not fixed, such as product line D, then a large number of pages (such as 2000) are retrieved. By viewing the database, find out the composition of the page components of each product line. According to the analysis of the number of components on the first screen of the pre-rendered page, for example, if the average number of components on the first screen is 5, then pages including more than 5 components will be selected. If more than 90% of the components of product line D can be covered by the components on the first screen of these 2000 pages of product line D, then filter the same components in the pages, and the smallest page set can cover the most components, and then take screenshots of the pages in the smallest page set. Each page screenshot is finally assembled into a test report. In the test report, screenshots of the pre-rendered content and the real content are shown, and at the same time, the picture similarity value is given. This test report can adopt the form of a UI-Diff report, which is more intuitive compared to the test report determined by code analysis.

[0082] It should be understood that Figure 4 the flowchart shown is merely illustrative and not restrictive. Those skilled in the art can make various obvious changes and / or substitutions based on Figure 4 the examples, and the obtained technical solutions still fall within the scope of the disclosure of the embodiments of the present disclosure.

[0083] Figure 5 is a schematic structural diagram of a web page quality monitoring device according to an embodiment of the present disclosure. As Figure 5 shown, the web page quality monitoring device may include:

[0084] A determination module 501, configured to determine a plurality of target pages from a plurality of pages of a target product line;

[0085] A capture module 502, configured to capture a first state image and a second state image of the plurality of target pages, where the first state image is an image of pre-rendered content, the second state image is an image of real-rendered content, and the first state image is displayed earlier than the second state image;

[0086] A monitoring module 503, configured to analyze the first state image and the second state image of the plurality of target pages to obtain a web page quality monitoring result of the target product line.

[0087] In some embodiments, the determination module 501 may include: a first determination sub-module, configured to, when the page structure of the target product line is not fixed, screen out a first number of pages from the pages whose access volume reaches a first threshold until it is determined that the total number of page components included in the first number of pages meets a preset condition; when the total number of page components included in the first number of pages meets the preset condition, determine a plurality of target pages according to the first number of pages.

[0088] In some embodiments, the determination module 501 may include:

[0089] A second determination sub-module, configured to, when the page structure of the target product line is fixed, screen out a second number of pages from the pages whose access volume reaches a second threshold; determine a plurality of target pages according to the second number of pages.

[0090] In some embodiments, the determination module 501 may further include:

[0091] A construction sub-module, configured to construct a plurality of sets according to the plurality of target pages;

[0092] A third determination sub-module, configured to determine at least one target set from the plurality of sets, where the ratio between the total number of different page components included in the target set and the total number of page components of the target product line reaches a preset ratio;

[0093] A fourth determination sub-module determines a minimum set from the at least one target set, and the number of target pages in the minimum set is the smallest;

[0094] A fifth determination sub-module, configured to use the target pages included in the minimum set as the plurality of target pages.

[0095] In some embodiments, the interception module 502 may include:

[0096] A first interception sub-module, configured to, when accessing the plurality of target pages, append a preset parameter to the access link, where the preset parameter is used to indicate that the pre-rendered content is not removed during the display process; intercept the first state images of the plurality of target pages.

[0097] In some embodiments, the interception module 502 may include:

[0098] A second interception sub-module, configured to start intercepting images in response to detecting the disappearance of a preset tag in the plurality of target pages, and use the intercepted images as second state images; wherein, when the preset tag exists, the content displayed on the plurality of target pages is pre-rendered content.

[0099] In some embodiments, the monitoring module 503 may include:

[0100] The first recognition sub-module is used to recognize the first content of the first status images of multiple target pages;

[0101] The second recognition sub-module is used to recognize the second content of the second status images of multiple target pages;

[0102] The sixth determination sub-module is used to determine the similarity between the first content and the second content of multiple target pages;

[0103] The monitoring sub-module is used to obtain the web page quality monitoring result of the target product line according to the similarity of multiple target pages.

[0104] In some embodiments, the web page quality monitoring device may further include: an alarm module 504 (not shown in the figure), which is used to output an alarm message based on the target pages with a similarity less than a third threshold in the web page quality monitoring result.

[0105] Those skilled in the art should understand that the functions of the various processing modules in the web page quality monitoring device according to the embodiments of the present disclosure can be understood with reference to the relevant descriptions of the foregoing web page quality monitoring method. The various processing modules in the web page quality monitoring device according to the embodiments of the present disclosure can be implemented by an analog circuit that realizes the functions described in the embodiments of the present disclosure, or can be implemented by software that executes the functions described in the embodiments of the present disclosure running on an electronic device.

[0106] The web page quality monitoring device according to the embodiments of the present disclosure can effectively monitor the web page quality and improve the efficiency of web page quality monitoring.

[0107] Figure 6 shows a schematic diagram of the scenario of web page quality monitoring. From Figure 6 It can be seen that an electronic device such as a cloud server receives monitoring requests from each terminal, and the monitoring request is used to request monitoring of at least one product line; multiple target pages are determined for different product lines respectively; for each product line, the first status image and the second status image of multiple target pages are intercepted. The first status image is an image of pre-rendered content, and the second status image is an image of real-rendered content. The first status image is displayed earlier than the second status image; the first status image and the second status image of multiple target pages are analyzed to obtain the web page quality monitoring result of each product line; the web page quality monitoring result corresponding to the product line in the monitoring request is returned to each terminal. In this way, by using the method of comparing picture similarities to routinely inspect page content, the quality of pre-rendered pages can be effectively detected. For pages that do not meet the expectations, they can be quickly recalled and rectified immediately, so as to ensure the page quality, ensure the user experience, and also improve the page performance.

[0108] It should be understood that Figure 6 the shown scenario diagram is only illustrative and not restrictive. Those skilled in the art can be based onFigure 6 For various obvious changes and / or substitutions to the examples, the technical solutions obtained still fall within the scope of the disclosure of the embodiments of the present disclosure.

[0109] In the technical solutions of the present disclosure, the acquisition, storage, and application of the user's personal information involved all comply with the provisions of relevant laws and regulations and do not violate public order and good customs.

[0110] According to the embodiments of the present disclosure, the present disclosure also provides an electronic device, a readable storage medium, and a computer program product.

[0111] Figure 7 FIG. shows a schematic block diagram of an exemplary electronic device 700 that can be used to implement the embodiments of the present disclosure. The electronic device is intended to represent various forms of digital computers, such as, a laptop computer, a desktop computer, a workbench, a personal digital assistant, a server, a blade server, a mainframe computer, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as, a personal digital processor, a cellular phone, a smart phone, a wearable device, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present disclosure described herein and / or claimed.

[0112] As Figure 7 shown, the device 700 includes a computing unit 701, which can execute various appropriate actions and processes according to the computer program stored in the read-only memory (ROM) 702 or the computer program loaded from the storage unit 708 into the random access memory (RAM) 703. In the RAM 703, various programs and data required for the operation of the device 700 can also be stored. The computing unit 701, the ROM 702, and the RAM 703 are connected to each other through a bus 704. The input / output (I / O) interface 705 is also connected to the bus 704.

[0113] Multiple components in the device 700 are connected to the I / O interface 705, including: an input unit 706, such as a keyboard, a mouse, etc.; an output unit 707, such as various types of displays, speakers, etc.; a storage unit 708, such as a magnetic disk, an optical disc, etc.; and a communication unit 709, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 709 allows the device 700 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.

[0114] The computing unit 701 can be various general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of the computing unit 701 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various dedicated artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. The computing unit 701 executes the various methods and processes described above, such as the web page quality monitoring method. For example, in some embodiments, the web page quality monitoring method can be implemented as a computer software program that is tangibly included in a machine-readable medium, such as the storage unit 708. In some embodiments, part or all of the computer program can be loaded and / or installed onto the device 700 via the ROM 702 and / or the communication unit 709. When the computer program is loaded into the RAM 703 and executed by the computing unit 701, one or more steps of the web page quality monitoring method described above can be executed. Alternatively, in other embodiments, the computing unit 701 can be configured to execute the web page quality monitoring method by any other suitable means (e.g., by means of firmware).

[0115] Various embodiments of the systems and techniques described above in this document can be implemented in digital electronic circuitry, integrated circuit systems, field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application-specific standard products (ASSPs), system on chip (SOC) systems, complex programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments can include: implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which can be a special or general-purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit the data and instructions to the storage system, the at least one input device, and the at least one output device.

[0116] The program code for implementing the methods of the present disclosure can be written in any combination of one or more programming languages. These program codes can be provided to a processor or controller of a general-purpose computer, a special-purpose computer, or other programmable data processing devices, such that when the program codes are executed by the processor or controller, the functions / operations specified in the flowchart and / or block diagram are implemented. The program codes can be executed entirely on the machine, partially on the machine, executed partially on the machine and partially on a remote machine as an independent software package, or executed entirely on a remote machine or server.

[0117] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in connection with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media would include electrical connections based on one or more wires, portable computer disks, hard disks, random access memories, read-only memories, erasable programmable read-only memories (EPROMs), flash memories, optical fibers, portable compact disk read-only memories (CD-ROMs), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0118] To provide interaction with a user, the systems and techniques described herein can be implemented on a computer having: a display device for displaying information to the user (e.g., a cathode ray tube (CRT) or a liquid crystal display (LCD) monitor); and a keyboard and a pointing device (e.g., a mouse or a trackball) through which the user can provide input to the computer. Other kinds of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including acoustic input, voice input, or tactile input).

[0119] The systems and techniques described herein can be implemented in a computing system including backend components (e.g., as a data server), or a computing system including middleware components (e.g., an application server), or a computing system including frontend components (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described herein), or a computing system including any combination of such backend components, middleware components, or frontend components. The components of the system can be interconnected to each other by digital data communication in any form or medium (e.g., a communication network). Examples of communication networks include: a Local Area Network (LAN), a Wide Area Network (WAN), and the Internet.

[0120] A computer system can include a client and a server. The client and the server are generally far from each other and typically interact via a communication network. The client-server relationship is created by computer programs running on the respective computers and having a client-server relationship with each other. The server can be a cloud server, a server of a distributed system, or a server incorporating blockchain.

[0121] It should be understood that various forms of the processes shown above can be used, steps can be reordered, added, or deleted. For example, the steps described in this disclosure can be executed in parallel, sequentially, or in a different order, as long as the desired results of the technical solutions disclosed in this disclosure can be achieved, and this is not limited herein.

[0122] The above specific embodiments do not constitute a limitation on the protection scope of this disclosure. Those skilled in the art should understand that various modifications, combinations, sub-combinations, and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of this disclosure shall be included within the protection scope of this disclosure.

Claims

1. A method for monitoring web page quality, comprising: Determining a plurality of target pages from multiple pages of a target product line; Capturing a first state image and a second state image of the plurality of target pages, where the first state image is an image of pre-rendered content, and the second state image is an image of real-rendered content. The first state image is displayed earlier than the second state image; the pre-rendered content is the page content presented for the first time when receiving an instruction to open a product link on the target product line; the real-rendered content is the page content presented for the second time when receiving an instruction to open a product link on the target product line; Analyzing the first state image and the second state image of the plurality of target pages to obtain a web page quality monitoring result of the target product line; The determining a plurality of target pages from multiple pages of a target product line includes: When the page structure of the target product line is not fixed, screening out a first number of pages from the pages with the access volume reaching a first threshold until it is determined that the total number of page components included in the first number of pages meets a preset condition; When the total number of page components included in the first number of pages meets the preset condition, determining the plurality of target pages according to the first number of pages; Or When the page structure of the target product line is fixed, screening out a second number of pages from the pages with the access volume reaching a second threshold; Determining the plurality of target pages according to the second number of pages.

2. The method according to claim 1, further comprising: Constructing a plurality of sets according to the plurality of target pages; Determining at least one target set from the plurality of sets, where the ratio between the total number of different page components included in the target set and the total number of page components of the target product line reaches a preset ratio; Determining a minimum set from the at least one target set, where the number of target pages in the minimum set is the smallest; Using the target pages included in the minimum set as the plurality of target pages.

3. The method according to claim 1, wherein, Capturing the first state image of the plurality of target pages includes: When accessing the plurality of target pages, appending a preset parameter to the access link, where the preset parameter is used to indicate that the pre-rendered content is not removed during the display process; Capturing the first state image of the plurality of target pages.

4. The method according to claim 1, wherein Capturing the second state image of the plurality of target pages includes: In response to detecting the disappearance of a preset label in the plurality of target pages, starting to capture an image, and using the captured image as the second state image; where the preset label is used to represent that the content displayed on the plurality of target pages is the pre-rendered content.

5. The method according to claim 1, wherein, The analyzing the first state image and the second state image of the plurality of target pages to obtain a web page quality monitoring result of the target product line includes: Identifying the first content of the first state image of the plurality of target pages; Identifying the second content of the second state image of the plurality of target pages; Determining the similarity between the first content and the second content of the plurality of target pages; Obtain the web page quality monitoring result of the target product line according to the similarity of the multiple target pages.

6. The method according to claim 5, further comprising: Output an alarm message when there is a target page in the web page quality monitoring result whose similarity is less than a third threshold.

7. A web page quality monitoring device, comprising: A determination module, configured to determine multiple target pages from multiple pages of a target product line; A capture module, configured to capture a first state image and a second state image of the multiple target pages, where the first state image is an image of pre-rendered content, the second state image is an image of real-rendered content, and the first state image is displayed earlier than the second state image; the pre-rendered content is the page content presented for the first time when receiving an instruction to open a product link on the target product line; the real-rendered content is the page content presented for the second time when receiving an instruction to open a product link on the target product line; A monitoring module, configured to analyze the first state image and the second state image of the multiple target pages to obtain the web page quality monitoring result of the target product line; The determination module includes: A first determination sub-module, configured to, when the page structure of the target product line is not fixed, screen out a first number of pages from the pages whose access volume reaches a first threshold until it is determined that the total number of page components included in the first number of pages meets a preset condition; when the total number of page components included in the first number of pages meets the preset condition, determine the multiple target pages according to the first number of pages; Or A second determination sub-module, configured to, when the page structure of the target product line is fixed, screen out a second number of pages from the pages whose access volume reaches a second threshold; determine the multiple target pages according to the second number of pages.

8. The device according to claim 7, the determination module further includes: A construction sub-module, configured to construct multiple sets according to the multiple target pages; A third determination sub-module, configured to determine at least one target set from the multiple sets, where the ratio between the total number of different page components included in the target set and the total number of page components of the target product line reaches a preset ratio; A fourth determination sub-module determines the smallest set from the at least one target set, where the number of target pages in the smallest set is the smallest; A fifth determination sub-module, configured to use the target pages included in the smallest set as the multiple target pages.

9. The apparatus according to claim 7, wherein The capture module includes: A first capture sub-module, configured to append a preset parameter to the access link when accessing the multiple target pages, where the preset parameter is used to indicate that the pre-rendered content is not removed during the display process; capture the first state image of the multiple target pages.

10. The apparatus according to claim 7, wherein, The capture module includes: A second intercepting sub-module, configured to start intercepting an image in response to detecting the disappearance of a preset tag in the multiple target pages, and use the intercepted image as the second status image; wherein, the preset tag is used to characterize that the content displayed on the multiple target pages is the pre-rendered content.

11. The device according to claim 7, wherein, The monitoring module includes: A first recognition sub-module, configured to recognize the first content of the first status image of the multiple target pages; A second recognition sub-module, configured to recognize the second content of the second status image of the multiple target pages; A sixth determination sub-module, configured to determine the similarity between the first content and the second content of the multiple target pages; A monitoring sub-module, configured to obtain a web page quality monitoring result of the target product line according to the similarity of the multiple target pages.

12. The apparatus according to claim 11, further comprising: An alarm module, configured to output an alarm message when there is a target page in the web page quality monitoring result whose similarity is less than a third threshold.

13. An electronic device, comprising: At least one processor; And A memory communicatively connected to the at least one processor; wherein, The memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can execute the method according to any one of claims 1-6.

14. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause the computer to execute the method according to any one of claims 1-6.

15. A computer program product, comprising a computer program which, when executed by a processor, implements the method according to any one of claims 1-6.

Images