前端调试指南，抛开 source-map 不谈，都是流氓

console.time 和 console.timeEnd

浏览器网络面板对请求右键有，replay XHR 功能，点击就可以重发请求。

如果要修改请求，然后重新发，可以右键请求，复制，复制为 fetch,然后复制到浏览器控制台，修改为想要的内容，然后回车执行即可。

在浏览器控制台环境中 $0 可以选择当前聚焦的元素

如果想获取当前的元素选择器，可以右键元素，选择 Copy > Copy selector

网络面板网络请求的 script 列，点击查看，可以查看请求是在哪里发送的，如果配置了sourcemap，可以查看直接源码位置

点击 console 面板的小眼睛，输入变量名，可以实时查看变量的输出值，里面的表达式会自动运行，结果实时更新

当我们触发路由的跳转时，console 面板和网络请求记录会自动清空，但是可以通过设置 Preserve Log 来保留日志