網(wǎng)頁(yè)顯示方法和瀏覽器客戶端的制作方法
【專利摘要】本發(fā)明提供了一種網(wǎng)頁(yè)顯示的方法和瀏覽器客戶端，其中，網(wǎng)頁(yè)顯示方法包括：接收啟動(dòng)瀏覽器夜間模式的指令；根據(jù)指令獲取所述瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的CSS信息，其中，CSS信息中攜帶有至少一個(gè)網(wǎng)頁(yè)夜間模式的渲染參數(shù)；根據(jù)CSS信息中的渲染參數(shù)渲染當(dāng)前網(wǎng)頁(yè)，將當(dāng)前網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)并顯示渲染后的當(dāng)前網(wǎng)頁(yè)。通過(guò)本發(fā)明，能夠使用戶在夜間模式下清楚地閱覽網(wǎng)頁(yè)。
【專利說(shuō)明】網(wǎng)頁(yè)顯示方法和瀏覽器客戶端

【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及網(wǎng)絡(luò)【技術(shù)領(lǐng)域】，特別是涉及一種網(wǎng)頁(yè)顯示方法和瀏覽器客戶端。

【背景技術(shù)】
[0002] 近年來(lái)，隨著移動(dòng)通訊的快速發(fā)展，智能終端（例如：智能手機(jī)）已經(jīng)深入人們的 生活當(dāng)中并為人們的生活帶來(lái)極大的方便。
[0003] 智能終端上的瀏覽器已成為人們?nèi)粘Ｉ钪胁豢苫蛉钡纳暇W(wǎng)工具。為了使得用戶 在晚上等光線比較弱的場(chǎng)景下能夠更好地在智能終端上使用瀏覽器來(lái)進(jìn)行網(wǎng)頁(yè)瀏覽，目前 主要有兩種解決方式：一種是，在智能終端上設(shè)置有主題模式，如白天模式和夜間模式，用 戶通過(guò)選擇不同的主題模式可以實(shí)現(xiàn)對(duì)智能終端屏幕顯示亮度的調(diào)整，以使得用戶在晚上 等光線比較弱的場(chǎng)景下更好地在智能終端上使用瀏覽器來(lái)進(jìn)行網(wǎng)頁(yè)瀏覽。另一種是，用戶 簡(jiǎn)單的通過(guò)調(diào)整智能終端的屏幕的亮度來(lái)實(shí)現(xiàn)對(duì)瀏覽器顯示亮度的調(diào)整，以實(shí)現(xiàn)相同的目 的。
[0004] 但是，現(xiàn)有的無(wú)論是通過(guò)調(diào)整智能終端的屏幕的亮度、還是將智能終端設(shè)置成在 夜間模式都僅是將智能終端的屏幕亮度降低。而降低智能終端的屏幕亮度的同時(shí)會(huì)降低瀏 覽器中顯示的網(wǎng)頁(yè)內(nèi)容的可讀性?？梢?，現(xiàn)有的方式并不能夠使用戶在光線較弱的環(huán)境閱 讀到清楚的網(wǎng)頁(yè)，無(wú)法保證用戶閱讀的舒適性。


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

