[發(fā)明專利]瀏覽器頁面顯示方法、裝置、瀏覽器及終端

在審

• 申請(qǐng)?zhí)枺?/td>: 201310342810.0
• 申請(qǐng)日: 2013-08-07
• 公開（公告）號(hào): CN104346403A
• 公開（公告）日: 2015-02-11
• 發(fā)明（設(shè)計(jì)）人: 張銳杰;蔡熒園
• 申請(qǐng)（專利權(quán)）人: 騰訊科技(深圳)有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30;G06F9/44
• 代理公司: 深圳市世紀(jì)恒程知識(shí)產(chǎn)權(quán)代理事務(wù)所 44287
• 代理人: 胡海國(guó);趙愛蓉

1.一種瀏覽器頁面顯示方法，其特征在于，包括：

監(jiān)測(cè)用戶端操作瀏覽器以夜間模式顯示瀏覽器頁面的指令；

在監(jiān)測(cè)到所述指令后且接收到頁面數(shù)據(jù)并進(jìn)行頁面渲染時(shí)，將用于創(chuàng)建夜間模式的網(wǎng)頁樣式表的腳本代碼注入至所述瀏覽器頁面；

執(zhí)行所述腳本代碼，通過渲染引擎將所述夜間模式的網(wǎng)頁樣式表作用到所述瀏覽器頁面，得到夜間模式的瀏覽器頁面；

顯示所述夜間模式的瀏覽器頁面。

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述在接收到頁面數(shù)據(jù)并進(jìn)行頁面渲染時(shí)，將用于創(chuàng)建夜間模式的網(wǎng)頁樣式表的腳本代碼注入至所述瀏覽器頁面的步驟包括：

在接收到頁面數(shù)據(jù)時(shí)，通過瀏覽器內(nèi)核創(chuàng)建dom樹，開始渲染所述瀏覽器頁面；

將用于創(chuàng)建所述夜間模式的網(wǎng)頁樣式表的腳本代碼注入至所述瀏覽器頁面。

3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述執(zhí)行腳本代碼，通過渲染引擎將所述夜間模式的網(wǎng)頁樣式表作用到所述瀏覽器頁面，得到夜間模式的瀏覽器頁面的步驟包括：

解析所述用于創(chuàng)建夜間模式的網(wǎng)頁樣式表的腳本代碼；

創(chuàng)建一樣式表，所述樣式表用于存儲(chǔ)頁面屬性的樣式規(guī)則的屬性名稱及屬性值的對(duì)應(yīng)關(guān)系；

從所述腳本代碼中獲取夜間模式的頁面屬性的樣式規(guī)則的屬性值，設(shè)置到所述樣式表中，得到夜間模式的網(wǎng)頁樣式表；

通過渲染引擎將所述夜間模式的網(wǎng)頁樣式表作用到所述瀏覽器頁面，得到夜間模式的瀏覽器頁面。

4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述夜間模式的頁面屬性的樣式規(guī)則包括：設(shè)置鏈接、文本的顏色；設(shè)置背景色；去掉背景圖；和/或設(shè)置邊界顏色。

5.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述夜間模式的頁面屬性的樣式規(guī)則通過設(shè)定的語法指定有應(yīng)用優(yōu)先級(jí)。

6.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述創(chuàng)建一樣式表的步驟之后還包括：

將所述樣式表保存到一全局變量中。

7.根據(jù)權(quán)利要求1-6中任一項(xiàng)所述的方法，其特征在于，還包括：

當(dāng)瀏覽器頁面從夜間模式切換到日間模式時(shí)，設(shè)置所述網(wǎng)頁樣式表的屬性為不起作用的狀態(tài)；

通過所述渲染引擎重新渲染所述瀏覽器頁面，得到日間模式的瀏覽器頁面并顯示。

8.根據(jù)權(quán)利要求1所述的方法，其特征在于，在監(jiān)測(cè)到用戶端操作瀏覽器以夜間模式顯示瀏覽器頁面的指令之后還包括：

隱藏所述瀏覽器頁面。

9.一種瀏覽器頁面顯示裝置，其特征在于，包括：

監(jiān)測(cè)模塊，用于監(jiān)測(cè)用戶端操作瀏覽器以夜間模式顯示瀏覽器頁面的指令；

代碼注入模塊，用于在所述監(jiān)測(cè)模塊監(jiān)測(cè)到所述指令后，且接收到頁面數(shù)據(jù)并進(jìn)行頁面渲染時(shí)，將用于創(chuàng)建夜間模式的網(wǎng)頁樣式表的腳本代碼注入至所述瀏覽器頁面；

執(zhí)行模塊，用于執(zhí)行所述腳本代碼，通過渲染引擎將所述夜間模式的網(wǎng)頁樣式表作用到所述瀏覽器頁面，得到夜間模式的瀏覽器頁面；

顯示模塊，用于顯示所述夜間模式的瀏覽器頁面。

10.根據(jù)權(quán)利要求9所述的裝置，其特征在于，

所述代碼注入模塊，還用于在接收到頁面數(shù)據(jù)時(shí)，通過瀏覽器內(nèi)核創(chuàng)建dom樹，開始渲染所述瀏覽器頁面；將用于所述創(chuàng)建夜間模式的網(wǎng)頁樣式表的腳本代碼注入至所述瀏覽器頁面。

11.根據(jù)權(quán)利要求10所述的裝置，其特征在于，所述執(zhí)行模塊還用于：解析所述用于創(chuàng)建夜間模式的網(wǎng)頁樣式表的腳本代碼；創(chuàng)建一樣式表；所述樣式表用于存儲(chǔ)頁面屬性的樣式規(guī)則的屬性名稱及屬性值的對(duì)應(yīng)關(guān)系；從所述腳本代碼中獲取夜間模式的頁面屬性的樣式規(guī)則的屬性值，設(shè)置到所述樣式表中，得到夜間模式的網(wǎng)頁樣式表；通過渲染引擎將所述夜間模式的網(wǎng)頁樣式表作用到所述瀏覽器頁面，得到夜間模式的瀏覽器頁面。

12.根據(jù)權(quán)利要求11所述的裝置，其特征在于，所述夜間模式的頁面屬性的樣式規(guī)則包括：設(shè)置鏈接、文本的顏色；設(shè)置背景色；去掉背景圖；和/或設(shè)置邊界顏色。

13.根據(jù)權(quán)利要求12所述的裝置，其特征在于，所述夜間模式的頁面屬性的樣式規(guī)則通過設(shè)定的語法指定有應(yīng)用優(yōu)先級(jí)。