[發明專利]Web頁面的開發方法、裝置、設備及存儲介質

在審

• 申請號: 202210513782.3
• 申請日: 2022-05-11
• 公開（公告）號: CN114895906A
• 公開（公告）日: 2022-08-12
• 發明（設計）人: 葉偉
• 申請（專利權）人: 中國平安財產保險股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/958
• 代理公司: 深圳市明日今典知識產權代理事務所(普通合伙) 44343
• 代理人: 王杰輝;羅志強

本申請涉及開發輔助技術領域，揭示了一種Web頁面的開發方法、裝置、設備及存儲介質，其中方法包括：判斷預設的字體圖標更新腳本中的字體圖標資源鏈接引入結果與目標字體圖標資源鏈接是否相同；若不相同，則根據目標字體圖標資源鏈接對字體圖標資源鏈接引入結果進行替換；運行字體圖標更新腳本，根據預設的字體圖標庫對頁面開發工程包的字體圖標文件夾進行更新；在頁面開發工程包中引入字體圖標文件夾中的樣式文件；在頁面開發工程包中，基于字體圖標文件夾獲取用戶輸入的目標Web頁面代碼；根據字體圖標文件夾和目標Web頁面代碼生成目標Web頁面數據包。避免了靜態資源放置混亂，避免重復存放字體圖標，減小項目包體積，減少冗余代碼。

技術領域

本申請涉及到開發輔助技術領域，特別是涉及到一種Web頁面的開發方法、裝置、設備及存儲介質。

背景技術

在開發Web(全球廣域網)頁面時，如需要新增或修改圖標，前端開發人員首先找UI(界面)設計人員切圖，然后再添加到項目中以進行引用和調樣式。每次引入新圖標增大了項目包體積，并且需要寫樣式代碼，增加了項目的冗余代碼；不同前端開發人員增加圖標、放置圖標的位置不一樣，很可能導致重復存放圖標，增大了項目包體積，而且導致項目中靜態資源放置混亂，不利于項目包的后期維護。

發明內容

本申請的主要目的為提供一種Web頁面的開發方法、裝置、設備及存儲介質，旨在解決現有技術的在開發Web頁面時通過添加切圖到項目中以進行引用和調樣式，導致增大了項目包體積、項目中靜態資源放置混亂，增加了項目的冗余代碼的技術問題。

為了實現上述發明目的，本申請提出一種Web頁面的開發方法，所述方法包括：

獲取頁面開發請求，所述頁面開發請求攜帶有目標字體圖標資源鏈接；

判斷預設的字體圖標更新腳本中的字體圖標資源鏈接引入結果與所述目標字體圖標資源鏈接是否相同；

若不相同，則根據所述目標字體圖標資源鏈接，對所述字體圖標資源鏈接引入結果進行替換；

運行所述字體圖標更新腳本，根據預設的字體圖標庫，對頁面開發工程包的字體圖標文件夾進行更新；

在所述頁面開發工程包中引入所述字體圖標文件夾中的樣式文件；

在所述頁面開發工程包中，基于所述字體圖標文件夾，獲取用戶輸入的目標Web頁面代碼；

根據所述字體圖標文件夾和所述目標Web頁面代碼生成目標Web頁面數據包。

進一步的，所述根據預設的字體圖標庫，對頁面開發工程包的字體圖標文件夾進行更新的步驟，包括：

判斷所述頁面開發工程包的資源文件夾中是否存在所述字體圖標文件夾；

若不存在，則在所述資源文件夾中新建文件夾作為所述字體圖標文件夾；

根據所述字體圖標資源鏈接引入結果，從所述字體圖標庫中獲取CSS資源內容；

對所述CSS資源內容進行依賴資源鏈接解析；

從所述字體圖標庫中獲取與每個所述依賴資源鏈接對應的依賴資源文件；

根據所述字體圖標文件夾的鏈接地址，對所述CSS資源內容中的遠程鏈接進行替換，得到待存儲的樣式文件；

根據各個所述依賴資源文件和所述待存儲的樣式文件，對所述字體圖標文件夾進行更新。

進一步的，所述對所述CSS資源內容進行依賴資源鏈接解析的步驟，包括：

將所述CSS資源內容進行字符串轉換，得到待解析字符串；

對所述待解析字符串進行所述依賴資源鏈接解析。