天天看點

如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀

圖一是 Chrome 開發者工具預設的 Light 風格。

如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀

在設定選項裡,選擇 Dark,即可加載如下圖所示的風格:

如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀

還可以安裝這個 Material DevTools Theme Collection:

如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀

在 Chrome 開發者工具的 Experiments 選項裡,勾上“Allow extensions to load custom stylesheets”:

如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀

然後 Theme 選擇 System preference:

如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀

之後即可使用如下圖所示的 Material Design Theme:

如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀

這三種風格的 Chrome 開發者工具,大家更喜歡哪種?

繼續閱讀