配置chrome调试工具主题

1. 启用chrome实验功能
   url输入：chrome://flags/#enable-devtools-experiments
   然后将disabled改为enabled

2. 重新启动浏览器，只要是实验功能里面的修改了都要重启浏览器才能生效。

3. 打开调试工具设置
   
   
   选中Experiments，然后勾选上Allow custom UI themes

4. 这里可能要再重启浏览器生效

5. 到google网上商店下载主题：如Koji NISHIDA、Dracula DevTools Theme、``等

6. 然后能够看到你的控制台变成了如图所示界面，你也可以找其他主题

这里有可能会出现一个问题

将该项内容添加到 Chrome 浏览器时出错。请刷新此页面,然后重试。

解决方案

1. 地址栏输入：chrome://net-internals/#hsts
   
2. 在Domain中输入chrome.google.com，勾选Include subdomains for STS:，点击Add
3. 回到扩展程序，重新下载即可。
4. 注意：如果没有生效，重启浏览器即可

个人推荐主题：Material DevTools Theme Collection

1. 下载
   
2. 手动配置和切换Material DevTools Theme Collection主题，因为我觉得默认配置不好看
   
   左边是选择主题，我喜欢Atom One Dark这一款，选择了一款主题之后能够在右边预览效果

控制台效果

顺便再推荐一下chrome浏览器的主题吧

空白页效果