在某些緊急情況下，比如前兩天，需要將網站和app的主題色修改成黑白色，在不更新軟體的情況下，怎麼實現這個需求呢？今天我們就來探討下這個問題，雖然下面是分為網站和app來討論，但是他們實質都是一樣的。

網站

如果是網站很好辦，直接在最外層標籤上，新增屬性 filter: grayscale(100%);即可。

APP

當天有很多app變成了黑白色，我們隨手開啟幾個app看看。

當前這個軟體

上面的APP（還有其它的），確實是變成黑白色了，但是我們並沒有對app進行升級啊。那到底是怎麼實現的呢？

首先，我們需要知道的是，APP的形式。

webApp：

簡單來說，Web App就是針對iOS/Android優化後的web站點，使用者不需要下載安裝即可訪問。一般的web站點側重使用網頁技術在移動端做展示，包括文字，視訊，圖片等，而Web App更側重“功能”，是基於網頁技術開發實現特定功能的應用，必須依賴手機瀏覽器執行。Web App開發成本低，維護更新簡單，支援雲修復，使用者不用下載更新，但是App的使用者體驗不足，頁面跳轉遲鈍甚至卡殼，頁面互動動態效果不靈活，而且可能上不了AppStore，如果企業的核心功能不多，App需求側重於資訊查詢，瀏覽等基礎功能可以選擇Web App。

Native App(原生App)

Native App是基於智慧手機作業系統(現在主流的是ios和Android)用原生程式編寫運營的App。Native App執行時是基於本地作業系統的，所以它的相容能力和訪問能力更好，擁有最佳的使用者體驗、最好的互動介面，但也是開發難度最大，開發成本和維護成本最高的App。

Hybrid App(混合App)：

是指半原生半web的混合類App，同時採用網頁語言和程式語言進行開發，通過不同的應用商店進行打包分發，使用者需要下載安裝使用。Hybrid App兼具Native App良好的使用者互動體驗和web App跨平臺開發的優勢，因在開發過程中使用網頁語言，所以開發成本和難度大大降低。Native App是現在的主流應用，大型的App如淘寶/掌上百度/微信都是走的Hybrid App路線。

混合APP，是目前最流行的一種開發方式，相比原生的，混合的好處實在是太多了，比如頁面佈局修改，混合的不需要釋出上架，混合的就必須釋出上架，並且等到稽核通過（IOS的稽核週期稍長，到時候黃花菜都涼 了）。最大的問題是，使用者不一定會及時更新新的軟體（強制更新體驗差）。反正就是各種難受，但是混合app對開發人員要求更高，不止會要Android，ios, 還需要前端程式碼的知識。

好了， 了解了這些，大概你也知道各app是如何做到黑白色的了。

沒錯，他們都是採用的混合app形式開發的，如果要讓頁面變黑白，則只需要在你請求首頁的時候，把返回給你的頁面，新增一個屬性 filter: grayscale(100%）就可以了，而不需要要通過頻繁發版來實現這種功能了。