[0005] 鑒于上述問(wèn)題，提出了本發(fā)明以便提供一種克服上述問(wèn)題或者至少部分地解決上 述問(wèn)題的網(wǎng)頁(yè)顯示方法和瀏覽器客戶端。
[0006] 依據(jù)本發(fā)明的一個(gè)方面，提供了一種網(wǎng)頁(yè)顯示的方法，包括：接收啟動(dòng)瀏覽器夜間 模式的指令；根據(jù)所述指令獲取所述瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表CSS信息， 其中，所述CSS信息中攜帶有至少一個(gè)網(wǎng)頁(yè)夜間模式的渲染參數(shù)；根據(jù)所述CSS信息中的渲 染參數(shù)渲染所述當(dāng)前網(wǎng)頁(yè)，將所述當(dāng)前網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)并顯示渲染后的所述當(dāng) 前網(wǎng)頁(yè)。
[0007] 可選地，在所述接收啟動(dòng)瀏覽器夜間模式的指令步驟之后，所述方法還包括：獲取 所述瀏覽器所在終端的本地夜間模式配置表，依據(jù)所述配置表將所述瀏覽器的當(dāng)前網(wǎng)頁(yè)渲 染為夜間模式的網(wǎng)頁(yè)，其中，所述配置表中攜帶有至少一個(gè)本地夜間模式的渲染參數(shù)。
[0008] 可選地，所述配置表中攜帶的渲染參數(shù)包括以下至少之一：地址欄樣式參數(shù)、導(dǎo)航 視圖樣式參數(shù)、搜索框樣式參數(shù)、菜單欄樣式參數(shù)、占位圖顏色參數(shù)、網(wǎng)頁(yè)窗口的亮度參數(shù)、 夜間模式蒙層的生成參數(shù)。
[0009] 可選地，在所述接收啟動(dòng)瀏覽器夜間模式的指令步驟之后，所述方法還包括：在所 述瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)中添加設(shè)定的背景色。
[0010] 可選地，當(dāng)獲取的所述本地夜間模式配置表攜帶夜間模式蒙層的生成參數(shù)時(shí)，所 述獲取所述瀏覽器所在終端的本地夜間模式配置表，依據(jù)所述配置表將所述瀏覽器的當(dāng)前 網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)步驟包括：依據(jù)所述夜間模式蒙層的生成參數(shù)，生成所述瀏覽 器所在終端的夜間模式蒙層，將所述蒙層覆蓋到所述瀏覽器的當(dāng)前網(wǎng)頁(yè)上。
[0011] 可選地，所述依據(jù)所述配置表將所述瀏覽器的當(dāng)前網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)的 步驟包括：判斷所述網(wǎng)頁(yè)中存在占位圖時(shí)，按照所述配置表中攜帶的占位圖顏色參數(shù)將所 述網(wǎng)頁(yè)中存在的占位圖渲染成設(shè)定顏色。
[0012] 可選地，所述根據(jù)所述指令獲取所述瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表 CSS信息步驟包括：在所述瀏覽器加載完所述當(dāng)前網(wǎng)頁(yè)的標(biāo)題后，根據(jù)所述指令獲取所述 瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表CSS信息。
[0013] 可選地，所述根據(jù)所述CSS信息中的渲染參數(shù)渲染所述當(dāng)前網(wǎng)頁(yè)步驟包括：比較 所述本地夜間模式配置表中的渲染參數(shù)的權(quán)重與所述當(dāng)前網(wǎng)頁(yè)的CSS信息中攜帶的網(wǎng)頁(yè) 夜間模式的渲染參數(shù)的權(quán)重的大?。桓鶕?jù)所述比較的結(jié)果確定使用所述本地夜間模式配置 表中的渲染參數(shù)或者所述當(dāng)前網(wǎng)頁(yè)的CSS信息中攜帶的網(wǎng)頁(yè)夜間模式的渲染參數(shù)渲染當(dāng) 前網(wǎng)頁(yè)。
[0014] 可選地，在所述將所述當(dāng)前網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)并顯示渲染后的所述當(dāng)前 網(wǎng)頁(yè)步驟之后，所述方法還包括：獲取所述瀏覽器對(duì)應(yīng)的內(nèi)存中緩存的、除當(dāng)前網(wǎng)頁(yè)外的至 少一組CSS信息，依據(jù)獲取的各組所述CSS信息中的渲染參數(shù)渲染與各組CSS信息對(duì)應(yīng)的 網(wǎng)頁(yè)，其中，每組CSS信息對(duì)應(yīng)一個(gè)網(wǎng)頁(yè)。
[0015] 可選地，在所述接收啟動(dòng)瀏覽器夜間模式的指令步驟之后，所述方法還包括：獲取 瀏覽器夜間模式下的漸變動(dòng)畫，并在所述瀏覽器中顯示所述漸變動(dòng)畫的同時(shí)，在后臺(tái)執(zhí)行 所述根據(jù)所述指令獲取所述瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表CSS信息的步驟。
[0016] 可選地，所述CSS信息中攜帶的網(wǎng)頁(yè)夜間模式的渲染參數(shù)包括以下至少之一：網(wǎng) 頁(yè)背景參數(shù)、圖像背景參數(shù)、頁(yè)眉參數(shù)、頁(yè)腳參數(shù)、標(biāo)簽參數(shù)、網(wǎng)頁(yè)邊框參數(shù)、文本參數(shù)、窗體 參數(shù)、工具條參數(shù)以及表格參數(shù)。
[0017] 根據(jù)本發(fā)明的另一方面，提供了一種瀏覽器客戶端，包括：指令接收模塊，用于接 收啟動(dòng)瀏覽器夜間模式的指令；第一獲取模塊，用于根據(jù)所述指令獲取所述瀏覽器顯示的 當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表CSS信息，其中，所述CSS信息中攜帶有至少一個(gè)網(wǎng)頁(yè)夜間模式 的渲染參數(shù)；渲染顯示模塊，用于根據(jù)所述CSS信息中的渲染參數(shù)渲染所述當(dāng)前網(wǎng)頁(yè)，將所 述當(dāng)前網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)并顯示渲染后的所述當(dāng)前網(wǎng)頁(yè)。
[0018] 可選地，所述瀏覽器客戶端還包括：第二獲取模塊，用于在所述指令接收模塊接收 啟動(dòng)瀏覽器夜間模式的指令之后，獲取所述瀏覽器所在終端的本地夜間模式配置表，依據(jù) 所述配置表將所述瀏覽器的當(dāng)前網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)，其中，所述配置表中攜帶有 至少一個(gè)本地夜間模式的渲染參數(shù)。
[0019] 可選地，所述配置表中攜帶的渲染參數(shù)包括以下至少之一：地址欄樣式參數(shù)、導(dǎo)航 視圖樣式參數(shù)、搜索框樣式參數(shù)、菜單欄樣式參數(shù)、占位圖顏色參數(shù)、網(wǎng)頁(yè)窗口的亮度參數(shù)、 夜間模式蒙層的生成參數(shù)。
[0020] 可選地，所述瀏覽器客戶端還包括：添加模塊，用于在所述指令接收模塊接收啟動(dòng) 瀏覽器夜間模式的指令之后，在所述瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)中添加設(shè)定的背景色。
[0021] 可選地，當(dāng)獲取的所述本地夜間模式配置表攜帶夜間模式蒙層的生成參數(shù)，所述 第二獲取模塊獲取所述瀏覽器所在終端的本地夜間模式配置表，依據(jù)所述配置表將所述瀏 覽器的當(dāng)前網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)時(shí)，依據(jù)所述夜間模式蒙層的生成參數(shù)，生成所述 瀏覽器所在終端的夜間模式蒙層，將所述蒙層覆蓋到所述瀏覽器的當(dāng)前網(wǎng)頁(yè)上。
[0022] 可選地，所述第二獲取模塊依據(jù)所述配置表將所述瀏覽器的當(dāng)前網(wǎng)頁(yè)渲染為夜間 模式的網(wǎng)頁(yè)時(shí)，判斷所述網(wǎng)頁(yè)中存在占位圖時(shí)，按照所述配置表中攜帶的占位圖顏色參數(shù) 將所述網(wǎng)頁(yè)中存在的占位圖渲染成設(shè)定顏色。
[0023] 可選地，所述第一獲取模塊用于在所述瀏覽器加載完所述當(dāng)前網(wǎng)頁(yè)的標(biāo)題后，根 據(jù)所述指令獲取所述瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表CSS信息。
[0024] 可選地，所述第一獲取模塊包括：比較模塊，用于比較所述本地夜間模式配置表中 的渲染參數(shù)的權(quán)重與所述當(dāng)前網(wǎng)頁(yè)的CSS信息中攜帶的網(wǎng)頁(yè)夜間模式的渲染參數(shù)的權(quán)重 的大??；確定模塊，用于根據(jù)所述比較的結(jié)果確定使用所述本地夜間模式配置表中的渲染 參數(shù)或者所述當(dāng)前網(wǎng)頁(yè)的CSS信息中攜帶的網(wǎng)頁(yè)夜間模式的渲染參數(shù)渲染當(dāng)前網(wǎng)頁(yè)。
[0025] 可選地，所述瀏覽器客戶端還包括：緩存頁(yè)面渲染模塊，用于在所述渲染顯示模塊 將所述當(dāng)前網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)并顯示渲染后的所述當(dāng)前網(wǎng)頁(yè)之后，獲取所述瀏覽 器對(duì)應(yīng)的內(nèi)存中緩存的、除當(dāng)前網(wǎng)頁(yè)外的至少一組CSS信息，依據(jù)獲取的各組所述CSS信息 中的渲染參數(shù)渲染與各組CSS信息對(duì)應(yīng)的網(wǎng)頁(yè)，其中，每組CSS信息對(duì)應(yīng)一個(gè)網(wǎng)頁(yè)。
[0026] 可選地，所述瀏覽器客戶端還包括：動(dòng)畫獲取模塊，用于在所述指令接收模塊接收 啟動(dòng)瀏覽器夜間模式的指令之后，獲取瀏覽器夜間模式下的漸變動(dòng)畫，并在所述瀏覽器中 顯示所述漸變動(dòng)畫的同時(shí)，在后臺(tái)調(diào)用所述第一獲取模塊。
[0027] 可選地，所述CSS信息中攜帶的網(wǎng)頁(yè)夜間模式的渲染參數(shù)包括以下至少之一：網(wǎng) 頁(yè)背景參數(shù)、圖像背景參數(shù)、頁(yè)眉參數(shù)、頁(yè)腳參數(shù)、標(biāo)簽參數(shù)、網(wǎng)頁(yè)邊框參數(shù)、文本參數(shù)、窗體 參數(shù)、工具條參數(shù)以及表格參數(shù)。通過(guò)本發(fā)明，瀏覽器客戶端接收到啟動(dòng)瀏覽器夜間模式的 指令后，獲取瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表CSS信息，通過(guò)獲取的CSS信息中的 渲染參數(shù)渲染當(dāng)前網(wǎng)頁(yè)，將當(dāng)前網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)并顯示渲染后的當(dāng)前網(wǎng)頁(yè)。通 過(guò)本發(fā)明提供的網(wǎng)頁(yè)顯示方案，直接將瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)渲染成夜間模式的網(wǎng)頁(yè)進(jìn)行 展示（例如：將網(wǎng)頁(yè)中的字體、圖像渲染成在光線較弱的環(huán)境下清楚的進(jìn)行展示的效果）， 因此，能夠使用戶在夜間模式下（光線較弱的環(huán)境下）清楚地閱覽網(wǎng)頁(yè)，進(jìn)而保證用戶閱讀 的舒適性。
[0028] 上述說(shuō)明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段， 而可依照說(shuō)明書的內(nèi)容予以實(shí)施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠 更明顯易懂，以下特舉本發(fā)明的【具體實(shí)施方式】。

