如何给|如何给 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 开发者工具,大家更喜欢哪种?
【如何给|如何给 Chrome 开发者工具设置 Material Design 风格的主题外观】更多Jerry的原创文章,尽在:"汪子熙":
如何给|如何给 Chrome 开发者工具设置 Material Design 风格的主题外观
文章图片

    推荐阅读