[發(fā)明專利]一種網(wǎng)頁開發(fā)預(yù)覽方法、裝置及電子設(shè)備

在審

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

本發(fā)明實施例提供了一種網(wǎng)頁開發(fā)預(yù)覽方法、裝置及電子設(shè)備，獲取針對待開發(fā)網(wǎng)頁的修改位置信息和修改所用的組件數(shù)據(jù)、待開發(fā)網(wǎng)頁的待編輯網(wǎng)頁程序，從預(yù)設(shè)的組件庫中，匹配得到組件數(shù)據(jù)對應(yīng)的代碼模板，控制待編輯網(wǎng)頁程序中修改位置信息對應(yīng)位置處的源代碼替換為代碼模板，對替換后的待編輯網(wǎng)頁程序進行圖像渲染，得到待顯示網(wǎng)頁圖像，控制待顯示網(wǎng)頁圖像預(yù)覽顯示。對待開發(fā)網(wǎng)頁的待編輯網(wǎng)頁程序進行修改，對修改后的待編輯網(wǎng)頁程序進行圖像渲染，控制圖像渲染得到的待顯示網(wǎng)頁圖像預(yù)覽顯示，無需技術(shù)人員對待編輯網(wǎng)頁程序進行代碼編程，即可實現(xiàn)對網(wǎng)頁開發(fā)效果的及時預(yù)覽。

技術(shù)領(lǐng)域

本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別是涉及一種網(wǎng)頁開發(fā)預(yù)覽方法、裝置及電子設(shè)備。

背景技術(shù)

隨著互聯(lián)網(wǎng)的普及與發(fā)展，越來越多的用戶在互聯(lián)網(wǎng)上瀏覽網(wǎng)頁。針對不同用戶的需求，需要對網(wǎng)頁進行開發(fā)，在當(dāng)前的網(wǎng)頁開發(fā)中，需要技術(shù)人員具備專業(yè)的代碼編程能力，通過代碼編程實現(xiàn)對網(wǎng)頁的開發(fā)。

由于使用互聯(lián)網(wǎng)的用戶大多不具備代碼編程能力，而不同的用戶對網(wǎng)頁有不同的開發(fā)需求，需要專業(yè)的技術(shù)人員收集用戶需求，再根據(jù)用戶需求進行相應(yīng)的代碼編程，以實現(xiàn)網(wǎng)頁開發(fā)。然而，用戶的需求可能隨時變化，或者，網(wǎng)頁開發(fā)效果并不能滿足用戶的實際需求，則需要技術(shù)人員重復(fù)地進行代碼編程，使得網(wǎng)頁開發(fā)效率極低。

如果用戶在提出開發(fā)需求后，能夠立即對網(wǎng)頁開發(fā)效果進行預(yù)覽，用戶可及時觀察到網(wǎng)頁開發(fā)效果是否滿足實際需求，從而能夠極大程度地提高網(wǎng)頁開發(fā)效率。因此，如何對網(wǎng)頁開發(fā)效果進行及時預(yù)覽，成為網(wǎng)頁開發(fā)中亟待解決的技術(shù)問題。

發(fā)明內(nèi)容

本發(fā)明實施例的目的在于提供一種網(wǎng)頁開發(fā)預(yù)覽方法、裝置及電子設(shè)備，以實現(xiàn)對網(wǎng)頁開發(fā)效果進行及時預(yù)覽。具體技術(shù)方案如下：

第一方面，本發(fā)明實施例提供了一種網(wǎng)頁開發(fā)預(yù)覽方法，該方法包括：

獲取針對待開發(fā)網(wǎng)頁的修改位置信息和修改所用的組件數(shù)據(jù)，以及待開發(fā)網(wǎng)頁的待編輯網(wǎng)頁程序；

從預(yù)設(shè)的組件庫中，匹配得到組件數(shù)據(jù)對應(yīng)的代碼模板；

控制待編輯網(wǎng)頁程序中修改位置信息對應(yīng)位置處的源代碼替換為代碼模板；

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

控制待顯示網(wǎng)頁圖像預(yù)覽顯示。

第二方面，本發(fā)明實施例提供了一種網(wǎng)頁開發(fā)預(yù)覽裝置，該裝置包括：

第一獲取模塊，用于獲取針對待開發(fā)網(wǎng)頁的修改位置信息和修改所用的組件數(shù)據(jù)，以及待開發(fā)網(wǎng)頁的待編輯網(wǎng)頁程序；

匹配模塊，用于從預(yù)設(shè)的組件庫中，匹配得到組件數(shù)據(jù)對應(yīng)的代碼模板；

控制替換模塊，用于控制待編輯網(wǎng)頁程序中修改位置信息對應(yīng)位置處的源代碼替換為代碼模板；

渲染模塊，用于對替換后的待編輯網(wǎng)頁程序進行圖像渲染，得到待顯示網(wǎng)頁圖像；

控制顯示模塊，用于控制待顯示網(wǎng)頁圖像預(yù)覽顯示。

第三方面，本發(fā)明實施例提供了一種電子設(shè)備，包括處理器和存儲器，其中，存儲器存儲有能夠被處理器執(zhí)行的機器可執(zhí)行指令，機器可執(zhí)行指令由處理器加載并執(zhí)行，以實現(xiàn)本發(fā)明實施例第一方面所提供的方法。

第四方面，本發(fā)明實施例提供了一種機器可讀存儲介質(zhì)，機器可讀存儲介質(zhì)內(nèi)存儲有計算機程序，計算機程序被處理器執(zhí)行時實現(xiàn)本發(fā)明實施例第一方面所提供的方法。

第五方面，本發(fā)明實施例提供了一種包含指令的計算機程序產(chǎn)品，當(dāng)該計算機程序產(chǎn)品在電子設(shè)備上運行時，使得電子設(shè)備執(zhí)行本發(fā)明實施例第一方面所提供的方法。