[發(fā)明專利]網(wǎng)頁(yè)渲染的方法、裝置及系統(tǒng)

有效

• 申請(qǐng)?zhí)枺?/td>: 201410642767.4
• 申請(qǐng)日: 2014-11-11
• 公開(kāi)（公告）號(hào): CN104462231B
• 公開(kāi)（公告）日: 2018-12-04
• 發(fā)明（設(shè)計(jì)）人: 羅正燁
• 申請(qǐng)（專利權(quán)）人: 北京奇安信科技有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30
• 代理公司: 北京鼎佳達(dá)知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11348
• 代理人: 王偉鋒;劉鐵生

1.一種網(wǎng)頁(yè)渲染的方法，其特征在于，所述方法包括：

在進(jìn)行網(wǎng)頁(yè)渲染時(shí)，客戶端向服務(wù)器上報(bào)超文本標(biāo)記語(yǔ)言HTML文件的文件標(biāo)識(shí)，以便所述服務(wù)器根據(jù)所述文件標(biāo)識(shí)判斷網(wǎng)絡(luò)側(cè)是否有所述HTML文件的更新文件,所述HTML文件為所述網(wǎng)頁(yè)中不同區(qū)塊的HTML文件片段,所述HTML文件的文件標(biāo)識(shí)為所述HTML文件片段的HTML片段標(biāo)識(shí)；

若所述服務(wù)器判斷網(wǎng)絡(luò)側(cè)沒(méi)有所述HTML文件的更新文件，則所述客戶端接收所述服務(wù)器下發(fā)的離線渲染指令；

所述客戶端根據(jù)所述離線渲染指令讀取本地?cái)?shù)據(jù)庫(kù)中存儲(chǔ)的所述HTML文件；

所述客戶端根據(jù)讀取的所述HTML文件對(duì)所述網(wǎng)頁(yè)進(jìn)行渲染；

所述客戶端上報(bào)層疊樣式表單CSS和/或腳本語(yǔ)言JS中代碼片段的代碼片段標(biāo)識(shí)，以便所述服務(wù)器根據(jù)所述代碼片段標(biāo)識(shí)判斷網(wǎng)絡(luò)側(cè)是否有所述代碼片段的更新片段；

若所述服務(wù)器判斷所述網(wǎng)絡(luò)側(cè)有所述代碼片段的更新片段，則所述客戶端接收所述服務(wù)器下發(fā)的所述更新片段，進(jìn)一步包括：

所述客戶端從服務(wù)器下發(fā)的更新文件中讀取所述CSS和/或所述JS的所述更新片段。

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，在對(duì)所述網(wǎng)頁(yè)進(jìn)行首次渲染時(shí)，所述方法進(jìn)一步包括：

所述客戶端接收所述服務(wù)器下發(fā)的所述HTML文件；

所述客戶端將所述HTML文件存儲(chǔ)到所述本地?cái)?shù)據(jù)庫(kù)。

3.根據(jù)權(quán)利要求1所述的方法，其特征在于，若所述服務(wù)器判斷網(wǎng)絡(luò)側(cè)有所述HTML文件的更新文件，則所述方法進(jìn)一步包括：

所述客戶端接收所述服務(wù)器下發(fā)的所述HTML文件的更新文件；

所述客戶端根據(jù)接收的所述更新文件對(duì)所述網(wǎng)頁(yè)進(jìn)行渲染。

4.根據(jù)權(quán)利要求3所述的方法，其特征在于，在所述客戶端接收所述服務(wù)器下發(fā)的所述HTML文件的更新文件之后，所述方法進(jìn)一步包括：

所述客戶端根據(jù)所述更新文件對(duì)所述本地?cái)?shù)據(jù)庫(kù)中的所述HTML文件進(jìn)行替換。

5.根據(jù)權(quán)利要求1至4中任一項(xiàng)所述的方法，其特征在于，所述文件標(biāo)識(shí)包括：

時(shí)間戳、文件版本號(hào)、文件鍵值、身份標(biāo)識(shí)ID以及信息摘要算法5值MD5。

6.一種網(wǎng)頁(yè)渲染的方法，其特征在于，所述方法包括：

在客戶端進(jìn)行網(wǎng)頁(yè)渲染時(shí)，服務(wù)器接收所述客戶端上報(bào)的超文本標(biāo)記語(yǔ)言HTML文件的文件標(biāo)識(shí)，所述HTML文件為所述網(wǎng)頁(yè)中不同區(qū)塊的HTML文件片段，所述HTML文件的文件標(biāo)識(shí)為所述HTML文件片段的HTML片段標(biāo)識(shí)；

所述服務(wù)器判斷接收的所述文件標(biāo)識(shí)與網(wǎng)絡(luò)側(cè)最新HTML文件的文件標(biāo)識(shí)是否相同；

若接收的所述文件標(biāo)識(shí)與網(wǎng)絡(luò)側(cè)最新HTML文件的文件標(biāo)識(shí)相同，則所述服務(wù)器向所述客戶端下發(fā)離線渲染指令，指示所述客戶端根據(jù)本地?cái)?shù)據(jù)庫(kù)中的HTML文件對(duì)所述網(wǎng)頁(yè)進(jìn)行渲染；

所述服務(wù)器接收所述客戶端上報(bào)的層疊樣式表單CSS和/或腳本語(yǔ)言JS中代碼片段的代碼片段標(biāo)識(shí)；

所述服務(wù)器根據(jù)所述代碼片段標(biāo)識(shí)判斷網(wǎng)絡(luò)側(cè)是否有所述代碼片段的更新片段；

若所述服務(wù)器判斷所述網(wǎng)絡(luò)側(cè)有所述代碼片段的更新片段，則所述服務(wù)器向所述客戶端下發(fā)所述更新片段，進(jìn)一步包括：

所述服務(wù)器將所述CSS和/或所述JS的所述更新片段寫入更新文件中；

所述服務(wù)器向客戶端下發(fā)攜帶有所述CSS和/或所述JS的所述更新片段的更新文件。

7.根據(jù)權(quán)利要求6所述的方法，其特征在于，在所述客戶端對(duì)所述網(wǎng)頁(yè)進(jìn)行首次渲染時(shí)，所述方法進(jìn)一步包括：

所述服務(wù)器向所述客戶端下發(fā)所述HTML文件，以便所述客戶端將所述HTML文件存儲(chǔ)到所述本地?cái)?shù)據(jù)庫(kù)。

8.根據(jù)權(quán)利要求6所述的方法，其特征在于，若所述服務(wù)器判斷網(wǎng)絡(luò)側(cè)有所述HTML文件的更新文件，則所述方法進(jìn)一步包括：

所述服務(wù)器向所述客戶端下發(fā)所述HTML文件的更新文件，以便所述客戶端根據(jù)接收的所述更新文件對(duì)所述網(wǎng)頁(yè)進(jìn)行渲染。