Classifications

• • G—PHYSICS
  • G06—COMPUTING OR CALCULATING; COUNTING
  • G06F—ELECTRIC DIGITAL DATA PROCESSING
  • G06F40/00—Handling natural language data
  • G06F40/10—Text processing
  • G06F40/12—Use of codes for handling textual entities
  • G06F40/14—Tree-structured documents
  • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• • G—PHYSICS
  • G06—COMPUTING OR CALCULATING; COUNTING
  • G06F—ELECTRIC DIGITAL DATA PROCESSING
  • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
  • G06F16/90—Details of database functions independent of the retrieved data types
  • G06F16/95—Retrieval from the web
  • G06F16/957—Browsing optimisation, e.g. caching or content distillation
  • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
• • G—PHYSICS
  • G06—COMPUTING OR CALCULATING; COUNTING
  • G06F—ELECTRIC DIGITAL DATA PROCESSING
  • G06F17/00—Digital computing or data processing equipment or methods, specially adapted for specific functions

Definitions

• the present invention relates to the field of mobile internet technologies, and in particular, to a method for re-layout of a web page. Background technique
• Microsoft's IE Mobi le series browser in its early Windows Mobi le system uses a strategy to vertically map all the elements in a web page. Arranged for user-friendly reading.
• Google adopts text automatic line wrapping technology, that is, when the webpage is zoomed, the text paragraph in the webpage is re-typed, so that the text automatically wraps according to the current zoom ratio and the relationship of the screen, ensuring that the user is in the user. When reading, there is no need to scroll left and right on the web page.
• Apple's browser in the iPhone series, and Microsoft's browser in its Windows Phone 7 system adopted Text Scaling technology to make different font sizes in different containers of the web page when rendering the web page for the first time.
• the adjustment ensures that when the container is zoomed to the center of the screen, the size of the text in the container is suitable for the user to read and does not need to scroll left and right. This technique successfully avoids re-formatting the webpage every time it is zoomed.
• server cache acceleration technology invented by UTV Dynamics (UCWEB Browser). This technology reduces the number of connections to the web server by re-formatting the web page on the server, making the font and width of the web page use the lower resolution of the mobile device, and by caching the rearranged web pages.
• Server rearrangement technology requires a large amount of server resources and is costly.
• the object of the present invention is to provide a method for re-layout of a webpage, which can fully adapt to the screen resolution of the device, bring a very good browsing experience to the user, and at the same time retain the information and interaction of the original webpage to the greatest extent, and effectively filter out the webpage.
• the irrelevant elements in the page improve the page loading speed and save network bandwidth.
• a method for re-layout a webpage comprising the following steps:
• the mobile browser client obtains the webpage address
• the mobile browser client determines whether the webpage corresponding to the webpage address satisfies the identification rule. If yes, go to step C. If not, load the webpage and display the webpage content; C. mobile browser client Obtaining the HTML code of the webpage; D. The mobile browser client extracts an element containing valid information from the HTML code of the webpage according to the content extraction rule, and extracts valid information from the element;
• the mobile browser client inserts valid information of the webpage into a predefined frame page to generate a new webpage
• the mobile browser client loads a new web page and displays the web content.
• the identification rule includes a URL rule, a special element rule, and a webpage format rule, wherein the URL rule is implemented by a regular expression, and the special element rule determines whether the current webpage meets the requirement by searching for the qualified element in the webpage, and the webpage format rule is According to the overall hierarchical structure of the web page elements to determine whether it meets the requirements.
• the special element rule includes determining whether the id of the body element in the web page is a special character; the web page formatting rule includes determining whether the body of the web page contains two div elements.
• the content extraction rule is implemented by an XPath technology.
• the content extraction rules include a news content webpage content extraction rule, a novel reading webpage content extraction rule, and a forum post list webpage content extraction rule.
• Valid information includes internal HTML code and hyperlink information.
• Step E further includes the following steps:
• the mobile browser client inserts the valid information of the webpage into the predefined framework page; in the framework page, by pre-defining the cascading style sheet, combined with the characteristics of the mobile browser client, the layout style is presented, and a new webpage is generated.
• FIG. 1 is a flow chart of a web page re-typesetting in a specific embodiment of the present invention. detailed description
• FIG. 1 is a flow chart of a web page re-typesetting in a specific embodiment of the present invention. As shown in FIG. 1, the process of re-formatting the webpage includes the following steps:
• Step 101 The mobile browser client obtains the webpage address that needs to be accessed.
• Step 102 The mobile browser client determines whether the webpage corresponding to the webpage address satisfies the identification rule lj. If yes, the process goes to step 104. If not, the process goes to step 103.
• the identification rules are stored in the mobile browser client, including URL rules, special element rules, and web page formatting rules.
• the URL rule is implemented by a regular expression.
• the special element rule is to determine whether the current webpage meets the requirements by finding an eligible element in the webpage, for example, including determining whether the id of the body element in the webpage is a special character.
• the web page format rule determines whether the content meets the requirements according to the overall hierarchical structure of the web page element, for example, including determining whether the body of the web page contains two div elements.
• Step 103 Load a webpage, and display webpage content.
• Step 104 The mobile browser client obtains the HTML code of the webpage.
• Step 105 The mobile browser client extracts an element containing valid information from the HTML code of the webpage according to the content extraction rule, and extracts valid information from the element, where the valid information includes an internal HTML code and hyperlink information.
• the content extraction rule is stored in the mobile browser client, including the news content web content extraction rule, the novel reading web content extraction rule, and the forum post list web content extraction rule. For different types of web pages, different rules need to be defined.
• the content extraction rule describes a collection of HTML elements or a set of HTML elements, which is generally implemented by XPath technology.
• Step 106 The mobile browser client inserts the valid information of the webpage into the predefined framework page, and in the framework page, by pre-defining the cascading style sheet, combining the characteristics of the mobile browser client, presenting the typesetting style and generating a new webpage.
• Features of the mobile browser client include resolution and display features.
• Step 107 The mobile browser client loads a new webpage and displays the webpage content.
• the frame definitions and the styles contained in the page are different.
• the same framepage and style are used, so the effect of the re-formatted page is the same.