【專利附圖】

【附圖說(shuō)明】
[0029] 通過(guò)閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通 技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對(duì)本發(fā)明 的限制。而且在整個(gè)附圖中，用相同的參考符號(hào)表示相同的部件。在附圖中：
[0030] 圖1是根據(jù)本發(fā)明實(shí)施例一的一種網(wǎng)頁(yè)顯示方法的步驟流程圖；
[0031] 圖2是根據(jù)本發(fā)明實(shí)施例二的一種網(wǎng)頁(yè)顯示方法的步驟流程圖；
[0032] 圖3是根據(jù)本發(fā)明實(shí)施例三的一種瀏覽器客戶端的結(jié)構(gòu)框圖；
[0033] 圖4是根據(jù)本發(fā)明實(shí)施例四的一種瀏覽器客戶端的結(jié)構(gòu)框圖。

【具體實(shí)施方式】
[0034] 下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開 的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例 所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍 完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。
[0035] 實(shí)施例一
[0036] 參照?qǐng)D1，示出了本發(fā)明實(shí)施例一的一種網(wǎng)頁(yè)顯示方法的步驟流程圖。
[0037] 本實(shí)施例中的網(wǎng)頁(yè)顯示方法具體包括以下步驟：
[0038] 步驟S102 :接收啟動(dòng)瀏覽器夜間模式的指令。
[0039] 其中，啟動(dòng)瀏覽器夜間模式的指令可以是由用戶直接在瀏覽器中通過(guò)選擇相應(yīng)的 選項(xiàng)發(fā)出的指令；也可以是由用戶對(duì)瀏覽器所在的終端發(fā)出的啟動(dòng)夜間模式的指令，再由 瀏覽器所在終端指示瀏覽器啟動(dòng)瀏覽器夜間模式，本實(shí)施例中對(duì)瀏覽器夜間模式的啟動(dòng)方 式不作具體限制。
[0040] 步驟S104 :根據(jù)指令獲取瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的CSS信息。
[0041] 其中，CSS(Cascading Style Sheets,層疊樣式表）信息中攜帶有至少一個(gè)網(wǎng)頁(yè)夜 間模式的渲染參數(shù)。
[0042] 本領(lǐng)域技術(shù)人員能夠明了，瀏覽器在渲染網(wǎng)頁(yè)時(shí)是根據(jù)網(wǎng)頁(yè)對(duì)應(yīng)的CSS信息對(duì)相 應(yīng)的網(wǎng)頁(yè)進(jìn)行渲染。本實(shí)施例中，在網(wǎng)頁(yè)的CSS信息中設(shè)置有一套網(wǎng)頁(yè)夜間模式的渲染參 數(shù)，瀏覽器獲取到啟動(dòng)瀏覽器夜間模式指令后，獲取網(wǎng)頁(yè)夜間模式渲染參數(shù)對(duì)瀏覽器顯示 的當(dāng)前網(wǎng)頁(yè)進(jìn)行渲染，將當(dāng)前網(wǎng)頁(yè)渲染成夜間模式的網(wǎng)頁(yè)，以便用戶在晚上等光線較弱的 環(huán)境下也能夠清楚地瀏覽網(wǎng)頁(yè)中的內(nèi)容。
[0043] 需要說(shuō)明的是，CSS信息中攜帶的具體的網(wǎng)頁(yè)夜間模式的渲染參數(shù)的設(shè)置，可以由 本領(lǐng)域技術(shù)人員根據(jù)實(shí)際需求進(jìn)行設(shè)置。例如，可以設(shè)置成包含對(duì)網(wǎng)頁(yè)中的文字、圖像的顏 色的渲染參數(shù)。當(dāng)然并不限于此，還可以設(shè)置成包含網(wǎng)頁(yè)邊框、工具條等網(wǎng)頁(yè)元素的顏色的 渲染參數(shù)等，本實(shí)施例中不再一一列舉。
[0044] 步驟S106 :根據(jù)CSS信息中的渲染參數(shù)渲染當(dāng)前網(wǎng)頁(yè)，將當(dāng)前網(wǎng)頁(yè)渲染為夜間模 式的網(wǎng)頁(yè)并顯示渲染后的當(dāng)前網(wǎng)頁(yè)。
[0045] 通過(guò)本實(shí)施例提供的網(wǎng)頁(yè)顯示方法，瀏覽器客戶端接收到啟動(dòng)瀏覽器夜間模式的 指令后，獲取瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的CSS信息，通過(guò)獲取的CSS信息中的渲染參數(shù)渲 染當(dāng)前網(wǎng)頁(yè)，將當(dāng)前網(wǎng)頁(yè)渲染為夜間模式的網(wǎng)頁(yè)并顯示渲染后的當(dāng)前網(wǎng)頁(yè)?？梢?，通過(guò)實(shí)施 例提供的網(wǎng)頁(yè)顯示方案，能夠直接將瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)渲染成夜間模式的網(wǎng)頁(yè)進(jìn)行展 示（例如：將網(wǎng)頁(yè)中的字體、圖像渲染成在光線較弱的環(huán)境下清楚的進(jìn)行展示的效果），因 此，能夠使用戶在夜間模式下（光線較弱的環(huán)境下）清楚地閱覽網(wǎng)頁(yè)，進(jìn)而保證用戶閱讀的 舒適性。
[0046] 實(shí)施例二
[0047] 參照?qǐng)D2,示出了本發(fā)明實(shí)施例二的一種網(wǎng)頁(yè)顯示方法的步驟流程圖。
[0048] 本實(shí)施例中的網(wǎng)頁(yè)顯示方法具體包括以下步驟：
[0049] 步驟S202 :瀏覽器接收啟動(dòng)瀏覽器夜間模式的指令。
[0050] 如實(shí)施例一中所述，本實(shí)施例中也對(duì)瀏覽器夜間模式的啟動(dòng)方式不作具體限制。 步驟S204 :瀏覽器獲取夜間模式下的漸變動(dòng)畫，并在瀏覽器中顯示漸變動(dòng)畫。
[0051] 本步驟中，瀏覽器在接收到啟動(dòng)瀏覽器夜間模式指令后，在瀏覽器當(dāng)前顯示界面 中顯示漸變動(dòng)畫，同時(shí)在后臺(tái)執(zhí)行將瀏覽器當(dāng)前網(wǎng)頁(yè)渲染成夜間模式的網(wǎng)頁(yè)的操作。當(dāng)接 收到啟動(dòng)瀏覽器夜間模式的指令后，在瀏覽器中設(shè)置漸變動(dòng)畫能夠避免非夜間模式與夜間 模式的網(wǎng)頁(yè)轉(zhuǎn)換時(shí)效果突兀的問(wèn)題。當(dāng)然，在實(shí)際應(yīng)用中也可以省略本步驟執(zhí)行后續(xù)步驟， 也可以采用瀏覽器所在終端的默認(rèn)轉(zhuǎn)換夜間模式時(shí)的動(dòng)畫等。
[0052] 步驟S206 :瀏覽器在加載完當(dāng)前網(wǎng)頁(yè)的標(biāo)題后，根據(jù)指令獲取瀏覽器顯示的當(dāng)前 網(wǎng)頁(yè)對(duì)應(yīng)的CSS信息。
[0053] 本領(lǐng)域技術(shù)人員應(yīng)該明了，瀏覽器生成網(wǎng)頁(yè)大致分為以下幾個(gè)階段： onProgressChanged即進(jìn)程狀態(tài)條發(fā)生變化、onReceivedTitle即加載網(wǎng)頁(yè)的標(biāo)題、 onCreateWindow 即創(chuàng)建網(wǎng)頁(yè)窗口、onReceivedlcon 即加載網(wǎng)頁(yè)圖標(biāo)、onPageFinished 即 網(wǎng)頁(yè)渲染結(jié)束。本實(shí)施例中選擇在瀏覽器在加載完當(dāng)前網(wǎng)頁(yè)的標(biāo)題后，根據(jù)指令獲取瀏覽 器加載的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的CSS信息，這是因?yàn)槿臬@取CSS信息早于onReceivedTitle階 段，瀏覽器未能獲取網(wǎng)頁(yè)的全部標(biāo)題信息，渲染得到的網(wǎng)頁(yè)也不全面；而如果獲取時(shí)機(jī)晚于 onCreateWindow，那么網(wǎng)頁(yè)窗口的建立已經(jīng)完成，網(wǎng)頁(yè)窗口的建立則不能遵循CSS信息中 的相應(yīng)的夜間模式的渲染參數(shù)進(jìn)行渲染，從而遺漏對(duì)網(wǎng)頁(yè)窗口的夜間模式的渲染，影響網(wǎng) 頁(yè)夜間模式的整體效果。
[0054] 本實(shí)施例中CSS信息中攜帶的網(wǎng)頁(yè)夜間模式的渲染參數(shù)包括以下至少之一：網(wǎng)頁(yè) 背景參數(shù)、圖像背景參數(shù)、頁(yè)眉參數(shù)、頁(yè)腳參數(shù)、標(biāo)簽參數(shù)、網(wǎng)頁(yè)邊框參數(shù)、文本參數(shù)、窗體參 數(shù)、工具條參數(shù)以及表格參數(shù)，當(dāng)然還不限于此，本領(lǐng)域技術(shù)人員可以根據(jù)網(wǎng)頁(yè)中包含的具 體元素來(lái)設(shè)置網(wǎng)頁(yè)夜間模式的渲染參數(shù)。
[0055] -種優(yōu)選的CSS信息的的渲染參數(shù)的設(shè)置如下列程序中所述：
[0056]

