[發明專利]一種在移動終端中顯示網頁的方法及裝置

有效

• 申請號: 201410525792.4
• 申請日: 2012-04-23
• 公開（公告）號: CN104217037B
• 公開（公告）日: 2018-03-23
• 發明（設計）人: 孫濤
• 申請（專利權）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京華沛德權律師事務所11302
• 代理人: 劉杰

1.一種在移動終端中顯示網頁的方法，其特征在于，包括：

接收到通過移動終端訪問網頁的請求，根據所述請求向網頁服務器獲取所述網頁對應的資源；

對所述網頁資源中包含的頁面元素進行解析，解析過程中判斷當前頁面元素對應的標簽是否影響排版，如果存在影響排版的標簽，則對所述影響排版的標簽進行處理；所述影響排版的標簽包括：所述頁面元素為普通卷動元素、下標元素或上標元素對應的標簽；

根據處理后的標簽構造渲染樹的節點，判斷是否存在影響排版的層疊樣式表CSS屬性，如果存在影響排版的層疊樣式表CSS屬性，則去除影響排版的CSS屬性，之后按照構造的渲染樹對網頁內容進行繪制并顯示；其中，

所述對所述影響排版的標簽進行處理，包括：

將影響排版的標簽去掉，以便在根據處理后的標簽構造渲染樹的節點時，將該標簽對應的頁面元素作為普通文本處理。

2.根據權利要求1所述的方法，其特征在于，所述對所述影響排版的標簽進行處理包括：

將當前頁面元素去掉，以便在根據處理后的標簽構造渲染樹的節點時，不再生成該頁面元素對應的節點。

3.根據權利要求2所述的方法，其特征在于，所述將當前頁面元素去掉包括：

如果所述當前正在解析的頁面元素為普通卷動元素、包含對象的元素、嵌入頁面的元素、下標元素或上標元素，則將這種頁面元素去掉。

4.根據權利要求1所述的方法，其特征在于，所述對所述影響排版的標簽進行處理包括：

將影響排版的標簽中定義的CSS屬性值進行修改；

所述根據處理后的標簽構造渲染樹的節點包括：

利用修改后的CSS屬性值為渲染樹中該頁面元素對應的節點的CSS屬性進行賦值；其中，所述影響排版的標簽包括：

所述頁面元素為表格元素、表單輸入控件、下拉菜單/列表、文本域或內 聯框架元素、圖像元素、超鏈接元素或分區元素對應的標簽。

5.根據權利要求4所述的方法，其特征在于，所述將影響排版的標簽中定義的CSS屬性值進行修改包括：

當所述當前正在解析的頁面元素為表格元素時，對表格元素及表格元素的內聯元素的CSS值進行修改，以便所述表格元素能夠自動換行；

或者，

當所述當前正在解析的頁面元素為表單輸入控件、下拉菜單/列表、文本域或內聯框架元素，并且存在表示其寬度的絕對數值時，將所述絕對數值修改為相對數值；

或者，

當所述當前正在解析的頁面元素為圖像元素時，比較該圖像元素的width值與移動終端的屏幕寬度值，如果所述width值大于移動終端的屏幕寬度值，則按照所述width值與移動終端的屏幕寬度之間的比例，等比例縮小所述width值；如果所述width值小于移動終端的屏幕寬度值，但大于移動終端的屏幕寬度值的二分之一，則將該圖像元素的位置屬性值修改為居中顯示；

或者，

如果所述當前正在解析的頁面元素為超鏈接元素，并且所述超鏈接元素中包含img標簽以及文本，則為所述img標簽加入邊界屬性值；

或者，

如果所述當前正在解析的頁面元素為分區元素，則為所述分區元素加入邊界屬性值。

6.根據權利要求1所述的方法，所述將渲染樹節點中包含的影響排版的CSS屬性去掉包括：

將所述當前正在解析的頁面元素包含的寬度高度的絕對屬性、定位屬性、背景圖屬性和/或與文本顯示相關的屬性去掉；

和/或，

將元素盒模型中的邊框與填充屬性去掉。

7.根據權利要求6所述的方法，其特征在于，如果將所述當前正在解析的頁面元素的背景圖去掉，則還包括：

修改所述頁面元素中包含的文本的顏色屬性值，以保證在去掉背景圖之后所述文本的辨識度。

8.根據權利要求7所述的方法，其特征在于，所述修改所述頁面元素中包含的文本的顏色屬性值，包括：

如果頁面元素內文本顏色是白色,則設置所述文本顏色為網頁文本默認顏色；

或者，

如果網頁元素內文本顏色不是白色，并且所述元素背景色不透明，則設置文本顏色為所述元素背景色具有預置色差值的顏色；

或者，

如果網頁元素內文本顏色不是白色，并且所述元素背景色透明，則設置文本顏色為與此網頁的主體元素的背景色具有預置色差值的顏色。