使用一行程式碼改變android移動端chrome瀏覽器顏色

用手機上網的偶然發現開啟一個網站,chrome瀏覽器的面板就會改變,其他的網站卻沒有中情況,我們先上圖片比較一下這種效果。

使用一行程式碼改變android移動端chrome瀏覽器顏色

效果對比

左側為沒有使用該效果的某入口網站,右側為使用程式碼改變chrome瀏覽器面板顏色的效果。

使用一行程式碼改變android移動端chrome瀏覽器顏色之後,能更好的跟網站主題融合在一起,經過測試發現,使用淺顏色改變chrome瀏覽器外觀之後,位址列網址為預設黑色,使用色彩飽和度高,顏色重顏色改變chrome瀏覽器外觀,位址列文字會自動變為白色,chrome的這種設計也是為了更好的識別網址吧。

透過查詢得知,從大約2015年前後chrome39版開始的這個功能,也就是說現在android版本的chrome瀏覽器都支援該效果。

如何才能實現這種效果呢,其實很簡單,只要在頁面頭部標籤之內插入一個meta標籤: 後面的content 顏色你可以自己設定,就能實現這種酷炫的效果。

使用一行程式碼改變android移動端chrome瀏覽器顏色

程式碼插入位置

在網站設計過程中,只要留心觀察相信每天都會發現新的精彩能容,你學會了麼,歡迎大家一起分享。

TAG: Chrome瀏覽器效果顏色位址列