[發明專利]頁面適配方法、裝置、設備和存儲介質

在審

• 申請號: 201910314570.0
• 申請日: 2019-04-18
• 公開（公告）號: CN110147230A
• 公開（公告）日: 2019-08-20
• 發明（設計）人: 王海艷;賀青;王麗波;張耀
• 申請（專利權）人: 浙江數鏈科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 杭州華進聯浙知識產權代理有限公司 33250
• 代理人: 舒丁

1.一種頁面適配方法，其特征在于，所述方法包括：

獲取頁面設計文件，獲取用戶設備的設備像素比和屏幕分辨率；

根據所述設備像素比確定所述用戶設備的頁面縮放比值；

根據所述屏幕分辨率確定所述用戶設備的頁面布局基準值；

按照所述頁面縮放比值和所述頁面布局基準值，生成所述頁面設計文件在所述用戶設備上對應的適配頁面。

2.根據權利要求1所述的方法，其特征在于，所述獲取用戶設備的設備像素比和屏幕分辨率的步驟，包括：

獲取所述用戶設備的設備獨立像素和設備像素比；

依據所述設備獨立像素和所述設備像素比，計算所述屏幕分辨率。

3.根據權利要求1所述的方法，其特征在于，所述根據所述設備像素比確定所述用戶設備的頁面縮放比值的步驟，包括：

根據所述設備像素比的反比例函數值確定所述頁面縮放比值。

4.根據權利要求3所述的方法，其特征在于，所述生成所述頁面設計文件在所述用戶設備上對應的適配頁面的步驟，包括：

將所述適配頁面的元數據meta標簽中的縮放比值配置為所述頁面縮放比值，并將所述meta標簽中的布局寬度配置為所述用戶設備的屏幕寬度。

5.根據權利要求1所述的方法，其特征在于，所述生成所述頁面設計文件在所述用戶設備上對應的適配頁面的步驟，包括：

當所述頁面設計文件上頁面元素的類型為圖像類型時，查詢在所述設備像素比下所述頁面元素對應的尺寸要求；

從預設的圖像庫中獲取圖像尺寸滿足所述尺寸要求的所述頁面元素，并將滿足所述尺寸要求的所述頁面元素加載至所述適配頁面。

6.根據權利要求1所述的方法，其特征在于，所述生成所述頁面設計文件在所述用戶設備上對應的適配頁面的步驟，包括：

當所述頁面設計文件上頁面元素的類型為文字類型時，查詢所述頁面元素的字體大小在所述設備像素比下對應的網頁字體大小，按照所述網頁字體大小調整所述頁面元素在所述適配頁面上的字體大小。

7.根據權利要求1所述的方法，其特征在于，所述生成所述頁面設計文件在所述用戶設備上對應的適配頁面的步驟，包括：

當所述頁面設計文件上頁面元素的類型不為圖像類型或文字類型時，根據所述頁面布局基準值和所述頁面設計文件上頁面元素的像素值，計算所述頁面元素的rem值；

按照所述頁面元素的rem值對所述頁面元素進行布局。

8.一種頁面適配裝置，其特征在于，所述裝置包括：

數據獲取模塊，用于獲取頁面設計文件，獲取用戶設備的設備像素比和屏幕分辨率；

縮放比值確定模塊，用于根據所述設備像素比確定所述用戶設備的頁面縮放比值；

基準值確定模塊，用于根據所述屏幕分辨率計算所述用戶設備的頁面布局基準值；以及

頁面生成模塊，用于按照所述頁面縮放比值和所述頁面布局基準值，生成所述頁面設計文件在所述用戶設備上對應的適配頁面。

9.一種計算機設備，包括存儲器和處理器，所述存儲器存儲有計算機程序，其特征在于，所述處理器執行所述計算機程序時實現權利要求1至7中任一項所述方法的步驟。

10.一種計算機可讀存儲介質，其上存儲有計算機程序，其特征在于，所述計算機程序被處理器執行時實現權利要求1至7中任一項所述的方法的步驟。