Browse Prior Art Database

Webpage presentation method in mobile browser

IP.com Disclosure Number: IPCOM000238220D
Publication Date: 2014-Aug-11

Publishing Venue

The IP.com Prior Art Database

Abstract

This innovation discloses a method to present web page properly in mobile browser by providing a interface to draw a region which end users are really interested in on the web page, and these parts under the pointed region will be displayed more friendly in full screen mode.

This text was extracted from a PDF file.
This is the abbreviated version, containing approximately 43% of the total text.

Page 01 of 14

Webpage presentation method in mobile browser

Recently, people prefer to use mobile phones to read news, play games, connect with friends instead of computer. The most information provided by internet is stored on web browser, which are always designed and suitable for PC's screen.

With the limited screen size, the mobile phone cannot display a whole web page in PC-friendly way. For the inconvenience of web viewing on the small-screen devices, some innovative solutions have been brought out. Such as scaling down web page according to the device size, or individually developing a specific App for it.

But all of the above solutions have their own limitations. The first method loses the primary structure and makes the web text too small to distinguish or read. What's more, this method also reduces the quality of images which may cost the user experience. And the second method wastes of resources to develop new applications.

In order to solve these problems on web browsing in mobile devices, we are encouraged to develop a innovative solution which can not only keep the structure of web page and the quality of web content, but also improve the user experience.

The present invention has been made effort in terms of technology to solve above problems. This innovation discloses a method to present web page properly in mobile browser by providing a interface to draw a region which end users are really interested in on the web page , and these parts under the pointed region will be displayed more friendly in full screen mode.

The web page can be divided into several rectangles, and each rectangle can be displayed in a full screen view. In order to facilitate users to select their interesting content to display, the users can draw a region on the web page, and the segmentations under the region will be displayed in the full screen mode.

Templates for the segmentations are designed internally in the system, different types of child content in the web page can adopt different templates to display them more friendly. For example, menu template can be used to display menu without truncation in full screen mode; long text content can also use other template to display long text in scroll view.

Usually that is a bit hard for users to accurately draw the region, the undesired part on the web page may be under the drawing as well. By using this idea, this system needs to ignore the unwanted part and only focus on the main part under the drawing.

When the user draws a region on the mobile screen from the original web page. The covered page element is fetched into a new html page, and this html page can be displayed in a full screen mode in mobile by adopting certain template and adding CSS styles to the page elements to fit the screen width or add scroll bar to display more.

Every visible page element (like

,
    )has its relative coordinates in the web page(Pic 1). In order to fetch covered page elements correctly, the compare of relative coordinates b...