Landscapes

• Engineering & Computer Science (AREA)
• Theoretical Computer Science (AREA)
• Physics & Mathematics (AREA)
• Databases & Information Systems (AREA)
• General Engineering & Computer Science (AREA)
• General Physics & Mathematics (AREA)
• Data Mining & Analysis (AREA)
• Computational Linguistics (AREA)
• Health & Medical Sciences (AREA)
• Artificial Intelligence (AREA)
• Audiology, Speech & Language Pathology (AREA)
• General Health & Medical Sciences (AREA)
• Software Systems (AREA)
• Mathematical Physics (AREA)
• Information Transfer Between Computers (AREA)
• Document Processing Apparatus (AREA)

Priority Applications (4)

Applications Claiming Priority (2)

Publications (1)

Family

ID=46562305

Family Applications (1)

Country Status (6)

Cited By (4)

Families Citing this family (21)

Citations (5)

Family Cites Families (14)

• 2011
  • 2011-03-14 CN CN2011100603429A patent/CN102622382A/zh active Pending
• 2012
  • 2012-03-13 JP JP2013556961A patent/JP2014514629A/ja active Pending
  • 2012-03-13 KR KR1020137024111A patent/KR20140012664A/ko not_active Ceased
  • 2012-03-13 US US14/004,410 patent/US20140215314A9/en not_active Abandoned
  • 2012-03-13 WO PCT/CN2012/072285 patent/WO2012122934A1/zh not_active Ceased
  • 2012-03-13 EP EP12757856.5A patent/EP2687997A4/en not_active Withdrawn

Patent Citations (5)

Non-Patent Citations (1)

Also Published As

Similar Documents

Legal Events