2015年8月20日 星期四

[工具] 如何讓 Chrome Dev Tool 也能 dark theme - 使用 DevTools Theme: Zero Dark Matrix 套件

身為網頁開發人員,長時間盯著開發工具鐵定是避免不了,
而螢幕預設的白底總是讓人容易眼睛酸澀...

從 Visual Studio 2012 開始便內建深色主題 (dark color theme) 的開發環境,套用後舒服多拉!


而現在最方便的前端開發工具「Chrome Developer Tools」 該如何方便的套用深色樣式呢?

以下以介紹擴充套件 DevTools Theme: Zero Dark Matrix 安裝方法:

  1. 安裝 chrome 擴充套件  DevTools Theme: Zero Dark Matrix
  2. 開啟 chrome 開發人員設定連結 -> chrome://flags/#enable-devtools-experiments,將「開發人員工具實驗性功能」啟用
  3. 在 Developer Tools Setting 裡面就會有 Experiments 選項,將 Allow custom UI themes 選取,關閉 Chrome Developer Tool 在重開就完成拉!( 撒花~

沒有留言:

張貼留言