[發明專利]頁面適配方法及裝置

在審

• 申請號: 202110181313.1
• 申請日: 2021-02-08
• 公開（公告）號: CN112860255A
• 公開（公告）日: 2021-05-28
• 發明（設計）人: 龍佳;譚兵琴
• 申請（專利權）人: 無線生活（杭州）信息科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/33
• 代理公司: 北京尚倫律師事務所 11477
• 代理人: 謝麗莎

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

獲取頁面設計稿中各元素的設計大小，所述設計大小用響應式單位表示，所述響應式單位的值跟隨設備屏幕大小的變化而變化；

將所述響應式單位轉換為目標設備屏幕對應的目標單位以及所述響應式單位在所述目標單位下的對應值；

根據轉換后的所述目標單位以及所述響應式單位在所述目標單位下的對應值生成新的樣式文件。

2.根據權利要求1所述的方法，其特征在于，所述將所述響應式單位轉換為目標設備屏幕對應的目標單位以及所述響應式單位在所述目標單位下的對應值，包括：

獲取所述目標單位與目標等份值的配置信息；

依次讀取項目中的樣式文件；

解析所述樣式文件得到樣式語法樹，所述樣式語法樹中包括：語句聲明以及規則聲明；

遍歷所述樣式語法樹中的所述語句聲明以及所述規則聲明，將所述響應式單位轉換為所述目標單位以及所述響應式單位在所述目標單位下的對應值。

3.根據權利要求2所述的方法，其特征在于，所述將所述響應式單位轉換為所述目標單位以及所述響應式單位在所述目標單位下的對應值，包括：

根據所述響應式單位與目標等份值的比值確定所述響應式單位在所述目標單位下的對應值。

4.根據權利要求1所述的方法，其特征在于，所述根據轉換后的所述目標單位以及所述響應式單位在所述目標單位下的對應值生成新的樣式文件，包括：

根據vw單位設置根節點字號屬性；

在body節點上還原設備默認字號；

根據所述響應式單位在所述目標單位下的對應值、所述根節點字號屬性和所述設備默認字號生成所述新的樣式文件。

5.根據權利要求4所述的方法，其特征在于，所述方法還包括：

在所述body節點上增加最大寬度設置參數；

所述根據所述響應式單位在所述目標單位下的對應值、所述根節點字號屬性和所述設備默認字號生成所述新的樣式文件，包括：

根據所述響應式單位在所述目標單位下的對應值、所述根節點字號屬性、所述設備默認字號和所述最大寬度設置參數生成所述新的樣式文件。

6.根據權利要求4所述的方法，其特征在于，在所述屏幕寬度為預設像素時對應的所述設備默認字號為預設字號。

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

獲取模塊，用于獲取頁面設計稿中各元素的設計大小，所述設計大小用響應式單位表示，所述響應式單位的值跟隨設備屏幕大小的變化而變化；

轉換模塊，用于將所述響應式單位轉換為目標設備屏幕對應的目標單位以及所述響應式單位在所述目標單位下的對應值；

生成模塊，用于根據轉換后的所述目標單位以及所述響應式單位在所述目標單位下的對應值生成新的樣式文件。

8.根據權利要求7所述的裝置，其特征在于，所述轉換模塊，包括：

獲取子模塊，用于獲取所述目標單位與目標等份值的配置信息；

讀取子模塊，用于依次讀取項目中的樣式文件；

解析子模塊，用于解析所述樣式文件得到樣式語法樹，所述樣式語法樹中包括：語句聲明以及規則聲明；

轉換子模塊，用于遍歷所述樣式語法樹中的所述語句聲明以及所述規則聲明，將所述響應式單位轉換為所述目標單位以及所述響應式單位在所述目標單位下的對應值。

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

處理器；

用于存儲處理器可執行指令的存儲器；

其中，所述處理器被配置為：

獲取頁面設計稿中各元素的設計大小，所述設計大小用響應式單位表示，所述響應式單位的值跟隨設備屏幕大小的變化而變化；

將所述響應式單位轉換為目標設備屏幕對應的目標單位以及所述響應式單位在所述目標單位下的對應值；

根據轉換后的所述目標單位以及所述響應式單位在所述目標單位下的對應值生成新的樣式文件。

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