Web Browser Page Resizing Accuracy Evaluation Method
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current web browsers face inaccuracies in page resizing due to varying display resolutions and aspect ratios, leading to incorrect element placement and hidden information, which affects user experience and efficiency.
Innovation Solution
A method and computer program evaluate page resizing capability by creating a test area with multiple elements, determining original and resized edge points, and comparing their locations to assess resizing accuracy, allowing for benchmarking and improvement of web browser performance.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If web browsers use relative size parameters and reference points for calculating object coordinates during resizing, then the resizing process can be implemented across different displays, but the positioning accuracy of displayed elements deteriorates due to varying resolutions and aspect ratios
Solution Approach 1:
The patent replaces the mechanical calculation system (using relative parameters and reference points) with an image processing system. By capturing screenshots before and after resizing, and comparing pixel-level positions of test elements, the system achieves high precision measurement without relying on browser-provided coordinate data that is inaccurate across different displays.
Solution Approach 2:
The patent creates visual copies (screenshots) of the web page at different resize states and compares them directly. This copying approach allows precise measurement of element position changes by analyzing pixel-level differences between the original and resized screenshots, bypassing the inaccurate relative coordinate system.
2Productivity
If web browsers perform resizing calculations based on relative parameters, then the resizing operation can be executed efficiently, but errors and inaccuracies occur in element placement and sizing
Solution Approach 1:
The patent implements self-service by having the system automatically capture screenshots, identify test element positions, perform resizing, capture post-resize screenshots, and compare positions all without manual intervention. This automated workflow maintains high efficiency while achieving reliable accuracy through image processing validation.
Solution Approach 2:
The patent introduces feedback by comparing the actual positions of elements after resizing (captured via screenshot) with their expected positions. This feedback mechanism identifies discrepancies caused by browser resizing errors and enables evaluation of resizing quality, allowing for detection and correction of placement inaccuracies.
3Device complexity
If web browsers use standard resizing calculations, then the implementation is simple and consistent, but important information can be hidden or incorrectly displayed over other elements
Solution Approach 1:
The patent performs preliminary action by placing test elements at known positions and capturing their initial state before resizing. This preliminary documentation of element positions and the creation of baseline screenshots enable subsequent verification of whether important information remains visible and correctly positioned after resizing operations.
Data Source
AI summary
A new method and computer program for evaluating page resizing of a web browser. A web page with a test area having test elements is created. Then, the web page is displayed by the web browser and locations of at least two original edge points for each of the test elements are determined. After this, the test area within the web page is resized and displayed with the resized test area. Then, a further determination step is performed for each resized test element in the displayed web page, whereby locations of at least two respective resized edge points of the test element are determined. After obtaining these locations, comparisons between the locations of the at least two original edge points and the locations of the at least two respective resized edge points are made.