[發明專利]一種實時預覽的實現方法、裝置、系統及存儲介質

有效

• 申請號: 201811626812.1
• 申請日: 2018-12-28
• 公開（公告）號: CN109740096B
• 公開（公告）日: 2021-04-20
• 發明（設計）人: 鐘永安
• 申請（專利權）人: 廣州華多網絡科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958
• 代理公司: 北京晉德允升知識產權代理有限公司 11623
• 代理人: 王戈

1.一種實時預覽的實現方法，其特征在于，包括：

建立網頁編輯終端與服務器之間的連接；

根據連接信息建立網頁預覽終端與所述服務器之間的連接，其中，所述連接信息由網頁編輯終端生成，所述連接信息包括二維碼和鏈接地址；

所述服務器接收所述網頁編輯終端發送的編輯信息，并將所述編輯信息發送至所述網頁預覽終端，以實現所述網頁預覽終端對所述網頁編輯終端中網頁編輯狀態的實時預覽；

所述網頁編輯終端為計算機編輯終端，所述網頁預覽終端為移動預覽終端；

在所述建立網頁編輯終端與服務器之間的連接之前，還包括：

所述網頁編輯終端從網絡中加載第一控制文件和第二控制文件，其中：

所述第一控制文件，用于編輯網頁；

所述第二控制文件，用于控制編輯網頁中供預覽終端預覽的區域；

在根據所述連接信息建立網頁預覽終端與所述服務器之間的連接之前，還包括：

所述網頁預覽終端根據所述連接信息從網絡中加載第三控制文件和第二控制文件，其中：

所述第三控制文件，用于控制編輯網頁中供預覽終端預覽的區域的信息；

所述第二控制文件，用于控制所述預覽終端預覽的區域，其中，所述網頁編輯終端采用所述第二控制文件控制編輯網頁中供預覽終端預覽的區域。

2.根據權利要求1所述的實現方法，其特征在于，在所述建立網頁編輯終端與服務器之間的連接之后，還包括：

生成用于建立所述網頁預覽終端與所述服務器之間的連接的連接信息。

3.根據權利要求2所述的實現方法，其特征在于，所述建立網頁編輯終端與所述服務器之間的連接，具體為：建立所述網頁編輯終端與所述服務器之間的Websocket連接；

所述根據所述連接信息建立網頁預覽終端與所述服務器之間的連接，具體為：根據所述連接信息建立所述網頁預覽終端與所述服務器之間的Websocket連接。

4.根據權利要求3所述的實現方法，其特征在于，在實現所述網頁預覽終端對所述網頁編輯終端中網頁編輯狀態的實時預覽的步驟之前，還包括：

判斷所述預覽終端是否為預覽狀態，當所述預覽終端為預覽狀態時執行所述實時預覽的步驟。

5.根據權利要求4所述的實現方法，其特征在于，在實現所述網頁預覽終端對所述網頁編輯終端中網頁編輯狀態的實時預覽的步驟之后，還包括：

當所述網頁預覽終端的預覽網頁中出現內容顯示異常時，通過所述網頁預覽終端對所述網頁編輯終端中的網頁編輯狀態進行反饋。

6.根據權利要求5所述的實現方法，其特征在于，通過所述網頁預覽終端對所述網頁編輯終端中的網頁編輯狀態進行反饋的步驟，具體包括：

通過點擊所述預覽網頁中顯示異常的組件產生反饋信息，所述網頁預覽終端將所述反饋信息發送至所述服務器，所述服務器接收所述反饋信息并將所述反饋信息發送至所述網頁編輯終端，以實現所述網頁預覽終端對所述網頁編輯終端的反饋。

7.根據權利要求6所述的實現方法，其特征在于，所述網頁編輯終端在接收到所述反饋信息后，對所述反饋信息進行響應，所述響應包括對所述組件高亮顯示或者彈出設置窗。