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

在審

• 申請號: 201310342810.0
• 申請日: 2013-08-07
• 公開（公告）號: CN104346403A
• 公開（公告）日: 2015-02-11
• 發明（設計）人: 張銳杰;蔡熒園
• 申請（專利權）人: 騰訊科技(深圳)有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F9/44
• 代理公司: 深圳市世紀恒程知識產權代理事務所 44287
• 代理人: 胡海國;趙愛蓉

技術領域

本發明涉及互聯網技術領域，尤其涉及一種瀏覽器頁面顯示方法、裝置、瀏覽器及終端。

背景技術

通常用戶在使用瀏覽器瀏覽網頁時，由于瀏覽器背景色太亮，如果瀏覽器時間開的長了，眼睛受到較長時間的刺激會感覺越來越不舒服。

為了解決上述問題，目前在PC終端瀏覽器以及手機瀏覽器上大都設置了夜間模式功能。在夜間模式下，網頁背景色將變暗，從而可以降低網頁對眼睛的刺激，尤其是減小弱光環境下網頁對眼睛的刺激，用戶閱讀網頁將感覺更加柔和，因此夜間模式更適合夜間閱讀，?而且比較省電。

目前，終端瀏覽器上的夜間模式大多通過在網頁上添加遮罩，把原來的頁面顯示結果變暗變淡，以此來達到夜間模式的效果。但是，這種通過加遮罩的方式，在將原本的渲染結果變暗變淡的同時，也會使頁面渲染結果變得模糊，甚至難于辨認。

發明內容

本發明實施例提供一種瀏覽器頁面顯示方法、裝置、瀏覽器及終端，旨在提高終端瀏覽器夜間模式的頁面顯示效果。

本發明實施例提出一種瀏覽器頁面顯示方法，包括：

監測用戶端操作瀏覽器以夜間模式顯示瀏覽器頁面的指令；

在監測到所述指令后且接收到頁面數據并進行頁面渲染時，將用于創建夜間模式的網頁樣式表的腳本代碼注入至所述瀏覽器頁面；

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

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

此外，本發明實施例還提出一種瀏覽器頁面顯示裝置，包括：

監測模塊，用于監測用戶端操作瀏覽器以夜間模式顯示瀏覽器頁面的指令；

代碼注入模塊，用于在所述監測模塊監測到所述指令后，且接收到頁面數據并進行頁面渲染時，將用于創建夜間模式的網頁樣式表的腳本代碼注入至所述瀏覽器頁面；

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

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

此外，本發明實施例還提出一種終端瀏覽器，包括如上所述的裝置。

此外，本發明實施例還提出一種終端，包括如上所述的裝置。

本發明實施例提出的一種瀏覽器頁面顯示方法、裝置、瀏覽器及終端，通過隱藏瀏覽器頁面，接收到頁面數據進行頁面渲染時，將用于創建夜間模式的網頁樣式表的腳本代碼注入至瀏覽器頁面；執行腳本代碼，通過渲染引擎將夜間模式的網頁樣式表作用到瀏覽器頁面，得到夜間模式的瀏覽器頁面并顯示，由此通過注入動態創建夜間網頁樣式表的腳本代碼到原本的頁面，并執行這段腳本代碼，從而將瀏覽器頁面渲染成夜間的效果，避免了現有技術加遮罩帶來的頁面顯示模糊的問題，提高了終端瀏覽器夜間模式的頁面顯示效果。

附圖說明

圖1是本發明瀏覽器頁面顯示方法第一實施例的流程示意圖；

圖2是本發明實施例中網頁樣式表的結構示意圖；

圖3是采用本發明實施例方案與現有技術的添加遮罩方案所得到的頁面顯示對比結果示意圖；

圖4是本發明瀏覽器頁面顯示方法第二實施例的流程示意圖；

圖5是本發明瀏覽器頁面顯示裝置第一實施例的功能模塊示意圖；

圖6是本發明瀏覽器頁面顯示裝置第二實施例的功能模塊示意圖。

為了使本發明的技術方案更加清楚、明了，下面將結合附圖作進一步詳述。

具體實施方式

本發明實施例涉及的技術術語包括：

Javascript：一種基于對象和事件驅動并具有相對安全性的客戶端腳本語言，同時也是一種廣泛用于客戶端Web開發的腳本語言，常用來給HTML網頁添加動態功能，比如響應用戶的各種操作；

css：是Cascading?Style?Sheet?的縮寫，譯為“層疊樣式表單”，也稱級聯樣式表，用于（增強）控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。

本發明實施例解決方案主要是：通過注入動態創建夜間網頁樣式表的腳本代碼到原本的頁面，并執行這段腳本代碼，從而將瀏覽器頁面渲染成夜間的效果，避免加遮罩帶來的頁面顯示模糊的問題。

如圖1所示，本發明第一實施例提出一種瀏覽器頁面顯示方法，包括：

步驟S101，監測用戶端操作瀏覽器以夜間模式顯示瀏覽器頁面的指令；

其中，瀏覽器可以為PC終端瀏覽器，也可以為手機等移動終端瀏覽器，比如UC?瀏覽器、QQ?瀏覽器等。