網頁展現方法和裝置制造方法
【專利摘要】本發明提出一種網頁展現方法和裝置，該網頁展現方法包括確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片；在所述背景圖片上添加預設透明度的透明圖層，得到添加后背景圖片；展現包括所述添加后背景圖片的網頁。該方法可以在瀏覽器提供夜間模式時不改變原背景圖片要展現的內容。
【專利說明】網頁展現方法和裝置

【技術領域】
[0001]本發明涉及瀏覽器【技術領域】，尤其涉及一種對網頁展現方法和裝置。

【背景技術】
[0002]隨著移動設備的普及，大量用戶會在夜間使用移動設備瀏覽器上網瀏覽網頁。網頁中大部分內容都是白色背景，在夜間十分刺眼，不利于用戶舒適地進行閱讀。為了提升用戶體驗，瀏覽器可以提供夜間模式，使展現的網頁內容變為深色調。
[0003]相關技術中是通過插入腳本(javascript)代碼和級聯樣式表(Cascading StyleSheet,CSS)代碼的方式將網頁中的元素的背景從淺色變為深色。當背景是漸變色圖片時，插入腳本代碼和CSS代碼的方式只能是將作為背景的漸變色圖片進行替換，且替換后的圖片相比原漸變色圖片的顏色變深。
[0004]但是，采用替換方式會改變原圖片要展現的內容。


【發明內容】

