如何给 Chrome 开发者工具设置 Material Design 风格的主题外观

图一是 Chrome 开发者工具默认的 Light 风格。

如何给 Chrome 开发者工具设置 Material Design 风格的主题外观_第1张图片

在设置选项里,选择 Dark,即可加载如下图所示的风格:

如何给 Chrome 开发者工具设置 Material Design 风格的主题外观_第2张图片

还可以安装这个 Material DevTools Theme Collection:
如何给 Chrome 开发者工具设置 Material Design 风格的主题外观_第3张图片

在 Chrome 开发者工具的 Experiments 选项里,勾上“Allow extensions to load custom stylesheets”:

如何给 Chrome 开发者工具设置 Material Design 风格的主题外观_第4张图片

然后 Theme 选择 System preference:

如何给 Chrome 开发者工具设置 Material Design 风格的主题外观_第5张图片

之后即可使用如下图所示的 Material Design Theme:

如何给 Chrome 开发者工具设置 Material Design 风格的主题外观_第6张图片

这三种风格的 Chrome 开发者工具,大家更喜欢哪种?

更多Jerry的原创文章,尽在:"汪子熙":

你可能感兴趣的:(如何给 Chrome 开发者工具设置 Material Design 风格的主题外观)