Fine-Grained Web Display Scaling via Attribute Extraction
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current web browsers lack fine-grained control for users to adjust the relative scaling and attributes of textual and graphical elements, leading to visual competition that hinders effective information perception, especially in dynamic and multi-layered interfaces.
Innovation Solution
A method and apparatus that allow users to dynamically adjust and customize the display of web pages by extracting style tags and attributes from web page code files, sending requests to an attribute database for compatible attribute values, and generating an enhanced web page with user-selected attributes, providing personalized control over text and graphical elements.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Illumination intensity
If standard browser zoom functions are used to scale text and graphical elements, then visual prominence is improved, but the layout becomes distorted and less convenient
Solution Approach 1:
The patent segments the scaling operation by allowing independent control of text elements and graphical elements through separate style tags and attributes, rather than applying uniform scaling to the entire page. This enables text to be scaled without distorting the overall layout structure.
Solution Approach 2:
The patent applies local quality by allowing different scaling factors and style attributes to be applied to specific text elements and graphical elements independently. Each element can have its own style tag with customized attributes, enabling localized visual enhancement without affecting the global layout.
2Measurement precision
If uniform scaling is applied to all elements, then text readability is improved, but graphical elements and text compete for visual prominence
Solution Approach 1:
The patent enables different text elements and graphical elements to have distinct style tags with independent attributes, allowing text readability to be enhanced without uniformly scaling all elements. This preserves the visual hierarchy by maintaining different sizes, weights, and styles for different element types.
Solution Approach 2:
The patent changes parameters by introducing multiple style tags with different attributes (font-size, font-weight, color, etc.) that can be independently adjusted. This allows fine-grained control over text appearance without affecting graphical elements, thereby maintaining visual hierarchy while improving readability.
3Adaptability or versatility
If multiple style tags with independent attributes are introduced for fine-grained control, then personalized display control is improved, but system complexity increases
Solution Approach 1:
The patent uses universal HTML style tags and CSS attributes that are already widely supported by browsers and web standards. This multi-functional approach allows the same style tag mechanism to control both text and graphical elements, reducing the need for proprietary or complex custom control systems.
Solution Approach 2:
The patent enables users to directly manipulate style tags and attributes in the HTML code, allowing them to self-configure the display without requiring complex system settings or intermediate configuration tools. The browser naturally renders these style tags, eliminating the need for additional software layers.
Data Source
AI summary
Disclosed are a method for real-time dynamic web page display enhancement and a computing apparatus configured to implement said method. The method includes requesting at least one web page code file using a web browser, extracting the at least one style tag and the at least one variable attribute from the at least one web page code file using an extraction module, sending a request signal from the extraction module to an attribute database, returning from the attribute database to a user interface controller a response signal, sending a present user interface signal from the user interface controller to the web browser, accepting at least one selection signal from the web user through the at least one display control of the user interface to the web browser, and generating an enhanced web page.