[0005]本發明旨在至少在一定程度上解決相關技術中的技術問題之一。
[0006]為此，本發明的一個目的在于提出一種網頁展現方法，該方法可以在瀏覽器提供夜間模式時不改變原背景圖片要展現的內容。
[0007]本發明的另一個目的在于提出一種網頁展現裝置。
[0008]為達到上述目的，本發明第一方面實施例提出的網頁展現方法，包括:確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片；在所述背景圖片上添加預設透明度的透明圖層，得到添加后背景圖片；展現包括所述添加后背景圖片的網頁。
[0009]可選的，所述在所述背景圖片上添加預設透明度的透明圖層，包括:通過瀏覽器內核在所述背景圖片上添加預設透明度的透明圖層；所述展現包括所述添加后背景圖片的網頁之前，所述方法還包括:通過瀏覽器內核渲染包括所述添加后背景圖片的網頁。
[0010]可選的，所述確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片，包括:獲取瀏覽器加載的網頁中包括的圖片參數；從所述圖片參數中選擇出漸變色圖片參數；根據所述漸變色圖片參數生成漸變色圖片；從生成的漸變色圖片中確定出背景圖片，作為屬于漸變色圖片的背景圖片。
[0011]可選的，所述從生成的漸變色圖片中確定出背景圖片，包括:對應每個漸變色圖片，判斷所述網頁中是否存在背景屬性指示的圖片是所述漸變色圖片的頁面元素；如果存在，將所述漸變色圖片確定為背景圖片。
[0012]可選的，所述預設透明度為30%。
[0013]可選的，在確定瀏覽器加載的網頁包括的圖片中屬于漸變色圖片的背景圖片之前，所述方法還包括:
[0014]判斷所述瀏覽器當前是否已啟用夜間模式，且判斷結果為已啟用夜間模式。
[0015]可選的，采用如下方式對所述瀏覽器啟用夜間模塊:在接收到用戶輸入的啟用夜間模式的指令后，對所述瀏覽器啟用夜間模式；當前時刻屬于預設時間段時，對所述瀏覽器啟用夜間模式；當前環境亮度值小于預設亮度值時，對所述瀏覽器啟用夜間模式。
[0016]本發明第一方面實施例提出的網頁展現方法，通過在屬于漸變色圖片的背景圖片上添加透明圖層，可以使得背景圖片變深，實現夜間模式的網頁展現，當漸變色圖片作為背景圖片時，在該背景圖片上添加圖層，不需要替換該背景圖片，因此可以不改變原背景圖片要展現的內容。
[0017]為達到上述目的，本發明第二方面實施例提出的網頁展現裝置，包括:確定模塊，用于確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片；添加模塊，用于在所述背景圖片上添加預設透明度的透明圖層，得到添加后背景圖片；展示模塊，用于展現包括所述添加后背景圖片的網頁。
[0018]可選的，所述添加模塊具體用于:通過瀏覽器內核在所述背景圖片上添加預設透明度的透明圖層；所述裝置還包括:渲染模塊，用于通過瀏覽器內核渲染包括所述添加后背景圖片的網頁。
[0019]可選的，所述確定模塊包括:第一單元，用于獲取瀏覽器加載的網頁中包括的圖片參數；第二單元，用于從所述圖片參數中選擇出漸變色圖片參數；第三單元，用于根據所述漸變色圖片參數生成漸變色圖片；第四單元，用于從生成的漸變色圖片中確定出背景圖片，作為屬于漸變色圖片的背景圖片。
[0020]可選的，所述第四單元具體用于:對應每個漸變色圖片，判斷所述網頁中是否存在背景屬性指示的圖片是所述漸變色圖片的頁面元素；如果存在，將所述漸變色圖片確定為背景圖片。
[0021]可選的，所述添加模塊采用的預設透明度為30%。
[0022]可選的，所述裝置還包括:判斷模塊，用于判斷所述瀏覽器當前是否已啟用夜間模式，且判斷結果為已啟用夜間模式。
[0023]可選的，該裝置還包括:啟用模塊，用于采用如下方式對所述瀏覽器啟用夜間模塊:在接收到用戶輸入的啟用夜間模式的指令后，對所述瀏覽器啟用夜間模式；當前時刻屬于預設時間段時，對所述瀏覽器啟用夜間模式；當前環境亮度值小于預設亮度值時，對所述瀏覽器啟用夜間模式。
[0024]本發明第二方面實施例提出的網頁展現裝置，通過在屬于漸變色圖片的背景圖片上添加透明圖層，可以使得背景圖片變深，實現夜間模式的網頁展現，當漸變色圖片作為背景圖片時，在該背景圖片上添加圖層，不需要替換該背景圖片，因此可以不改變原背景圖片要展現的內容。
[0025]為達到上述目的，本發明第三方面實施例提出的客戶端設備，包括:殼體、處理器、存儲器、電路板和電源電路，其中，電路板安置在殼體圍成的空間內部，處理器和存儲器設置在電路板上；電源電路，用于為客戶端設備的各個電路或器件供電；存儲器用于存儲可執行程序代碼；處理器通過讀取存儲器中存儲的可執行程序代碼來運行與可執行程序代碼對應的程序，以用于執行:確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片；在所述背景圖片上添加預設透明度的透明圖層，得到添加后背景圖片；展現包括所述添加后背景圖片的網頁。
[0026]可選的，所述在所述背景圖片上添加預設透明度的透明圖層，包括:通過瀏覽器內核在所述背景圖片上添加預設透明度的透明圖層；所述展現包括所述添加后背景圖片的網頁之前，所述方法還包括:通過瀏覽器內核渲染包括所述添加后背景圖片的網頁。
[0027]可選的，所述確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片，包括:獲取瀏覽器加載的網頁中包括的圖片參數；從所述圖片參數中選擇出漸變色圖片參數；根據所述漸變色圖片參數生成漸變色圖片；從生成的漸變色圖片中確定出背景圖片，作為屬于漸變色圖片的背景圖片。
[0028]可選的，所述從生成的漸變色圖片中確定出背景圖片，包括:對應每個漸變色圖片，判斷所述網頁中是否存在背景屬性指示的圖片是所述漸變色圖片的頁面元素；如果存在，將所述漸變色圖片確定為背景圖片。
[0029]可選的，所述預設透明度為30%。
[0030]可選的，在確定瀏覽器加載的網頁包括的圖片中屬于漸變色圖片的背景圖片之前，所述方法還包括:
[0031]判斷所述瀏覽器當前是否已啟用夜間模式，且判斷結果為已啟用夜間模式。
[0032]可選的，采用如下方式對所述瀏覽器啟用夜間模塊:在接收到用戶輸入的啟用夜間模式的指令后，對所述瀏覽器啟用夜間模式；當前時刻屬于預設時間段時，對所述瀏覽器啟用夜間模式；當前環境亮度值小于預設亮度值時，對所述瀏覽器啟用夜間模式。
[0033]本發明第三方面實施例提出的客戶端設備，通過在屬于漸變色圖片的背景圖片上添加透明圖層，可以使得背景圖片變深，實現夜間模式的網頁展現，當漸變色圖片作為背景圖片時，在該背景圖片上添加圖層，不需要替換該背景圖片，因此可以不改變原背景圖片要展現的內容。
[0034]本發明附加的方面和優點將在下面的描述中部分給出，部分將從下面的描述中變得明顯，或通過本發明的實踐了解到。

