Chrome浏览器调试-Sources资源面板
在page这个栏目里面，会显示当前页面加载的文件
编辑器
Filesystem更像一个代码编辑器，允许你编辑代码，并保存本地；
你完全可以使用它来进行前端的代码编辑
代码覆盖
覆盖这个地方要稍微复杂一点，在页面调试中，我们调试css样式，修改就能立即看到效果，但是调试JavaScript代码必须刷新才能看到效果，线上网站一刷新就恢复原样了，这时候就可以在本地新建一个项目和线上项目一模一样，然后选择代码覆盖，此时你调试JavaScript代码就能刷新也能看到效果了
代码片段
你可以编辑一些常用的代码片段，保存在snippets里面，即使关闭浏览器也不会消失
每次使用只需要右键
你设置可以在这个里面写入爬虫、抢购、点赞等JavaScript脚本代码
断点调试
这个不必多说，大家必会！
只需要在代码左边单击，刷新页面即可，可以在右边查看详情和逐步调试
人已打赏
暂无讨论，说说你的看法吧