Page Element Attribute Monitoring for Abnormal Layout Jumps
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing front-end performance detection tools struggle to accurately detect abnormal jumping changes in page elements due to network delays or resource loading, focusing primarily on overall performance metrics like page loading time and rendering speed.
Innovation Solution
A method and apparatus for page element detection that involves obtaining and comparing element attribute information at different moments within a predetermined duration to determine if the numerical difference exceeds a threshold, indicating abnormal presentation.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If front-end performance detection tools focus on overall performance metrics such as page loading time and rendering speed, then the detection scope is broad and comprehensive, but the accuracy of detecting abnormal jumping changes in page elements is insufficient
Solution Approach 1:
The patent segments the detection process into multiple dimensions: obtaining element attribute information at different time points, calculating numerical differences, comparing against thresholds, and determining abnormality. This segmentation transforms a complex detection problem into manageable sequential steps, improving detection accuracy without overwhelming system complexity
Solution Approach 2:
The patent introduces a time dimension by obtaining element attribute information at multiple time points (first moment and second moment) within a predetermined duration. This temporal dimension enables the detection of jumping changes that cannot be captured by single-point measurements, significantly improving detection accuracy
2Measurement precision
If the detection monitors element attribute information at multiple time points within a short duration, then the detection accuracy of abnormal jumping changes is improved, but the detection frequency and resource consumption increase
Solution Approach 1:
The patent dynamically adjusts the detection process by setting a predetermined duration and selecting time points within that duration based on actual page rendering behavior. This dynamic approach allows the system to monitor at multiple time points when needed while avoiding unnecessary frequent detections during stable periods, balancing accuracy with efficiency
Solution Approach 2:
The patent changes the parameter of detection timing by introducing a predetermined duration window and selecting appropriate time points within that window. This parameter adjustment allows flexible control over detection frequency, enabling accurate detection of jumping changes while managing resource consumption
Data Source
AI summary
The disclosure provides a method, apparatus, device, storage medium and product of page element detection. The method includes: obtaining first element attribute information of a target page element presented in a viewport of a predetermined page at a first moment, and obtaining second element attribute information of the target page element at a second moment, the second element attribute information and the first element attribute information being element attribute information of a same predetermined element attribute, and a difference between the second moment and the first moment is less than a predetermined duration; and in accordance with a determination that a numerical difference between the first attribute information and the second attribute information is greater than a predetermined numerical difference threshold, determining that abnormal presentation is present for the target page element. With the above solutions, the page element detection accuracy can be improved.