[發明專利]一種網頁開發預覽方法、裝置及電子設備

在審

• 申請號: 202010974807.0
• 申請日: 2020-09-16
• 公開（公告）號: CN112068824A
• 公開（公告）日: 2020-12-11
• 發明（設計）人: 俞洋
• 申請（專利權）人: 杭州海康威視數字技術股份有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/33
• 代理公司: 北京柏杉松知識產權代理事務所(普通合伙) 11413
• 代理人: 丁蕓;馬敬

1.一種網頁開發預覽方法，其特征在于，所述方法包括：

獲取針對待開發網頁的修改位置信息和修改所用的組件數據，以及所述待開發網頁的待編輯網頁程序；

從預設的組件庫中，匹配得到所述組件數據對應的代碼模板；

控制所述待編輯網頁程序中所述修改位置信息對應位置處的源代碼替換為所述代碼模板；

對替換后的待編輯網頁程序進行圖像渲染，得到待顯示網頁圖像；

控制所述待顯示網頁圖像預覽顯示。

2.根據權利要求1所述的方法，其特征在于，所述獲取針對待開發網頁的修改位置信息和修改所用的組件數據的步驟，包括：

獲取用戶端設備發送的針對待開發網頁的修改位置信息和修改所用的組件數據；

所述控制所述待顯示網頁圖像預覽顯示的步驟，包括：

對所述待顯示網頁圖像進行截圖操作，得到目標預覽圖像；

將所述目標預覽圖像發送至用戶端設備，以使所述用戶端設備對所述目標預覽圖像進行預覽。

3.根據權利要求1所述的方法，其特征在于，所述獲取所述待開發網頁的待編輯網頁程序的步驟，包括：

獲取待開發網頁的網頁信息、所述待開發網頁的原始網頁程序所在設備的設備信息；

根據所述設備信息及所述網頁信息，獲得所述待開發網頁的待編輯網頁程序，其中，所述待編輯網頁程序包括所述原始網頁程序，或者基于所述原始網頁程序修改后的待編輯網頁程序；

在所述獲取針對待開發網頁的修改位置信息和修改所用的組件數據的步驟之前，所述方法還包括：

對所述待編輯網頁程序進行圖像渲染，得到初始網頁圖像；

控制所述初始網頁圖像預覽顯示。

4.根據權利要求3所述的方法，其特征在于，在所述根據所述設備信息及所述網頁信息，獲得所述待開發網頁的待編輯網頁程序的步驟之前，所述方法還包括：

獲取瀏覽器實例地址；

根據所述瀏覽器實例地址，獲得瀏覽器實例當前運行網頁的網頁信息；

所述根據所述設備信息及所述網頁信息，獲得所述待開發網頁的待編輯網頁程序的步驟，包括：

若所述瀏覽器實例當前運行網頁的網頁信息與所述待開發網頁的網頁信息不同，則根據所述設備信息及所述待開發網頁的網頁信息，獲得所述待開發網頁的待編輯網頁程序。

5.根據權利要求3所述的方法，其特征在于，在所述根據所述設備信息及所述網頁信息，獲得所述待開發網頁的待編輯網頁程序的步驟之前，所述方法還包括：

獲取賬號認證信息；

根據所述設備信息，向所述設備信息對應的設備發送所述賬號認證信息；

所述根據所述設備信息及所述網頁信息，獲得所述待開發網頁的待編輯網頁程序的步驟，包括：

在所述設備對所述賬號認證信息認證成功的情況下，根據所述設備信息及所述網頁信息，獲得所述待開發網頁的待編輯網頁程序。

6.根據權利要求3-5任一項所述的方法，其特征在于，所述根據所述設備信息及所述網頁信息，獲得所述待開發網頁的待編輯網頁程序的步驟，包括：

根據所述設備信息及所述網頁信息，從所述設備信息對應的設備中獲取所述待開發網頁的原始網頁程序，作為所述待開發網頁的待編輯網頁程序；

或者，

根據所述設備信息及所述網頁信息，從所述設備信息對應的設備中獲取所述待開發網頁的原始網頁程序；識別所述原始網頁程序中的代碼槽點，其中，所述代碼槽點為所述原始網頁程序中預留的可開發代碼；將所述代碼槽點替換為預設顯示代碼，得到基于所述原始網頁程序修改后的待編輯網頁程序，其中，所述預設顯示代碼在所述初始網頁圖像中對應顯示為預設形狀，所述修改位置信息與任一所述預設形狀對應，所述組件數據為選擇在所述預設形狀處修改所用的組件數據。