Visual webpage availability test report generation method based on browser plug-inTechnical Field
The invention relates to a webpage availability test report generation method, in particular to a visual webpage availability test report generation method based on a browser plug-in.
Background
In the digital age, the development of computer technology, web page design and development and user experience research fields is gradually changed, and the usability test of web pages or application programs is gradually an important standard for measuring the quality of products. Usability testing focuses not only on the functional implementation of a product, but also on the actual experience of a user in the process of using the product. The core goal of such testing is to ensure as smooth, efficient and user-friendly an interaction between the product and the user as possible, thereby improving user satisfaction and market competitiveness of the product.
Existing usability testing methods typically include a series of standardized evaluation procedures. These procedures evaluate the usability of the product from different perspectives, including but not limited to user interviews, questionnaires, cognitive walks, field tests, and the like. User interviews focus on collecting the user's personal experiences and experiences, and questionnaires measure user satisfaction and product ease by way of quantification. Cognitive walkthrough identifies problems in the design by analyzing the cognitive processes of the user, while in-field testing allows the user to interact with the product in a real or simulated use environment to observe and record the user's real behavior.
During these tests, the user is required to perform some predefined tasks that are intended to simulate various scenarios that the user may encounter when actually using the product. The tester can carefully observe the behavior pattern of the user while the user performs the task, record the problems and difficulties encountered by the user in the operation process, and collect the feedback of the user on the usability of the product. In addition, the testers can evaluate the efficiency and success rate of completing tasks by users, and the prior art also has a scheme for carrying out standardized scoring on each module.
After the test is completed, the collected data and observations are collated and analyzed to ultimately form a detailed usability test report. This report details the test results and problems found and provides a comprehensive assessment of product ease of use. The report may include a listing of questions, improvement suggestions, user feedback excerpts, and a summarized evaluation of the overall availability of the product. Valuable feedback is provided for product teams, help them identify product strengths and weaknesses, and guide subsequent product improvement and optimization efforts.
In the prior art, the usability testing method of web pages and application programs plays an important role in evaluating the quality of products, but the defects are obvious. First, prior art usability test reports typically contain large amounts of data and complex textual descriptions. Such data-intensive reporting requires a tester to have high data analysis capabilities and takes a significant amount of time to interpret and analyze, resulting in extended test cycles and reduced efficiency. Therefore, the testers are often confused when facing complex reports, and it is difficult to quickly extract key information, so that the iteration speed of the product is affected.
Second, existing test tools often lack the flexibility to pause or continue automatic testing as desired by the tester. This lack of flexibility limits the control of the test flow by the tester, making it impossible to analyze deeply in real time when critical problems are found, delaying the resolution of the problems and the improvement of the product. This not only affects the user experience, but may also lead to a decrease in the competitiveness of the product in the market place.
In addition, the existing tools are not efficient in problem investigation, and a tester needs to spend a great deal of time locating and investigating the problem. The inefficient problem-checking process increases the workload of the testers, prolongs the time to market of the product, and may lead to the product missing the market window. This delay can negatively impact the survival and development of the enterprise in the face of rapidly changing market demands.
Moreover, the user interface and interactive design of the existing test tool are often not intuitive enough, and the study and use cost of the testers is increased. Poor user experience may result in low acceptance of the tool by the tester, reducing the frequency and range of use of the test tool, and ultimately affecting the accuracy and reliability of the test result.
Disclosure of Invention
The invention aims to provide a visual webpage availability test report generation method based on browser plug-ins, which can test the webpage availability and generate a corresponding test report, thereby meeting the quick test requirement of a user on the webpage and reducing the webpage test threshold.
The visual webpage availability test report generating method based on the browser plug-in comprises the following steps:
Step 1, opening a webpage to be tested, and starting an availability test plug-in;
Step 2, acquiring operation behaviors of a user on a webpage and response data of the webpage as data to be processed in real time by an availability test plug-in, and locally storing the acquired data to be processed;
Step3, analyzing the locally stored data to be processed by utilizing an availability test plug-in to obtain an availability analysis result of the webpage;
and step 4, acquiring the set content of the test report by the user by the usability test plug-in, generating the usability test report according to the set content of the user and the usability analysis result, and displaying the generated usability test report to the user.
Further, in step 2, the specific steps of collecting the operation behavior of the user on the web page and the response data of the web page are as follows:
step 2.1, adding DOMContentLoaded events to the web page by using an availability test plug-in, and starting data acquisition after the loading of the web page is completed;
And 2.2, collecting operation behaviors and response data by the usability test plug-in, wherein the operation behaviors comprise user clicking behaviors, form input behaviors, page scrolling behaviors and navigation behaviors in a page, and the response data comprise user identifications, time stamps, page information, event details, response states of interfaces and performance indexes.
Further, in step 2.2, the user click behavior is to add click event monitors for all clickable elements by using breadth-first search and record the time, position and target elements of clicking, the form input behavior is to collect the input content and modification behavior of the user in the form by monitoring input and change events, the page scroll behavior is to acquire the scroll distance and speed by monitoring scroll events, and the navigation behavior in the page is captured by monitoring hashchange and popstate events.
Further, in step 2.2, the user identifier is a session ID, the page information includes a URL and a title, the event details include an event type, a target element attribute, and user input content, and the performance index includes a page loading time and a response time.
Further, in step2, the specific steps when the collected operation behavior and response data are stored locally are as follows:
step 2.3, formatting the collected operation behaviors and response data into JSON objects;
And 2.4, storing the formatted operation behaviors and response data in the IndexedDB of the browser.
Further, in step 3, the specific steps of analyzing the locally stored data to be processed by using the usability testing plug-in are as follows:
Step 3.1, data cleaning is carried out on the data to be processed, invalid data in the data to be processed are removed, and the data are repeatedly recorded to obtain valid data;
step 3.2, determining various resource indexes from the effective data, including server response time, network bandwidth, page element loading success rate and page loading time;
Step 3.3, scoring each resource index in the effective data according to the set index scoring standard to obtain the score of each resource index;
step 3.4, setting weight values of the influence degree of each resource index on the whole availability of the webpage;
step 3.5, calculating the availability score of each resource index by multiplying the score of each resource index by the corresponding weight value, and adding the availability scores of each resource index to obtain the overall availability score of the webpage;
Step 3.6, classifying the usability level of the webpage according to the usability score of the whole webpage to obtain the usability category of the whole webpage;
And 3.7, taking the scores of the resource indexes, the weight values of the resource indexes, the availability scores of the whole webpage and the availability categories of the whole webpage as the availability analysis results of the webpage.
Further, in step 3.3, the specific steps of scoring each resource index in the effective data according to the set index scoring standard are as follows:
step 3.3.1, establishing index scoring standards of various resource indexes, wherein the index scoring standards are as follows:
The index scoring standard for the response time of the server is that the response time is 0< t <1 second, the mapped response score is 90-100 minutes, the response time is 1< t <2 seconds, the mapped response score is 70-89 minutes, the response time is 2< t <3 seconds, the mapped response score is 50-69 minutes, the response time is 3 < t <5 seconds, the mapped response score is 30-49 minutes, the response time is 5 < t <100 seconds, the mapped response score is 0-29 minutes, and the response time is t <100 seconds, the mapped response score is 0;
The index scoring standard for the network bandwidth is that the actual bandwidth is more than or equal to 120% of the required bandwidth, the obtained bandwidth score is 90-100 minutes, the required bandwidth is 80% or less than or equal to the actual bandwidth which is less than or equal to 120% of the required bandwidth, the obtained bandwidth score is 70-89 minutes, the required bandwidth is 50% or less than or equal to the actual bandwidth which is less than or equal to 80% of the required bandwidth, the obtained bandwidth score is 50-69 minutes, the required bandwidth is 30% or less than or equal to the actual bandwidth which is less than or equal to 50% of the required bandwidth, the obtained bandwidth score is 30-49 minutes, and the actual bandwidth which is less than or equal to 30% of the required bandwidth is 0-29 minutes;
The index scoring standard of the page element loading success rate is that the success rate score is 90-100 points when the page element loading success rate is 98% -100%, the success rate score is 70-89 points when the page element loading success rate is 95% -97%, the success rate score is 50-69 points when the page element loading success rate is 90% -94%, the success rate score is 30-49 points when the page element loading success rate is 80% -89%, and the success rate score is 0-29 points when the page element loading success rate is less than 80%;
The index scoring standard of the page loading time is that the loading score is 90-100 minutes when the loading time is 0-2 seconds, the loading score is 60-89 minutes when the loading time is 2-4 seconds, the loading score is 1-59 minutes when the loading time is 4-10 seconds, and the loading score is 0 minutes when the loading time is 10 seconds;
Step 3.3.2, obtaining actual data of server response time, network bandwidth, page element loading success rate and page loading time from the effective data;
and 3.3.3, scoring actual data of each resource index according to index scoring standards, wherein a specific value of a response score is obtained through linear interpolation in a response time interval range where actual response time is located, a specific value of a bandwidth score is obtained through linear interpolation in a bandwidth interval range where actual bandwidth is located, a specific value of a success rate score is obtained through linear interpolation in a success rate interval range where actual page element loading success rate is located, and a specific value of a loading score is obtained through linear interpolation in a loading time interval range where actual page loading time is located, so that final scores of each resource index are obtained.
Further, in step 3.4, the specific step of setting the weight value of the influence degree of each resource index on the overall availability of the web page is as follows:
Step 3.4.1, obtaining the use frequency of the interactive equipment of the operation behavior in the effective data, analyzing the use frequency of the interactive equipment, and selecting the importance value of the corresponding resource index from the relative importance range of each resource index according to the analysis result;
and 3.4.2, carrying out normalization calculation on the importance values of the resource indexes to obtain the weight values of the resource indexes.
Further, in the step 3.4.1, the relative importance ranges of the resource indexes are respectively that the relative importance range of the response time of the server is 4-8, the relative importance range of the network bandwidth is 3-6, the relative importance range of the page element loading success rate is 3-7, and the relative importance range of the page loading time is 3-6;
in step 3.4.1, the specific steps of analyzing the use frequency of the interactive device and selecting the importance value of the corresponding resource index from the relative importance ranges of the resource indexes according to the analysis result are as follows:
Establishing a relation between the use frequency of the interactive equipment and the relative importance of the response time of the server, wherein the use frequency of the interactive equipment is more than or equal to 2Hz, the importance value of the response time of the server is 8, the use frequency of the interactive equipment is less than or equal to 1Hz and less than or equal to 2Hz, the importance value of the response time of the server is 7, the use frequency of the interactive equipment is less than or equal to 0.5Hz and less than or equal to 1Hz, the importance value of the response time of the server is6, the use frequency of the interactive equipment is less than or equal to 0.2Hz and less than or equal to 0.5Hz, the importance value of the response time of the server is 5, and the use frequency of the interactive equipment is less than or equal to 0.2Hz and less than or equal to 4;
Establishing a relation between the use frequency of the interactive equipment and the relative importance of the network bandwidth, wherein the use frequency of the interactive equipment is more than or equal to 2Hz, the importance value of the network bandwidth is 6, the use frequency of the interactive equipment is less than or equal to 0.5Hz and is less than or equal to 2Hz, the importance value of the network bandwidth is 5, the use frequency of the interactive equipment is less than or equal to 0.2Hz, the importance value of the network bandwidth is 4, and the use frequency of the interactive equipment is less than or equal to 0.2Hz, the importance value of the network bandwidth is 3;
Establishing a relation between the use frequency of the interactive equipment and the relative importance of the page element loading success rate, wherein the use frequency of the interactive equipment is more than or equal to 2Hz, the importance value of the page element loading success rate is 7, the use frequency of the interactive equipment is less than or equal to 1Hz and less than or equal to 2Hz, the importance value of the page element loading success rate is 6, the use frequency of the interactive equipment is less than or equal to 0.5Hz and less than or equal to 1Hz, the importance value of the page element loading success rate is 5, the use frequency of the interactive equipment is less than or equal to 0.2Hz and less than or equal to 0.5Hz, the importance value of the page element loading success rate is 4, and the importance value of the page element loading success rate is 3;
Establishing a relation between the use frequency of the interactive equipment and the relative importance of the page loading time, wherein the use frequency of the interactive equipment is more than or equal to 2Hz, the importance value of the page loading time is 6, the use frequency of the interactive equipment is less than or equal to 1Hz and is less than or equal to 2Hz, the importance value of the page loading time is 5, the use frequency of the interactive equipment is less than or equal to 0.2Hz and is less than or equal to 1Hz, the importance value of the page loading time is 4, and the use frequency of the interactive equipment is less than or equal to 0.2Hz, the importance value of the page loading time is 3;
In step 3.4.2, the specific steps of performing normalization calculation according to the importance values of the resource indexes are as follows:
firstly, obtaining importance values of various resource indexes of a webpage;
then calculating the importance sum of the importance values of the resource indexes;
And finally, calculating the ratio value of the importance value and the importance sum of each resource index, and taking each ratio value as the weight value of the corresponding resource index.
Further, in step 3.6, the specific step of classifying the availability level of the web page according to the availability score of the whole web page is as follows:
step 3.6.1, establishing a webpage availability classification standard, setting the availability score of the whole webpage to be high availability, setting the availability score of the whole webpage to be medium availability at a level of between 60 and 84, and setting the availability score of the whole webpage to be low availability at a level of below 60;
And 3.6.2, obtaining the availability score of the whole current webpage, and grading the current webpage according to the webpage availability grading standard to obtain the availability category of the whole current webpage.
Compared with the prior art, the method has the advantages that the collected data to be processed are stored locally, the data processing efficiency and the data safety can be effectively guaranteed, the risk of user data leakage is reduced, the usability test is enabled to be more in line with the use requirement of the user through collecting the operation behaviors of the user on the webpage and the response data of the webpage to conduct bidirectional data collection, the test pertinence is good, the set content of the user on the test report is obtained, the report content wanted by the user can be generated, and the user-defined effect is good.
Drawings
FIG. 1 is a flow chart of the method of the present invention.
Detailed Description
The technical scheme of the present invention will be described in detail with reference to the accompanying drawings, but the scope of the present invention is not limited to the embodiments.
As shown in FIG. 1, the method for generating the visual webpage availability test report based on the browser plug-in comprises the following steps:
Step 1, opening a webpage to be tested, and starting an availability test plug-in;
Step 2, acquiring operation behaviors of a user on a webpage and response data of the webpage as data to be processed in real time by an availability test plug-in, and locally storing the acquired data to be processed;
Step3, analyzing the locally stored data to be processed by utilizing an availability test plug-in to obtain an availability analysis result of the webpage;
and step 4, acquiring the set content of the test report by the user by the usability test plug-in, generating the usability test report according to the set content of the user and the usability analysis result, and displaying the generated usability test report to the user.
The method has the advantages that the collected data to be processed are stored locally, the data processing efficiency and the data safety can be effectively guaranteed, the risk of user data leakage is reduced, the usability test is enabled to be more in line with the use requirement of the user through collecting the operation behaviors of the user on the webpage and the response data of the webpage to conduct bidirectional data collection, the test pertinence is good, the report content wanted by the user can be generated through obtaining the set content of the user on the test report, and the user-defined effect is good.
Further, in step 2, the specific steps of collecting the operation behavior of the user on the web page and the response data of the web page are as follows:
step 2.1, adding DOMContentLoaded events to the web page by using an availability test plug-in, and starting data acquisition after the loading of the web page is completed;
And 2.2, collecting operation behaviors and response data by the usability test plug-in, wherein the operation behaviors comprise user clicking behaviors, form input behaviors, page scrolling behaviors and navigation behaviors in a page, and the response data comprise user identifications, time stamps, page information, event details, response states of interfaces and performance indexes.
Further, in step 2.2, the user click behavior is to add click event monitors for all clickable elements by using breadth-first search and record the time, position and target elements of clicking, the form input behavior is to collect the input content and modification behavior of the user in the form by monitoring input and change events, the page scroll behavior is to acquire the scroll distance and speed by monitoring scroll events, and the navigation behavior in the page is captured by monitoring hashchange and popstate events.
Further, in step 2.2, the user identifier is a session ID, the page information includes a URL and a title, the event details include an event type, a target element attribute, and user input content, and the performance index includes a page loading time and a response time.
Further, in step2, the specific steps when the collected operation behavior and response data are stored locally are as follows:
step 2.3, formatting the collected operation behaviors and response data into JSON objects so as to facilitate management and query;
step 2.4, store the formatted operational behavior and response data in the browser IndexedDB, which is a solution that allows for the storage of large amounts of structured data.
Further, to minimize impact on the user browsing experience, data collection and processing tasks will be performed asynchronously in Web Workers.
Further, in step 3, the specific steps of analyzing the locally stored data to be processed by using the usability testing plug-in are as follows:
Step 3.1, cleaning data of the data to be processed, removing invalid data in the data to be processed and repeatedly recording the data to obtain effective data, ensuring the accuracy and reliability of an analysis result, wherein the invalid data comprises abnormal records generated by technical faults or unexpected behaviors of a user, such as page loading time in an abnormal range or event sequences obviously deviating from the conventional behaviors of the user, and the identification of the repeated data is performed based on a unique identifier of the event, so that each event is ensured to be recorded only once to avoid deviation of the analysis result;
step 3.2, determining various resource indexes from the effective data, including server response time, network bandwidth, page element loading success rate and page loading time;
Step 3.3, scoring each resource index in the effective data according to the set index scoring standard to obtain the score of each resource index;
step 3.4, setting weight values of the influence degree of each resource index on the whole availability of the webpage;
step 3.5, calculating the availability score of each resource index by multiplying the score of each resource index by the corresponding weight value, and adding the availability scores of each resource index to obtain the overall availability score of the webpage;
Step 3.6, classifying the usability level of the webpage according to the usability score of the whole webpage to obtain the usability category of the whole webpage;
And 3.7, taking the scores of the resource indexes, the weight values of the resource indexes, the availability scores of the whole webpage and the availability categories of the whole webpage as the availability analysis results of the webpage.
Further, in step 3.3, the specific steps of scoring each resource index in the effective data according to the set index scoring standard are as follows:
step 3.3.1, establishing index scoring standards of various resource indexes, wherein the index scoring standards are as follows:
The index scoring standard for the response time of the server is that the response time is 0< t <1 second, the mapped response score is 90-100 minutes, the response time is 1< t <2 seconds, the mapped response score is 70-89 minutes, the response time is 2< t <3 seconds, the mapped response score is 50-69 minutes, the response time is 3 < t <5 seconds, the mapped response score is 30-49 minutes, the response time is 5 < t <100 seconds, the mapped response score is 0-29 minutes, and the response time is t <100 seconds, the mapped response score is 0;
The index scoring standard for the network bandwidth is that the actual bandwidth is more than or equal to 120% of the required bandwidth, the obtained bandwidth score is 90-100 minutes, the required bandwidth is 80% or less than or equal to the actual bandwidth which is less than or equal to 120% of the required bandwidth, the obtained bandwidth score is 70-89 minutes, the required bandwidth is 50% or less than or equal to the actual bandwidth which is less than or equal to 80% of the required bandwidth, the obtained bandwidth score is 50-69 minutes, the required bandwidth is 30% or less than or equal to the actual bandwidth which is less than or equal to 50% of the required bandwidth, the obtained bandwidth score is 30-49 minutes, and the actual bandwidth which is less than or equal to 30% of the required bandwidth is 0-29 minutes;
The index scoring standard of the page element loading success rate is that the success rate score is 90-100 points when the page element loading success rate is 98% -100%, the success rate score is 70-89 points when the page element loading success rate is 95% -97%, the success rate score is 50-69 points when the page element loading success rate is 90% -94%, the success rate score is 30-49 points when the page element loading success rate is 80% -89%, and the success rate score is 0-29 points when the page element loading success rate is less than 80%;
The index scoring standard of the page loading time is that the loading score is 90-100 minutes when the loading time is 0-2 seconds, the loading score is 60-89 minutes when the loading time is 2-4 seconds, the loading score is 1-59 minutes when the loading time is 4-10 seconds, and the loading score is 0 minutes when the loading time is 10 seconds;
Step 3.3.2, obtaining actual data of server response time, network bandwidth, page element loading success rate and page loading time from the effective data;
And 3.3.3, scoring actual data of each resource index according to index scoring standards, wherein a specific value of a response score is obtained through linear interpolation in a response time interval range where actual response time is located, a specific value of a bandwidth score is obtained through linear interpolation in a bandwidth interval range where actual bandwidth is located, a specific value of a success rate score is obtained through linear interpolation in a success rate interval range where actual page element loading success rate is located, and a specific value of a loading score is obtained through linear interpolation in a loading time interval range where actual page loading time is located, so that final scores of each resource index are obtained. For example, the server response time in a test was 1.5 seconds, and the score was calculated by linear interpolation as (89-70)/(2-1) × (1.5-1) +70=79.5 minutes.
Further, in step 3.4, the specific step of setting the weight value of the influence degree of each resource index on the overall availability of the web page is as follows:
Step 3.4.1, obtaining the use frequency of the interactive equipment of the operation behavior in the effective data, analyzing the use frequency of the interactive equipment, selecting importance values of corresponding resource indexes from the relative importance ranges of the resource indexes according to analysis results, wherein the use frequency of the interactive equipment comprises the click frequency of a mouse, the use frequency of a mouse wheel, the input frequency of a keyboard and the like, and taking the maximum use frequency of the input and output equipment as the use frequency of the interactive equipment;
and 3.4.2, carrying out normalization calculation on the importance values of the resource indexes to obtain the weight values of the resource indexes.
Further, in the step 3.4.1, the relative importance ranges of the resource indexes are respectively that the relative importance range of the response time of the server is 4-8, the relative importance range of the network bandwidth is 3-6, the relative importance range of the page element loading success rate is 3-7, and the relative importance range of the page loading time is 3-6;
in step 3.4.1, the specific steps of analyzing the use frequency of the interactive device and selecting the importance value of the corresponding resource index from the relative importance ranges of the resource indexes according to the analysis result are as follows:
Establishing a relation between the use frequency of the interactive equipment and the relative importance of the response time of the server, wherein the use frequency of the interactive equipment is more than or equal to 2Hz, the importance value of the response time of the server is 8, the use frequency of the interactive equipment is less than or equal to 1Hz and less than or equal to 2Hz, the importance value of the response time of the server is 7, the use frequency of the interactive equipment is less than or equal to 0.5Hz and less than or equal to 1Hz, the importance value of the response time of the server is6, the use frequency of the interactive equipment is less than or equal to 0.2Hz and less than or equal to 0.5Hz, the importance value of the response time of the server is 5, and the use frequency of the interactive equipment is less than or equal to 0.2Hz and less than or equal to 4;
Establishing a relation between the use frequency of the interactive equipment and the relative importance of the network bandwidth, wherein the use frequency of the interactive equipment is more than or equal to 2Hz, the importance value of the network bandwidth is 6, the use frequency of the interactive equipment is less than or equal to 0.5Hz and is less than or equal to 2Hz, the importance value of the network bandwidth is 5, the use frequency of the interactive equipment is less than or equal to 0.2Hz, the importance value of the network bandwidth is 4, and the use frequency of the interactive equipment is less than or equal to 0.2Hz, the importance value of the network bandwidth is 3;
Establishing a relation between the use frequency of the interactive equipment and the relative importance of the page element loading success rate, wherein the use frequency of the interactive equipment is more than or equal to 2Hz, the importance value of the page element loading success rate is 7, the use frequency of the interactive equipment is less than or equal to 1Hz and less than or equal to 2Hz, the importance value of the page element loading success rate is 6, the use frequency of the interactive equipment is less than or equal to 0.5Hz and less than or equal to 1Hz, the importance value of the page element loading success rate is 5, the use frequency of the interactive equipment is less than or equal to 0.2Hz and less than or equal to 0.5Hz, the importance value of the page element loading success rate is 4, and the importance value of the page element loading success rate is 3;
Establishing a relation between the use frequency of the interactive equipment and the relative importance of the page loading time, wherein the use frequency of the interactive equipment is more than or equal to 2Hz, the importance value of the page loading time is 6, the use frequency of the interactive equipment is less than or equal to 1Hz and is less than or equal to 2Hz, the importance value of the page loading time is 5, the use frequency of the interactive equipment is less than or equal to 0.2Hz and is less than or equal to 1Hz, the importance value of the page loading time is 4, and the use frequency of the interactive equipment is less than or equal to 0.2Hz, the importance value of the page loading time is 3;
In step 3.4.2, the specific steps of performing normalization calculation according to the importance values of the resource indexes are as follows:
firstly, obtaining importance values of various resource indexes of a webpage, for example, the importance value of response time of a server is 5, the importance value of network bandwidth is 5, the importance value of page element loading success rate is 4, and the importance value of page loading time is 6;
then calculating the importance sum of the importance values of the resource indexes to be 5+5+4+6=20;
and finally, calculating the ratio value of the importance value and the importance sum of each resource index, for example, the ratio value of the server response time is 0.25, and taking each ratio value as the weight value of the corresponding resource index, for example, the weight value of the server response time is 0.25, the weight value of the network bandwidth is 0.25, the weight value of the page element loading success rate is 0.2, and the weight value of the page loading time is 0.3.
Further, in step 3.5, the availability score of each resource index is calculated by multiplying the score of each resource index by the corresponding weight value, for example, the score of the server response time is 80×0.25, the score of the network bandwidth is 80×0.25, the score of the page element loading success rate is 90×0.2, and the score of the page loading time is 70×0.3;
and adding the availability scores of the resource indexes to obtain the overall availability score of the web page which is 20+20+18+21=79 (100 points full) and is medium availability.
Further, in step 3.6, the specific step of classifying the availability level of the web page according to the availability score of the whole web page is as follows:
step 3.6.1, establishing a webpage availability classification standard, setting the availability score of the whole webpage to be high availability, setting the availability score of the whole webpage to be medium availability at a level of between 60 and 84, and setting the availability score of the whole webpage to be low availability at a level of below 60;
And 3.6.2, obtaining the availability score of the whole current webpage, and grading the current webpage according to the webpage availability grading standard to obtain the availability category of the whole current webpage.
Further, in step 3.6.2, when the web pages are ranked, the availability scores are generated according to the test results and mapped to different levels, the high availability level (higher score) is represented by green, the medium availability level is represented by yellow, and the low availability level (lower score) is represented by red, so that the user can intuitively know the availability status of the web pages.
Further, in step 4, when the usability test report is generated according to the setting content of the user and the usability analysis result, the usability test report adopts a relatively visual chart and graph, so that the user can intuitively understand the usability test result of the webpage.
In order to realize visual presentation of data, the invention adopts a popular open source chart library Chart.js, the chart library provides rich chart types and flexible configuration options, the visual requirements of different data sets can be met, the chart library is integrated into an availability test plug-in of a browser, the generation process of all charts is ensured to be finished locally, and an external server is not required to be relied on, so that the safety and privacy of data processing are ensured.