【專利附圖】

【附圖說明】
[0035]本發明上述的和/或附加的方面和優點從下面結合附圖對實施例的描述中將變得明顯和容易理解，其中:
[0036]圖1是本發明一實施例提出的網頁展現方法的流程示意圖；
[0037]圖2是本發明實施例中確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片的方法的流程示意圖；
[0038]圖3是本發明另一實施例提出的網頁展現方法的流程示意圖；
[0039]圖4是本發明另一實施例提出的網頁展現裝置的結構示意圖；
[0040]圖5是本發明另一實施例提出的網頁展現裝置的結構示意圖。

【具體實施方式】
[0041]下面詳細描述本發明的實施例，所述實施例的示例在附圖中示出，其中自始至終相同或類似的標號表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實施例是示例性的，僅用于解釋本發明，而不能理解為對本發明的限制。相反，本發明的實施例包括落入所附加權利要求書的精神和內涵范圍內的所有變化、修改和等同物。
[0042]圖1是本發明一實施例提出的網頁展現方法的流程示意圖，該方法包括:
[0043]Sll:確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片。
[0044]可選的，參見圖2，確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片可以包括:
[0045]S21:獲取瀏覽器加載的網頁中包括的圖片參數。
[0046]其中，網頁中可以包括多種參數，以便根據該參數生成網頁。
[0047]具體的，參數可以包括圖片參數，圖片參數可以用于生成圖片。
[0048]S22:從所述圖片參數中選擇出漸變色圖片參數；
[0049]漸變色是CSS3引入的一種表示顏色變化的語法,分為linear-gradient (線性漸變)和 radial-gradient (徑向漸變)。
[0050]具體的，漸變色圖片參數在不同瀏覽器內核上的表現形式不同，例如:
[0051]Mozilla background:-moz-linear-gradient(top, #ccc, #000)；
[0052]Webkit background:-webkit-gradient (I inear, center top, centerbottom, from(#ccc), to(#000))；
[0053]Opera background:-o-linear-gradient(top, #ccc, #000)；
[0054]Trident (IE)-ms-fiIter:〃progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #1471da, endColorstr = #1C85FB)〃。
[0055]S23:根據所述漸變色圖片參數生成漸變色圖片。
[0056]雖然上述的表現形式不同，但都可以根據漸變色圖片參數來生成漸變色圖片，以 Webkit 內核為例，可以根據 webkit-gradient (linear, center top, centerbottom, from(#ccc), to (#000))生成漸變色圖片。在生成漸變色圖片后,可以將該漸變色圖片保存在image中。
[0057]S24:從生成的漸變色圖片中確定出背景圖片，作為屬于漸變色圖片的背景圖片。
[0058]其中，可以對應每個漸變色圖片，判斷所述網頁中是否存在背景屬性指示的圖片是所述漸變色圖片的頁面元素；如果存在，將所述漸變色圖片確定為背景圖片。
[0059]具體的，網頁中可以包括多個頁面元素，每個頁面元素可以配置背景屬性，背景屬性可以包括背景色和背景圖片等，如果至少一個頁面元素的背景屬性中背景圖片指示的圖片是上述生成的漸變色圖片，則可以確定出該漸變色圖片是背景圖片。
[0060]S12:在所述背景圖片上添加預設透明度的透明圖層，得到添加后背景圖片。
[0061]其中，預設透明度優選為30%。
[0062]具體的，可以調用元素Canvas的draw接口添加圖層。
[0063]可以在瀏覽器內核對背景圖片進行渲染之前，在背景圖片上添加預設透明度的圖層。
[0064]通過添加圖層，可以使得背景圖片變暗。
[0065]可選的，所述在所述背景圖片上添加預設透明度的透明圖層，包括:
[0066]通過瀏覽器內核在所述背景圖片上添加預設透明度的透明圖層。
[0067]S13:展現包括所述添加后背景圖片的網頁。
[0068]其中，在展現之前，還可以包括:
[0069]通過瀏覽器內核渲染包括所述添加后背景圖片的網頁。可選的，本實施例可以是在用戶選擇夜間模式后進行的，即，參見圖3，在Sll之前還可以包括:
[0070]S10:判斷所述瀏覽器當前是否已啟用夜間模式，且判斷結果為已啟用夜間模式。
[0071]本實施例可以具體應用在夜間模式時，因此可以首先判斷是否啟用夜間模式，以便在啟用夜間模式時進行圖1所示的處理。
[0072]用戶在晚間使用瀏覽器的時候，由于大部分頁面都是白色背景，會非常刺眼，針對夜晚，瀏覽器往往提供一個功能把白色背景變暗，這個功能一般稱為夜間模式。
[0073]具體的，
[0074]采用如下方式對所述瀏覽器啟用夜間模塊:
[0075]在接收到用戶輸入的啟用夜間模式的指令后，對所述瀏覽器啟用夜間模式；
[0076]當前時刻屬于預設時間段時，對所述瀏覽器啟用夜間模式；
[0077]當前環境亮度值小于預設亮度值時，對所述瀏覽器啟用夜間模式。
[0078]另一方面，當沒有啟用夜間模式時，可以按照正常的白天模式的場景進行網頁加載和展現，不需要對漸變色圖片添加圖層。
[0079]本實施例中，在屬于漸變色圖片的背景圖片上添加透明圖層，可以使得背景圖片變深，實現夜間模式的網頁展現；本實施例中，由瀏覽器內核完成相應功能，不需要插入javascript代碼和css代碼，當漸變色圖片作為背景圖片時，在該背景圖片上添加透明圖層，不需要替換該背景圖片，因此可以不改變原背景圖片要展現的內容；插入javascript代碼和css代碼時需要搜索所有元素的背景屬性，而本實施例中，先確定漸變色圖片再判斷該漸變色圖片是否是背景圖片，不需要搜索所有元素的背景屬性，可以提高網頁渲染效率。
[0080]圖4為本發明另一實施例提出的網頁展現裝置的結構示意圖，該裝置40包括確定模塊41、添加模塊42以及展示模塊43。
[0081]確定模塊41用于確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片。
[0082]可選的，參見圖5，所述確定模塊41包括:
[0083]第一單元411，用于獲取瀏覽器加載的網頁中包括的圖片參數；
[0084]其中，網頁中可以包括多種參數，以便根據該參數生成網頁。
[0085]具體的，參數可以包括圖片參數，圖片參數可以用于生成圖片。
[0086]第二單元412，用于從所述圖片參數中選擇出漸變色圖片參數；
[0087]漸變色是CSS3引入的一種表示顏色變化的語法,分為linear-gradient (線性漸變)和 radial-gradient (徑向漸變)。
[0088]具體的，漸變色圖片參數在不同瀏覽器內核上的表現形式不同，例如:
[0089]Mozilla background:-moz-linear-gradient(top, #ccc, #000)；
[0090]Webkit back ground:-webkit-gradient (I inear, center top, centerbottom, from(#ccc), to(#000))；
[0091]Opera background:-o-linear-gradient(top, #ccc, #000)；
[0092]Trident (IE) -ms-f i I ter: ^progid: DXImageTransform.Microsoft,gradient(GradientType = 0, startColorstr = #1471da, endColorstr = #1C85FB)〃。
[0093]第三單元413，用于根據所述漸變色圖片參數生成漸變色圖片；
[0094]雖然上述的表現形式不同，但都可以根據漸變色圖片參數來生成漸變色圖片，以 Webkit 內核為例，可以根據 webkit-gradient (linear, center top, centerbottom, from(#ccc), to (#000))生成漸變色圖片。在生成漸變色圖片后,可以將該漸變色圖片保存在image中。
[0095]第四單元414，用于從生成的漸變色圖片中確定出背景圖片，作為屬于漸變色圖片的背景圖片。
[0096]可選的，所述第四單元414具體用于:
[0097]對應每個漸變色圖片，判斷所述網頁中是否存在背景屬性指示的圖片是所述漸變色圖片的頁面元素；
[0098]如果存在，將所述漸變色圖片確定為背景圖片。
[0099]具體的，網頁中可以包括多個頁面元素，每個頁面元素可以配置背景屬性，背景屬性可以包括背景色和背景圖片等，如果至少一個頁面元素的背景屬性中背景圖片指示的圖片是上述生成的漸變色圖片，則可以確定出該漸變色圖片是背景圖片。
[0100]添加模塊42用于在所述背景圖片上添加預設透明度的透明圖層，得到添加后背景圖片。
[0101]一個實施例中，所述添加模塊42采用的預設透明度為30%。
[0102]具體的，可以調用元素Canvas的draw接口添加圖層。
[0103]可以在瀏覽器內核對背景圖片進行渲染之前，在背景圖片上添加預設透明度的圖層。
[0104]通過添加圖層，可以使得背景圖片變暗。
[0105]可選的，所述添加模塊42具體用于:
[0106]通過瀏覽器內核在所述背景圖片上添加預設透明度的透明圖層；展示模塊43用于展現包括所述添加后背景圖片的網頁。
[0107]可選的，參見圖5，所述裝置40還包括:
[0108]渲染模塊44，用于通過瀏覽器內核渲染包括所述添加后背景圖片的網頁。
[0109]可選的，參見圖5，所述裝置40還包括:
[0110]判斷模塊45，用于判斷所述瀏覽器當前是否已啟用夜間模式，且判斷結果為已啟用夜間模式。
[0111]本實施例可以具體應用在夜間模式時，因此可以首先判斷是否啟用夜間模式，以便在啟用夜間模式時進行圖1所示的處理。
[0112]用戶在晚間使用瀏覽器的時候，由于大部分頁面都是白色背景，會非常刺眼，針對夜晚，瀏覽器往往提供一個功能把白色背景變暗，這個功能一般稱為夜間模式。
[0113]可選的，參見圖5，該裝置40還包括:
[0114]啟用模塊46，用于采用如下方式對所述瀏覽器啟用夜間模塊:
[0115]在接收到用戶輸入的啟用夜間模式的指令后，對所述瀏覽器啟用夜間模式；
[0116]當前時刻屬于預設時間段時，對所述瀏覽器啟用夜間模式；
[0117]當前環境亮度值小于預設亮度值時，對所述瀏覽器啟用夜間模式。
[0118]另一方面，當沒有啟用夜間模式時，可以按照正常的白天模式的場景進行網頁加載和展現，不需要對漸變色圖片添加圖層。
[0119]本實施例中，在屬于漸變色圖片的背景圖片上添加透明圖層，可以使得背景圖片變深，實現夜間模式的網頁展現；本實施例中，由瀏覽器內核完成相應功能，不需要插入javascript代碼和css代碼，當漸變色圖片作為背景圖片時，在該背景圖片上添加透明圖層，不需要替換該背景圖片，因此可以不改變原背景圖片要展現的內容；插入javascript代碼和css代碼時需要搜索所有元素的背景屬性，而本實施例中，先確定漸變色圖片再判斷該漸變色圖片是否是背景圖片，不需要搜索所有元素的背景屬性，可以提高網頁渲染效率。
[0120]本發明實施例還提供了一種客戶端設備，該客戶端設備包括殼體、處理器、存儲器、電路板和電源電路，其中，電路板安置在殼體圍成的空間內部，處理器和存儲器設置在電路板上；電源電路，用于為客戶端設備的各個電路或器件供電；存儲器用于存儲可執行程序代碼；處理器通過讀取存儲器中存儲的可執行程序代碼來運行與可執行程序代碼對應的程序，以用于執行:
[0121]SlT:確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片。
[0122]可選的，確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片可以包括:
[0123]S21’:獲取瀏覽器加載的網頁中包括的圖片參數。
[0124]其中，網頁中可以包括多種參數，以便根據該參數生成網頁。
[0125]具體的，參數可以包括圖片參數，圖片參數可以用于生成圖片。
[0126]S22’:從所述圖片參數中選擇出漸變色圖片參數；
[0127]漸變色是CSS3引入的一種表示顏色變化的語法,分為linear-gradient (線性漸變)和 radial-gradient (徑向漸變)。
[0128]具體的，漸變色圖片參數在不同瀏覽器內核上的表現形式不同，例如:
[0129]Mozilla background:-moz-linear-gradient(top, #ccc, #000)；
[0130]Webkit background:-webkit-gradi ent (I inear, center top, centerbottom, from(#ccc), to (#000))；
[0131]Opera background:-o-linear-gradient(top, #ccc, #000)；
[0132]Trident (IE) -ms-f i I ter: ^progid: DXImageTransform.Microsoft,gradient(GradientType = 0, startColorstr = #1471da, endColorstr = #1C85FB)〃。
[0133]S23 ’:根據所述漸變色圖片參數生成漸變色圖片。
[0134]雖然上述的表現形式不同，但都可以根據漸變色圖片參數來生成漸變色圖片，以 Webkit 內核為例，可以根據 webkit-gradient (linear, center top, centerbottom, from(#ccc), to (#000))生成漸變色圖片。在生成漸變色圖片后,可以將該漸變色圖片保存在image中。
[0135]S24’:從生成的漸變色圖片中確定出背景圖片，作為屬于漸變色圖片的背景圖片。
[0136]其中，可以對應每個漸變色圖片，判斷所述網頁中是否存在背景屬性指示的圖片是所述漸變色圖片的頁面元素；如果存在，將所述漸變色圖片確定為背景圖片。
[0137]具體的，網頁中可以包括多個頁面元素，每個頁面元素可以配置背景屬性，背景屬性可以包括背景色和背景圖片等，如果至少一個頁面元素的背景屬性中背景圖片指示的圖片是上述生成的漸變色圖片，則可以確定出該漸變色圖片是背景圖片。
[0138]S12’:在所述背景圖片上添加預設透明度的透明圖層，得到添加后背景圖片。
[0139]其中，預設透明度優選為30%。
[0140]具體的,可以調用元素Canvas的draw接口添加圖層。
[0141]可以在瀏覽器內核對背景圖片進行渲染之前，在背景圖片上添加預設透明度的圖層。
[0142]通過添加圖層，可以使得背景圖片變暗。
[0143]可選的，所述在所述背景圖片上添加預設透明度的透明圖層，包括:
[0144]通過瀏覽器內核在所述背景圖片上添加預設透明度的透明圖層。
[0145]S13 ’:展現包括所述添加后背景圖片的網頁。
[0146]其中，在展現之前，還可以包括:
[0147]通過瀏覽器內核渲染包括所述添加后背景圖片的網頁。可選的，本實施例可以是在用戶選擇夜間模式后進行的，即，在sir之前還可以包括:
[0148]S10’:判斷所述瀏覽器當前是否已啟用夜間模式，且判斷結果為已啟用夜間模式。
[0149]本實施例可以具體應用在夜間模式時，因此可以首先判斷是否啟用夜間模式，以便在啟用夜間模式時進行圖1所示的處理。
[0150]用戶在晚間使用瀏覽器的時候，由于大部分頁面都是白色背景，會非常刺眼，針對夜晚，瀏覽器往往提供一個功能把白色背景變暗，這個功能一般稱為夜間模式。
[0151]具體的，采用如下方式對所述瀏覽器啟用夜間模塊:
[0152]在接收到用戶輸入的啟用夜間模式的指令后，對所述瀏覽器啟用夜間模式；
[0153]當前時刻屬于預設時間段時，對所述瀏覽器啟用夜間模式；
[0154]當前環境亮度值小于預設亮度值時，對所述瀏覽器啟用夜間模式。
[0155]另一方面，當沒有啟用夜間模式時，可以按照正常的白天模式的場景進行網頁加載和展現，不需要對漸變色圖片添加圖層。
[0156]本實施例中，在屬于漸變色圖片的背景圖片上添加透明圖層，可以使得背景圖片變深，實現夜間模式的網頁展現；本實施例中，由瀏覽器內核完成相應功能，不需要插入javascript代碼和css代碼，當漸變色圖片作為背景圖片時，在該背景圖片上添加透明圖層，不需要替換該背景圖片，因此可以不改變原背景圖片要展現的內容；插入javascript代碼和css代碼時需要搜索所有元素的背景屬性，而本實施例中，先確定漸變色圖片再判斷該漸變色圖片是否是背景圖片，不需要搜索所有元素的背景屬性，可以提高網頁渲染效率。
[0157]需要說明的是，在本發明的描述中，術語“第一”、“第二”等僅用于描述目的，而不能理解為指示或暗示相對重要性。此外，在本發明的描述中，除非另有說明，“多個”的含義是兩個或兩個以上。
[0158]流程圖中或在此以其他方式描述的任何過程或方法描述可以被理解為，表示包括一個或更多個用于實現特定邏輯功能或過程的步驟的可執行指令的代碼的模塊、片段或部分，并且本發明的優選實施方式的范圍包括另外的實現，其中可以不按所示出或討論的順序，包括根據所涉及的功能按基本同時的方式或按相反的順序，來執行功能，這應被本發明的實施例所屬【技術領域】的技術人員所理解。
[0159]應當理解，本發明的各部分可以用硬件、軟件、固件或它們的組合來實現。在上述實施方式中，多個步驟或方法可以用存儲在存儲器中且由合適的指令執行系統執行的軟件或固件來實現。例如，如果用硬件來實現，和在另一實施方式中一樣，可用本領域公知的下列技術中的任一項或他們的組合來實現:具有用于對數據信號實現邏輯功能的邏輯門電路的離散邏輯電路，具有合適的組合邏輯門電路的專用集成電路，可編程門陣列(PGA)，現場可編程門陣列(FPGA)等。
[0160]本【技術領域】的普通技術人員可以理解實現上述實施例方法攜帶的全部或部分步驟是可以通過程序來指令相關的硬件完成，所述的程序可以存儲于一種計算機可讀存儲介質中，該程序在執行時，包括方法實施例的步驟之一或其組合。
[0161 ] 此外，在本發明各個實施例中的各功能單元可以集成在一個處理模塊中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個模塊中。上述集成的模塊既可以采用硬件的形式實現，也可以采用軟件功能模塊的形式實現。所述集成的模塊如果以軟件功能模塊的形式實現并作為獨立的產品銷售或使用時，也可以存儲在一個計算機可讀取存儲介質中。
[0162]上述提到的存儲介質可以是只讀存儲器，磁盤或光盤等。
[0163]在本說明書的描述中，參考術語“一個實施例”、“一些實施例”、“示例”、“具體示例”、或“一些示例”等的描述意指結合該實施例或示例描述的具體特征、結構、材料或者特點包含于本發明的至少一個實施例或示例中。在本說明書中，對上述術語的示意性表述不一定指的是相同的實施例或示例。而且，描述的具體特征、結構、材料或者特點可以在任何的一個或多個實施例或示例中以合適的方式結合。
[0164]盡管上面已經示出和描述了本發明的實施例，可以理解的是，上述實施例是示例性的，不能理解為對本發明的限制，本領域的普通技術人員在本發明的范圍內可以對上述實施例進行變化、修改、替換和變型。
【權利要求】
1.一種網頁展現方法，其特征在于，包括: 確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片； 在所述背景圖片上添加預設透明度的透明圖層，得到添加后背景圖片； 展現包括所述添加后背景圖片的網頁。
2.根據權利要求1所述的方法，其特征在于，所述在所述背景圖片上添加預設透明度的透明圖層，包括: 通過瀏覽器內核在所述背景圖片上添加預設透明度的透明圖層； 所述展現包括所述添加后背景圖片的網頁之前，所述方法還包括: 通過瀏覽器內核渲染包括所述添加后背景圖片的網頁。
3.根據權利要求1所述的方法，其特征在于，所述確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片，包括: 獲取瀏覽器加載的網頁中包括的圖片參數； 從所述圖片參數中選擇出漸變色圖片參數； 根據所述漸變色圖片參數生成漸變色圖片； 從生成的漸變色圖片中確定出背景圖片，作為屬于漸變色圖片的背景圖片。
4.根據權利要求3所述的方法，其特征在于，所述從生成的漸變色圖片中確定出背景圖片，包括: 對應每個漸變色圖片，判斷所述網頁中是否存在背景屬性指示的圖片是所述漸變色圖片的頁面元素； 如果存在，將所述漸變色圖片確定為背景圖片。
5.根據權利要求1至4任一項所述的方法，其特征在于，所述預設透明度為30%。
6.根據權利要求1-4任一項所述的方法，其特征在于，在確定瀏覽器加載的網頁包括的圖片中屬于漸變色圖片的背景圖片之前，所述方法還包括: 判斷所述瀏覽器當前是否已啟用夜間模式，且判斷結果為已啟用夜間模式。
7.根據權利要求6所述的方法，其特征在于，采用如下方式對所述瀏覽器啟用夜間模塊: 在接收到用戶輸入的啟用夜間模式的指令后，對所述瀏覽器啟用夜間模式； 當前時刻屬于預設時間段時，對所述瀏覽器啟用夜間模式； 當前環境亮度值小于預設亮度值時，對所述瀏覽器啟用夜間模式。
8.—種網頁展現裝置，其特征在于，包括: 確定模塊，用于確定瀏覽器加載的網頁中屬于漸變色圖片的背景圖片； 添加模塊，用于在所述背景圖片上添加預設透明度的透明圖層，得到添加后背景圖片; 展示模塊，用于展現包括所述添加后背景圖片的網頁。
9.根據權利要求8所述的裝置，其特征在于，所述添加模塊具體用于: 通過瀏覽器內核在所述背景圖片上添加預設透明度的透明圖層； 所述裝置還包括: 渲染模塊，用于通過瀏覽器內核渲染包括所述添加后背景圖片的網頁。
10.根據權利要求8所述的裝置，其特征在于，所述確定模塊包括: 第一單元，用于獲取瀏覽器加載的網頁中包括的圖片參數； 第二單元，用于從所述圖片參數中選擇出漸變色圖片參數； 第三單元，用于根據所述漸變色圖片參數生成漸變色圖片； 第四單元，用于從生成的漸變色圖片中確定出背景圖片，作為屬于漸變色圖片的背景圖片。
11.根據權利要求10所述的裝置，其特征在于，所述第四單元具體用于: 對應每個漸變色圖片，判斷所述網頁中是否存在背景屬性指示的圖片是所述漸變色圖片的頁面元素； 如果存在，將所述漸變色圖片確定為背景圖片。
12.根據權利要求8至11任一項所述的裝置，其特征在于，所述添加模塊采用的預設透明度為30%。
13.根據權利要求8至11任一項所述的裝置，其特征在于，所述裝置還包括: 判斷模塊，用于判斷所述瀏覽器當前是否已啟用夜間模式，且判斷結果為已啟用夜間模式。
14.根據權利要求13所述的裝置，其特征在于，還包括: 啟用模塊，用于采用如下方式對所述瀏覽器啟用夜間模塊: 在接收到用戶輸入的啟用夜間模式的指令后，對所述瀏覽器啟用夜間模式； 當前時刻屬于預設時間段時，對所述瀏覽器啟用夜間模式； 當前環境亮度值小于預設亮度值時，對所述瀏覽器啟用夜間模式。
【文檔編號】G06F9/44GK104252362SQ201410502670
【公開日】2014年12月31日 申請日期:2014年9月26日 優先權日:2014年9月26日
【發明者】劉陽, 關翔 申請人:可牛網絡技術（北京）有限公司