Chrome

经常会发现，项目里面外部库的一大块 `JavaScript` ，或者选择器上的一些 `CSS` 规则，实际都没有用到，但是怎么找到并且优化这一部分内容呢？

我们总是习惯于先在 `IDE` 或者文本编辑器中修改代码，然后再进入 `Chrome` 中进行调试，那有没有想过直接就在 `Chrome` 中来修改我们的代码呢？

每次调试几乎都会打开 `Source` 面板，但是默认的 `Source` 显示的内容是没有美化过的代码，能不能打开就是格式化之后的内容呢？

在 element 面板你可以检查每个元素的 CSS，那有没有办法看到整个页面的 CSS 概览呢？

可能你知道怎么更换 `Chrome` 的网页主题，但是你知道怎么更换 `Devtools` 的主题吗？