[發明專利]網頁顯示方法及裝置

有效

• 申請號: 201310629615.6
• 申請日: 2013-11-29
• 公開（公告）號: CN103605783B
• 公開（公告）日: 2017-09-29
• 發明（設計）人: 曾錦和;梁捷
• 申請（專利權）人: 優視科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京弘權知識產權代理事務所(普通合伙)11363
• 代理人: 逯長明,陳蕾

技術領域

本發明涉及移動通信技術領域，特別是涉及一種網頁顯示方法及裝置。

背景技術

用戶在使用便攜終端，如手機、PAD等，瀏覽網頁時，由于網頁依照臺式電腦的屏幕尺寸設計，而便攜終端的屏幕尺寸偏小，如果將原始網頁顯示在便攜移動終端屏幕上，則網頁的高度和寬度會超出便攜終端屏幕，當用戶進行瀏覽時，需要邊瀏覽邊調整網頁的內容；如果將網頁直接完整的縮小至與便攜終端屏幕尺寸一致進行顯示，則網頁內容顯示過小，用戶無法清楚的瀏覽網頁內容，嚴重影響用戶體驗。

針對上述問題，目前在便攜終端中廣泛采用的網頁顯示方法為：通過放大部分內容的字體，提高網頁在便攜終端上的可讀性。具體實現方法如下：對網頁內容進行排版時，保證網頁整體布局不變，對網頁重點內容的文本進行放大，使重點內容的文字達到可閱讀的效果。當用戶需要對部分內容詳細閱讀時，再通過交互的方式對該部分文本內容再次進行放大。雖然該方法對文本進行了優化，而且能保證網頁整體布局的完整，但是文本的放大導致某些區域排版的變形和文字的溢出隱藏，對局部細節的排版產生了破壞。

因此，如何提供一種既能保證可讀性，又能保留網頁細節排版的網頁顯示方法，成為本領域亟待解決的問題。

發明內容

本申請實施例提供了一種網頁顯示方法及裝置，既能提高網頁在便攜終端上可讀性，又能夠保留網頁的細節排版，改善了用戶體驗。

第一方面，本申請實施例公開了一種網頁顯示方法，所述方法包括：獲取待顯示網頁的源代碼；解析所述源代碼形成樹狀節點；將所述樹狀節點按照所述源代碼的樣式規范進行排版；根據排版后的樹狀節點定位主容器；定位所述主容器內的至少一個次容器，其中，每個所述次容器包含一部分所述待顯示網頁的元素；調整所述次容器的面積；繪制調整后的次容器，將所述次容器所包含的待顯示網頁的元素在屏幕上顯示。

在第一方面的第一種可能的實現方式中，所述根據排版后的樹狀節點定位主容器，包括：判斷當前節點的上級節點是否為空或者其上級節點是否為主容器；當所述當前節點的上級節點為空或者為主容器時，判斷當前節點的高度是否為固定值；當所述當前節點高度不是固定值時，如果上級節點為空，將當前節點定位為主容器；如果所述當前節點的上級節點為主容器，當所述當前節點的寬度大于等于根節點寬度的50%，且大于等于其上級節點寬度的90%，將所述當前節點定位為主容器。

結合第一方面或第一方面的第一種可能的實現方式，在第二種可能的實現方式中，所述定位所述主容器內包含的至少一個次容器，包括：判斷所述當前節點的上級節點是否為主容器；當所述上級節點為主容器，如果所述當前節點的寬度為其上級節點寬度的20%到80%，將所述當前節點定位為次容器。

結合第一方面或第一方面的第一種或第二種可能的實現方式，在第三種可能的實現方式中，所述調整所述次容器的面積，包括：計算每個所述次容器的面積，并得到所有次容器面積的平均值；比較每個所述次容器的面積與所述平均值的大小；若所述次容器的面積大于所述平均值，將所述次容器按預設比例系數k進行放大，其中，所述k大于1；同時，將其他次容器進行相應縮小，以保持次容器的總寬度不變。

結合第一方面或第一方面的第一種或第二種或第三種可能的實現方式，在第四種可能的實現方式中，所述方法還包括：接收切換命令；生成所述目標次容器的縮放比例系數u；將所述目標次容器的面積進行u倍調整，并對應調整其他次容器的面積，以保持次容器的總寬度不變；繪制調整后的次容器，將所述次容器的元素在屏幕上進行顯示。

結合第一方面或第一方面的第一種或第二種或第三種或第四種可能的實現方式，在第五種可能的實現方式中，所述生成所述目標次容器的縮放比例系數，包括：比較所述屏幕的寬度與所述主容器的寬度，取二者之中的最小值；將所述最小值與所述預設比例系數k作乘法計算，乘法計算的結果除以所述目標次容器的寬度，得到第一縮放系數u1；將所述主容器的高度值除以所述目標次容器的高度值，得到第二縮放系數u2；將所述u1和所述u2中的最小值確定為所述縮放比例系數u。