图一是 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 开发者工具,大家更喜欢哪种?

更多Jerry的原创文章,尽在:"汪子熙":
如何给 Chrome 开发者工具设置 Material Design 风格的主题外观

相关文章:

  • 2022-12-23
  • 2021-07-01
  • 2021-11-20
  • 2021-12-06
  • 2021-04-24
  • 2022-12-23
猜你喜欢
  • 2021-09-03
  • 2021-09-16
  • 2021-08-09
  • 2022-12-23
  • 2021-11-22
  • 2021-10-07
相关资源
相似解决方案