[發(fā)明專利]網(wǎng)頁渲染方法、網(wǎng)頁制作方法及網(wǎng)頁渲染系統(tǒng)

有效

• 申請?zhí)枺?/td>: 202110576741.4
• 申請日: 2021-05-26
• 公開（公告）號: CN113326043B
• 公開（公告）日: 2022-05-03
• 發(fā)明（設(shè)計(jì)）人: 羅旭廷;林靜英;邵帥
• 申請（專利權(quán)）人: 上海嗶哩嗶哩科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/958
• 代理公司: 北京智信禾專利代理有限公司 11637
• 代理人: 劉曉楠

1.一種網(wǎng)頁渲染方法，其特征在于，應(yīng)用于客戶端，包括：

向訪問服務(wù)器發(fā)送網(wǎng)頁訪問請求，并接收所述訪問服務(wù)器返回的目標(biāo)網(wǎng)頁的超文本標(biāo)記語言代碼，所述超文本標(biāo)記語言代碼為網(wǎng)頁制作服務(wù)器生成并存儲至所述訪問服務(wù)器的代碼；

確定所述超文本標(biāo)記語言代碼中是否包括交互代碼塊；

在所述超文本標(biāo)記語言代碼中包括交互代碼塊的情況下，渲染所述超文本標(biāo)記語言代碼中的首屏代碼，并將所述超文本標(biāo)記語言代碼中的文檔對象模型轉(zhuǎn)換為動態(tài)文檔對象模型，得到渲染后的目標(biāo)網(wǎng)頁。

2.根據(jù)權(quán)利要求1所述的網(wǎng)頁渲染方法，其特征在于，確定所述超文本標(biāo)記語言代碼中是否包括交互代碼塊之后，還包括：

在所述超文本標(biāo)記語言代碼中不包括交互代碼塊的情況下，渲染所述超文本標(biāo)記語言代碼中的首屏代碼，得到渲染后的目標(biāo)網(wǎng)頁。

3.根據(jù)權(quán)利要求1或2所述的網(wǎng)頁渲染方法，其特征在于，確定所述超文本標(biāo)記語言代碼中是否包括交互代碼塊，包括：

查找所述超文本標(biāo)記語言代碼中的文檔對象模型的對象標(biāo)記；

在所述對象標(biāo)記為預(yù)設(shè)存在標(biāo)記的情況下，確定所述超文本標(biāo)記語言代碼中包括所述交互代碼塊；

在所述對象標(biāo)記為預(yù)設(shè)不存在標(biāo)記的情況下，確定所述超文本標(biāo)記語言代碼中不包括所述交互代碼塊。

4.根據(jù)權(quán)利要求2所述的網(wǎng)頁渲染方法，其特征在于，接收所述訪問服務(wù)器返回的目標(biāo)網(wǎng)頁的超文本標(biāo)記語言代碼，包括：

接收所述訪問服務(wù)器返回的目標(biāo)網(wǎng)頁的超文本標(biāo)記語言代碼和資源存儲文件；

相應(yīng)地，渲染所述超文本標(biāo)記語言代碼中的首屏代碼，得到渲染后的目標(biāo)網(wǎng)頁，包括：

根據(jù)所述超文本標(biāo)記語言代碼和資源存儲文件，渲染所述超文本標(biāo)記語言代碼中的首屏代碼，得到渲染后的目標(biāo)網(wǎng)頁。

5.一種網(wǎng)頁制作方法，其特征在于，應(yīng)用于網(wǎng)頁制作服務(wù)器，包括：

接收目標(biāo)網(wǎng)頁的網(wǎng)頁數(shù)據(jù)；

根據(jù)所述網(wǎng)頁數(shù)據(jù)和目標(biāo)網(wǎng)頁模板，生成所述目標(biāo)網(wǎng)頁的首屏頁面代碼；

在所述網(wǎng)頁數(shù)據(jù)中包括預(yù)設(shè)交互內(nèi)容的情況下，在所述首屏頁面代碼中添加交互代碼塊；

將添加有所述交互代碼塊的首屏頁面代碼確定為所述目標(biāo)網(wǎng)頁的超文本標(biāo)記語言代碼，并將所述目標(biāo)網(wǎng)頁的超文本標(biāo)記語言代碼推送至訪問服務(wù)器，以使客戶端獲取所述訪問服務(wù)器中的超文本標(biāo)記語言代碼，并將所述超文本標(biāo)記語言代碼中的文檔對象模型轉(zhuǎn)換為動態(tài)文檔對象模型，得到渲染后的目標(biāo)網(wǎng)頁。

6.根據(jù)權(quán)利要求5所述的網(wǎng)頁制作方法，其特征在于，在所述網(wǎng)頁數(shù)據(jù)中包括預(yù)設(shè)交互內(nèi)容的情況下，在所述首屏頁面代碼中添加交互代碼塊之前，還包括：

查找所述網(wǎng)頁數(shù)據(jù)，確定所述網(wǎng)頁數(shù)據(jù)中是否包括預(yù)設(shè)組件字段；

在所述網(wǎng)頁數(shù)據(jù)中包括所述預(yù)設(shè)組件字段的情況下，確定所述網(wǎng)頁數(shù)據(jù)中包括所述預(yù)設(shè)交互內(nèi)容。

7.根據(jù)權(quán)利要求6所述的網(wǎng)頁制作方法，其特征在于，查找所述網(wǎng)頁數(shù)據(jù)，確定所述網(wǎng)頁數(shù)據(jù)中是否包括預(yù)設(shè)組件字段，包括：

將所述網(wǎng)頁數(shù)據(jù)進(jìn)行序列化，得到所述網(wǎng)頁數(shù)據(jù)對應(yīng)的一維數(shù)組；

對所述網(wǎng)頁數(shù)據(jù)對應(yīng)的一維數(shù)組進(jìn)行遍歷，確定所述網(wǎng)頁數(shù)據(jù)中是否包括所述預(yù)設(shè)組件字段。

8.根據(jù)權(quán)利要求6所述的網(wǎng)頁制作方法，其特征在于，在所述網(wǎng)頁數(shù)據(jù)中包括預(yù)設(shè)組件字段的情況下，確定所述網(wǎng)頁數(shù)據(jù)中包括所述預(yù)設(shè)交互內(nèi)容，包括：

在所述預(yù)設(shè)組件字段為表單組件的字段時，獲取所述表單組件對應(yīng)的表單數(shù)據(jù)，并確定所述表單數(shù)據(jù)對應(yīng)的一維數(shù)組；

對所述表單數(shù)據(jù)對應(yīng)的一維數(shù)組進(jìn)行遍歷，確定所述表單數(shù)據(jù)中是否包括預(yù)設(shè)輸入字段；

在所述表單數(shù)據(jù)包括所述預(yù)設(shè)輸入字段的情況下，確定所述網(wǎng)頁數(shù)據(jù)中包括所述預(yù)設(shè)交互內(nèi)容。