Extended JavaScript Interface for Dynamic Web Layouts
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current mobile browsers face issues with user experience due to unpleasant layouts and slow loading times when browsing webpages on mobile terminals, particularly in forums and reading modes, as existing solutions require server-dependent implementations, frequent updates, and inflexible layout changes.
Innovation Solution
A method and device for executing JavaScript using an extended interface within a WebApp framework, which allows for customizable forum and reading modes by determining webpage types and generating optimized layouts dynamically, reducing the need for server involvement and enabling flexible layout adjustments through extended JavaScript applications.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If forum mode is implemented on server of browser manufacturer, then forum mode can be provided, but browser operation and server will depend on each other and data transmission will pass through browser manufacturer's device, affecting privacy and security
Solution Approach 1:
The patent introduces a third-party forum service provider as an intermediary between the browser and the forum service. The browser client establishes direct communication with the forum service provider's server, bypassing the browser manufacturer's server. This intermediary arrangement allows the browser to access forum modes without depending on the browser manufacturer's server infrastructure, thereby protecting user privacy and security while still providing forum functionality.
2Adaptability or versatility
If forum mode conversion is performed after layout and rendering of system kernel are finished, then forum mode can be implemented on local browser client, but webpage opening speed will be slow, affecting user experience
Solution Approach 1:
The patent implements forum mode conversion by executing JavaScript code at an early stage during webpage loading, before the complete layout and rendering process of the system kernel is finished. The JavaScript code intercepts and modifies the DOM tree structure during the rendering phase, transforming the webpage into forum mode proactively. This preliminary action eliminates the need to wait for complete rendering before applying forum mode, significantly reducing webpage opening speed and improving user experience.
3Adaptability or versatility
If browser source codes are modified directly to support reading modes, then reading mode function can be added, but development difficulty increases and frequent updates consume mobile phone traffic and user time
Solution Approach 1:
The patent segments the reading mode functionality from the browser core code by implementing it as an independent JavaScript extension. The reading mode is achieved through separate JavaScript files that can be loaded and executed independently within the browser's JavaScript environment. This segmentation allows reading mode to be developed, updated, and maintained separately from the browser core, reducing development difficulty and eliminating the need for frequent browser updates. Users can update reading mode functions without consuming significant mobile phone traffic or requiring full browser reinstallation.
4Ease of operation
If adapt-screen layout is applied to mobile phone browser, then browsing experience is improved without left and right drags, but page layout may become disordered and bad-looking
Solution Approach 1:
The patent implements a dynamic layout adjustment mechanism that automatically switches between adapt-screen layout and zoom layout based on the webpage type and content characteristics. For forum pages and reading modes, the system dynamically applies adapt-screen layout to provide convenient browsing without dragging. For other webpage types where original layout appearance is important, the system dynamically switches to zoom layout. This dynamic adaptation resolves the contradiction by allowing the browser to optimize for convenience when appropriate while preserving appearance when needed.
Data Source
AI summary
The disclosure provides a method for executing extended JavaScript (JS) by using an extended JS interface. The method includes the following steps: inquiring an extension program whether to execute the extended JS at a predetermined occasion when a webpage is loaded, wherein the extension program is loaded when a browser is started up; the browser assembles the extended JS interface according to an open application programming interface (API) when determining that the extended JS is needed to be executed; executing the extended JS by using the extended JS interface. According to the disclosure, browsing mode and layout mode of a browser can be changed dynamically according to the requirement for webpage contents in the form of extension programs, accordingly browsing experience of users is improved.