## 1. Chrome DevTools功能简介 Chrome DevTools 由以下九部分组成：● Element 元素面板：检查和调整页面，调式 DOM，调试 CSS● Network 网络面板：调试请求，了解页面静态资

1. 选择和检查 DOM 元素在 Chrome DevTools 的 Console 面板中，可以输入一些带 $ 的命令来选择和检查 DOM 元素。 $0 - $4 命令可以用来显示在 Elements 面板中检查的最后五个 DOM

1. 保留日志当我们刷新完页面之后，通常控制台的 Console 面板就会被清空。如果想保留控制台的日志，就可以在设置中勾选 Preserve log 选项以保留控制台中的日志。 2. 代码覆盖率我们可以打开设置，在 Experi

Chrome DevTools 是前端开发人员最常用的工具之一，今天我们就来看 5 个 Chrome DevTools 中实用的实验性功能，开启这些隐藏功能，让你的 Chrome 更加强大！本文中使用的 Chrome 浏览器版本：99.