4月4號全國禁娛,各大App是如何實現界面換色的?

小羊丶


這個很簡單,就像換皮膚壁紙一樣,只要一句代碼就搞定。

在程序設計中有個css的文件,專門負責顯示樣式的。

顯示樣式的文件在服務器端,修改服務器的相關css,客戶端app就會響應變化。

{color:red}顯示紅色

{color:gray}顯示灰色


鮮事狗gogogo


實現方式很簡單,拿網站舉例。

有一個知名的可以讓網頁變為灰度的Javascript腳本:grayscale.js,因此只需要2行代碼:

引用grayscale.js

利用CSS將grayscale的應用到特定的類

比如想讓整個網站變為黑白色,只需要對html應用grayscale效果即可,代碼如下(使用了Bilibili的js源,添加到header中即可):

其中,grayscale(.95)指的是腳本遮罩度。比如設置為.50,那麼就會疊加50%灰色。

該腳本的工作原理是:利用客戶的瀏覽器完成灰度計算。因此不會改變原網頁內容,也不會增加多少流量消耗。當然,對於大型網站,可能需要對灰度版本的網頁進行緩存。

grayscale可以應用在特定的類上,比如對其它類應用,但對用戶頭像(有專門的類名)不應用。這樣就可以起到全站黑白,同時用戶頭像彩色的效果。


長安看世界


界面可以通過黑白遮罩,但是內容方面恐怕是之前就有通知下來。


榻榻米的榻榻


程序開發和管理人員通過後臺程序代碼統一換色的


分享到:


相關文章: