[發明專利]一種網頁轉換方法及裝置

在審

• 申請號: 202310425862.8
• 申請日: 2023-04-20
• 公開（公告）號: CN116185427A
• 公開（公告）日: 2023-05-30
• 發明（設計）人: 羅琨
• 申請（專利權）人: 北京盡微致廣信息技術有限公司
• 主分類號: G06F8/41
• 分類號: G06F8/41;G06F16/957
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 崔清楊

本發明提供一種網頁轉換方法及裝置，該網頁轉換方法包括：獲取待轉換網頁的網頁源代碼；解析網頁源代碼，得到多個解析結果；對于多個解析結果，確定解析結果對應的矢量轉換方法；利用矢量轉換方法對解析結果進行轉換，得到多個矢量數據；根據網頁源代碼將多個矢量數據進行組合，得到矢量圖層；導出矢量圖層，得到矢量圖層文件。通過將待轉換網頁轉換為矢量圖層文件，實現精確地還原網頁的視覺樣式和結構，同時矢量圖層文件便于用戶對網頁進行復刻、臨摹，降低了復刻難度，也有利于提高復刻速度。

技術領域

本發明涉及計算機技術領域，尤其涉及一種網頁轉換方法及裝置。

背景技術

互聯網中包含有海量設計精美且體驗優秀的網站和頁面，許多UI設計師和用戶體驗設計師習慣從中借鑒優秀的設計，以提高自身的產出效率和設計的可落地性。

設計師們通常對照著網頁或頁面截圖，在設計工具中進行復刻，包括對視覺表層的復刻；對頁面結構和布局的復刻以及對按鈕、輸入框和列表等組成部分的復刻，復刻的過程十分繁雜且耗時耗力。

發明內容

有鑒于此，本發明實施例提供一種網頁轉換方法及裝置，以解決目前網頁復刻過程繁雜且耗時耗力的問題。

為實現上述目的，本發明實施例提供如下技術方案：

本發明實施例第一方面公開一種網頁轉換方法，所述方法包括：

獲取待轉換網頁的網頁源代碼；

解析所述網頁源代碼，得到多個解析結果；

對于多個所述解析結果，確定所述解析結果對應的矢量轉換方法；

利用所述矢量轉換方法對所述解析結果進行轉換，得到多個矢量數據；

根據所述網頁源代碼將多個所述矢量數據進行組合，得到矢量圖層；

導出所述矢量圖層，得到矢量圖層文件。

優選的，所述獲取待轉換網頁的網頁源代碼，包括：

響應于觸發前端界面中導入功能的操作，根據在所述前端界面所鍵入的待轉換網頁的網址信息，獲取所述網址信息對應的網頁標識；

根據所述網頁標識獲取所述待轉換網頁的網頁源代碼。

優選的，所述獲取待轉換網頁的網頁源代碼，包括：

接收用戶通過前端界面輸入的網址；

通過所述前端界面訪問所述網址對應的待轉換網頁；

響應于觸發所述前端界面中獲取功能的操作，獲取所述待轉換網頁對應的網頁標識；

根據所述網頁標識獲取所述待轉換網頁的網頁源代碼。

優選的，所述根據所述網頁源代碼將多個所述矢量數據進行組合，得到矢量圖層，包括：

根據所述網頁源代碼確定多個所述矢量數據的層級關系和排列關系；

根據所述層級關系和所述排列關系組合多個所述矢量數據，得到矢量圖層。

優選的，導出所述矢量圖層，得到矢量圖層文件之后，還包括：

將所述矢量圖層文件進行發布。

本發明實施例第二方面公開一種網頁轉換裝置，所述裝置包括：

獲取單元，用于獲取待轉換網頁的網頁源代碼；

解析單元，用于解析所述網頁源代碼，得到多個解析結果；

確定單元，用于對于多個所述解析結果，確定所述解析結果對應的矢量轉換方法；

轉換單元，用于利用所述矢量轉換方法對所述解析結果進行轉換，得到多個矢量數據；

組合單元，用于根據所述網頁源代碼將多個所述矢量數據進行組合，得到矢量圖層；

導出單元，用于導出所述矢量圖層，得到矢量圖層文件。

優選的，所述獲取單元，包括：