[發明專利]一種網頁生成、顯示方法和裝置

在審

• 申請號: 201611027374.8
• 申請日: 2016-11-18
• 公開（公告）號: CN106776738A
• 公開（公告）日: 2017-05-31
• 發明（設計）人: 李躍紅
• 申請（專利權）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京潤澤恒知識產權代理有限公司11319
• 代理人: 蘇培華

技術領域

本發明涉及網頁技術領域，特別是涉及一種網頁顯示方法、一種網頁生成方法、一種網頁顯示裝置和一種網頁生成裝置。

背景技術

隨著移動設備的普及，移動網頁的開發越來越多。但是，目前市場上移動終端的品牌、型號非常多，不同移動終端的屏幕尺寸、設備像素均有較大差別，不同屏幕尺寸、像素對網頁的需求也不同，因此在網頁開發過程中需要將網頁與設備進行適配。

目前在移動網頁與設備的適配方式主要是使用百分比來開發移動網頁，該百分比的方式具備寬度適配能力，即網頁根據屏幕寬度調整布局，例如在適配過程中網頁內容的寬度超出屏幕寬度時，可以調整到下一行顯示，因此該適配方式不能使用具有絕對寬度的元素。

但是，使用百分比的方式開發網頁在后期的維護過程比較繁瑣，每次移動網頁的修改都需要手動計算比例并修改，影響網頁的維護效率。

發明內容

鑒于上述問題，提出了本發明以便提供一種克服上述問題或者至少部分地解決上述問題的網頁生成、顯示方法和相應的網頁生成、顯示裝置。

依據本發明的一個方面，提供了一種網頁顯示方法，包括：

獲取移動網頁的網頁數據，其中，所述網頁數據中網頁元素按照預設單位設置；

根據當前移動終端對應根元素的字體大小和預設單位，對所述移動網頁進行等比例調整；

顯示等比例調整后的移動網頁。

可選地，還包括：

計算當前移動終端對應根元素的字體大小。

可選地，所述計算當前移動終端對應根元素的字體大小包括：

獲取當前移動終端的屏幕尺寸信息，以及所述移動網頁的設計稿寬度；

依據所述屏幕尺寸信息和設計稿寬度計算所述移動網頁中根元素的字體大小。

可選地，所述根據當前移動終端對應根元素的字體大小和預設單位，對所述移動網頁進行等比例調整包括：

確定所述移動網頁中各網頁元素的元素尺寸；

按照所述根元素的字體大小和預設單位，對各網頁元素的元素尺寸進行等比例縮放。

可選地，所述元素尺寸的單位為預設單位；

所述按照根元素的字體大小和預設單位，所述對各網頁元素的元素尺寸進行等比例縮放包括：

確定所述根元素的字體大小和預設單位的比例；

依據所述比例對各網頁元素的元素尺寸進行等比例縮放。

可選地，所述顯示等比例調整后的移動網頁之前，還包括：

根據當前移動終端的分辨率設置所述移動網頁的網頁顯示區域。

根據本發明的另一方面，提供了一種網頁生成方法，包括：

在移動網頁開發過程中，按照所述預設單位設置移動網頁中各網頁元素，以供展示時根據當前移動終端對應根元素的字體大小和預設單位，對所述移動網頁進行等比例調整；

依據所述網頁元素生成移動網頁的網頁數據。

可選地，所述按照所述預設單位設置移動網頁中各網頁元素包括：

確定所述移動網頁中各網頁元素的尺寸信息；

按照預設單位對各網頁元素的尺寸信息進行更新。

可選地，所述確定所述移動網頁中各網頁元素的尺寸信息包括：

采用層疊樣式表處理器獲取所述移動網頁對應的層疊樣式表；

從所述層疊樣式表中獲取各網頁元素的尺寸信息。

可選地，所述按照預設單位對各網頁元素的尺寸信息進行更新包括：

將所述尺寸信息中原始單位轉換成預設單位；

按照預設單位更新所述層疊樣式表中獲取各網頁元素的尺寸信息。

可選地，所述預設單位的大小依據根元素的字體大小確定。

可選地，所述層疊樣式表處理器包括：層疊樣式表預處理器或層疊樣式表后處理器。

本發明還提供了一種網頁顯示裝置，包括：

獲取模塊，用于獲取移動網頁的網頁數據，其中，所述網頁數據中網頁元素按照預設單位設置；

調整模塊，用于根據當前移動終端對應根元素的字體大小和預設單位，對所述移動網頁進行等比例調整；

顯示模塊，用于顯示等比例調整后的移動網頁。

可選地，還包括：

根元素確定模塊，用于計算當前移動終端對應根元素的字體大小。

可選地，所述根元素確定模塊，用于獲取當前移動終端的屏幕尺寸信息，以及所述移動網頁的設計稿寬度；依據所述屏幕尺寸信息和設計稿寬度計算所述移動網頁中根元素的字體大小。

可選地，所述調整模塊，包括：