【權(quán)利要求】
1. 一種網(wǎng)頁(yè)顯示的方法，包括： 接收啟動(dòng)瀏覽器夜間模式的指令； 根據(jù)所述指令獲取所述瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表CSS信息，其中，所 述CSS信息中攜帶有至少一個(gè)網(wǎng)頁(yè)夜間模式的撞染參數(shù)； 根據(jù)所述CSS信息中的撞染參數(shù)撞染所述當(dāng)前網(wǎng)頁(yè)，將所述當(dāng)前網(wǎng)頁(yè)撞染為夜間模式 的網(wǎng)頁(yè)并顯示撞染后的所述當(dāng)前網(wǎng)頁(yè)。
2. 根據(jù)權(quán)利要求1所述的方法，其中，在所述接收啟動(dòng)瀏覽器夜間模式的指令步驟之 后，所述方法還包括： 獲取所述瀏覽器所在終端的本地夜間模式配置表，依據(jù)所述配置表將所述瀏覽器的當(dāng) 前網(wǎng)頁(yè)撞染為夜間模式的網(wǎng)頁(yè)，其中，所述配置表中攜帶有至少一個(gè)本地夜間模式的撞染 參數(shù)。
3. 根據(jù)權(quán)利要求2所述的方法，其中，所述配置表中攜帶的撞染參數(shù)包括W下至少之 一：地址欄樣式參數(shù)、導(dǎo)航視圖樣式參數(shù)、搜索框樣式參數(shù)、菜單欄樣式參數(shù)、占位圖顏色參 數(shù)、網(wǎng)頁(yè)窗口的亮度參數(shù)、夜間模式蒙層的生成參數(shù)。
4. 根據(jù)權(quán)利要求1-3任一項(xiàng)所述的方法，其中，在所述接收啟動(dòng)瀏覽器夜間模式的指 令步驟之后，所述方法還包括： 在所述瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)中添加設(shè)定的背景色。
5. 根據(jù)權(quán)利要求3所述的方法，其中，當(dāng)獲取的所述本地夜間模式配置表攜帶夜間模 式蒙層的生成參數(shù)時(shí)，所述獲取所述瀏覽器所在終端的本地夜間模式配置表，依據(jù)所述配 置表將所述瀏覽器的當(dāng)前網(wǎng)頁(yè)撞染為夜間模式的網(wǎng)頁(yè)步驟包括： 依據(jù)所述夜間模式蒙層的生成參數(shù)，生成所述瀏覽器所在終端的夜間模式蒙層，將所 述蒙層覆蓋到所述瀏覽器的當(dāng)前網(wǎng)頁(yè)上。
6. 根據(jù)權(quán)利要求3所述的方法，其中，所述依據(jù)所述配置表將所述瀏覽器的當(dāng)前網(wǎng)頁(yè) 撞染為夜間模式的網(wǎng)頁(yè)的步驟包括： 判斷所述網(wǎng)頁(yè)中存在占位圖時(shí)，按照所述配置表中攜帶的占位圖顏色參數(shù)將所述網(wǎng)頁(yè) 中存在的占位圖撞染成設(shè)定顏色。
7. 根據(jù)權(quán)利要求1所述的方法，其中，所述根據(jù)所述指令獲取所述瀏覽器顯示的當(dāng)前 網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表CSS信息步驟包括： 在所述瀏覽器加載完所述當(dāng)前網(wǎng)頁(yè)的標(biāo)題后，根據(jù)所述指令獲取所述瀏覽器顯示的當(dāng) 前網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表CSS信息。
8. 根據(jù)權(quán)利要求3所述的方法，其中，所述根據(jù)所述CSS信息中的撞染參數(shù)撞染所述當(dāng) 前網(wǎng)頁(yè)步驟包括： 比較所述本地夜間模式配置表中的撞染參數(shù)的權(quán)重與所述當(dāng)前網(wǎng)頁(yè)的CSS信息中攜 帶的網(wǎng)頁(yè)夜間模式的撞染參數(shù)的權(quán)重的大?。? 根據(jù)所述比較的結(jié)果確定使用所述本地夜間模式配置表中的撞染參數(shù)或者所述當(dāng)前 網(wǎng)頁(yè)的CSS信息中攜帶的網(wǎng)頁(yè)夜間模式的撞染參數(shù)撞染當(dāng)前網(wǎng)頁(yè)。
9. 根據(jù)權(quán)利要求1所述的方法，其中，在所述將所述當(dāng)前網(wǎng)頁(yè)撞染為夜間模式的網(wǎng)頁(yè) 并顯示撞染后的所述當(dāng)前網(wǎng)頁(yè)步驟之后，所述方法還包括： 獲取所述瀏覽器對(duì)應(yīng)的內(nèi)存中緩存的、除當(dāng)前網(wǎng)頁(yè)外的至少一組CSS信息，依據(jù)獲取 的各組所述css信息中的撞染參數(shù)撞染與各組css信息對(duì)應(yīng)的網(wǎng)頁(yè)，其中，每組css信息對(duì) 應(yīng)一個(gè)網(wǎng)頁(yè)。
10. -種瀏覽器客戶端，包括： 指令接收模塊，用于接收啟動(dòng)瀏覽器夜間模式的指令； 第一獲取模塊，用于根據(jù)所述指令獲取所述瀏覽器顯示的當(dāng)前網(wǎng)頁(yè)對(duì)應(yīng)的層疊樣式表 CSS信息，其中，所述CSS信息中攜帶有至少一個(gè)網(wǎng)頁(yè)夜間模式的撞染參數(shù)； 撞染顯示模塊，用于根據(jù)所述CSS信息中的撞染參數(shù)撞染所述當(dāng)前網(wǎng)頁(yè)，將所述當(dāng)前 網(wǎng)頁(yè)撞染為夜間模式的網(wǎng)頁(yè)并顯示撞染后的所述當(dāng)前網(wǎng)頁(yè)。
【文檔編號(hào)】G06F17/30GK104462312SQ201410714587
【公開日】2015年3月25日 申請(qǐng)日期:2014年11月28日 優(yōu)先權(quán)日:2014年11月28日
【發(fā)明者】楊德立, 杜海燕 申請(qǐng)人:北京奇虎科技有限公司, 奇智軟件（北京）有限公司