Dynamic Bookmark Icon Reference for Web Page Screens
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current web browsers lack the ability to efficiently manage and differentiate bookmark icons for various screens of a web page, leading to user confusion and increased network bandwidth usage when navigating between different features of a web page.
Innovation Solution
Implementing a method where a web page can dynamically change its bookmark icon reference as the user navigates through different screens without requesting additional resources over the network, by adding or removing references to bookmark icons in the HTML document based on the current screen, allowing each screen to have a unique icon.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If a single bookmark icon is used for all screens of a web page, then the web page structure remains simple and resource usage is minimized, but users experience confusion when navigating between different screens and cannot quickly identify the correct bookmark
Solution Approach 1:
The bookmark icon is made dynamic by automatically changing it based on the current screen being displayed. The system monitors screen changes and updates the bookmark icon accordingly, allowing the icon to adapt to different screens without manual intervention. This resolves the contradiction by providing screen-specific icons (improving selection speed) while maintaining automatic operation (avoiding manual icon management complexity).
Solution Approach 2:
The system changes the parameter of the bookmark icon reference based on the current screen. When a user navigates to a different screen, the system updates the icon reference to correspond to that specific screen. This parameter change approach allows distinct icons for different screens while using the same underlying icon set, resolving the contradiction between ease of operation and device complexity.
2Ease of operation
If additional bookmark icons are added for each screen, then each screen can have a unique icon for better identification, but network bandwidth usage increases and resource loading time extends
Solution Approach 1:
A single set of bookmark icons is made multi-functional by enabling it to represent multiple different screens. The system uses one icon set that can be dynamically referenced for different screens, eliminating the need for separate icon sets for each screen. This resolves the contradiction by achieving screen-specific identification (improving accuracy) while using a universal icon set (reducing bandwidth consumption).
Solution Approach 2:
Instead of loading completely different icon images for each screen, the system uses references to a universal icon set. When a user navigates to a different screen, the system updates the reference to point to the appropriate icon in the universal set, rather than loading a new icon image. This copying approach achieves unique icon identification while minimizing network bandwidth usage.
3Adaptability or versatility
If the web page requests additional resources for each screen change, then the web page can provide comprehensive information for all screens, but network requests increase and page loading time increases
Solution Approach 1:
The system performs preliminary action by pre-defining the icon references in the initial page load. All possible icon references are prepared in advance within the page structure, so when a user navigates to a different screen, the system only needs to update the reference rather than load new resources. This resolves the contradiction by enabling screen customization (improving adaptability) while maintaining fast loading speeds (preserving productivity).
Solution Approach 2:
The web page is made self-sufficient by including all necessary icon references within the initial page load. The system does not require additional network requests when users navigate between screens, as the icons are already available in the page's resource structure. This self-service approach enables comprehensive screen information (improving adaptability) while avoiding additional network requests (maintaining loading speed).
Data Source
AI summary
In general, the subject matter described in this disclosure can be embodied in methods, systems, and program products for changing a reference to a bookmark icon. The method includes receiving resources that include an HTML document and computer program script code. The HTML document does not include a reference to a bookmark icon. The method includes determining that the computing device has loaded the web page and, in response, adding, in a representation of the HTML document, a reference to a first bookmark icon. The method includes receiving a request to change a display of the web page from a first screen to a second screen, without requesting additional resources over the network. The method includes removing the reference to the first bookmark icon in the representation of the web page, and adding a reference to a second bookmark icon in the representation of the web page.