Proxy Server Adapting Web Content for Mobile Browsing
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current web browsing on mobile devices is limited by screen size, input devices, connection speed, and subscription rates, leading to difficulties in displaying web pages with dynamic HTML or AJAX, requiring multiple browsers and increased costs, especially when pages are not properly adapted for various handsets.
Innovation Solution
A preprocessing proxy server that selectively translates web pages based on user preferences, content analysis, and device capabilities, allowing users to choose between original and translated pages, and automatically adjusts content to fit smaller screens and lower bandwidths, ensuring compatibility across different handsets with a single browser.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If a standard web browser is used on mobile devices, then the browser can display web pages designed for larger screens, but the pages become difficult to interact with due to small screen size and limited input devices
Solution Approach 1:
The proxy server performs preliminary translation of web pages before they reach the mobile device. It analyzes the original HTML content, identifies elements unsuitable for mobile display, and pre-adjusts their positioning and sizing according to mobile device characteristics, thereby resolving layout issues before the user encounters them
Solution Approach 2:
The proxy server acts as an intermediary between the web server and the mobile browser. It receives requests from mobile devices, translates the content from desktop-oriented HTML to mobile-optimized HTML, and serves the translated pages to users, thereby mediating the incompatibility between desktop web designs and mobile form factors
2Adaptability or versatility
If web pages are translated by a proxy server to accommodate mobile devices, then the pages become more suitable for small screens, but additional processing time and bandwidth are required
Solution Approach 1:
The translation functionality is extracted from the mobile device and placed on the proxy server. This allows the mobile browser to remain simple and fast, while the computationally intensive translation work is performed server-side, reducing the time and resource burden on mobile devices
Solution Approach 2:
The system dynamically changes parameters such as image resolution, font size, and layout structure based on the target mobile device's screen dimensions and capabilities. By adjusting these parameters during translation, the system optimizes page load times and rendering performance for specific device configurations
3Adaptability or versatility
If users install multiple specialized browsers to handle different web page types, then all page types can be displayed properly, but device complexity and cost increase
Solution Approach 1:
The proxy server provides universal translation capability that handles all types of web pages (HTML, AJAX, dynamic content) through a single multi-functional system. Instead of requiring separate specialized browsers for different page types, the proxy server adapts any page type to mobile devices, thereby reducing device complexity while maintaining broad compatibility
Data Source
Figure 1
Figure 2~3
Figure 4
AI summary
Methods and a preprocessing proxy server in a communication system can support any mode of web browser operation and enable a user selectively to bypass or enable the proxy server's translation of requested web content. For example, a translation selection decision can be made based on the requested content (e.g., active HTML) or user input. Selection is made between the original representation of a web page and a translated one, i.e., a representation that is adapted to one or more characteristics of the receiving device, such as a smaller screen, lower screen resolution, low communication bandwidth, etc. The decision on whether to translate is preferably made by a proxy server in the network, and the decision is based on one or more of the following criteria: requested-page content, user preferences, and statistics. An advantage of interposing a proxy server in this arrangement is that all web servers can remain unchanged.