目录 1、Chrome 开发者工具 Elements 面板 Console 面板 Sources 面板 Network 面板 Application 面板 2、JS 逆向调试技巧 善用搜索 查看请求调用堆栈 XHR 请求断点 Console 插桩 堆内存函数调用 复制Console面板输出 3、本地覆盖 Chrome local override Fiddler 自动响应 1、Chrome 开发者工具 Google Chrome 浏览器中内置了一套强大的开发者工具，无论是做源码分析还是 JS 脚本的调试都是比较方便的。要进行抓包或者调试前端的加密脚本，和控制台的交互必不可少。不少做了安全防护的网站都会禁止用户打开 Chrome 开发者工具，下面总结所有 Chrome 控制台的打开方法。 按 F12 键。 按 Ctrl + Shift + I 键。 右击网页页面，出现菜单后，单击检查菜单项。如下图所示： 在浏览器中，单击自定义及控制 Google Chrome ⇒ 更多工具 ⇒ 开发者工具选项。如下图所示：
超级会员免费看
本文详细介绍了爬虫工程师如何利用Chrome开发者工具进行Web网站调试与抓包分析。内容涵盖Chrome的Elements、Console、Sources、Network和Application面板的使用，以及JS逆向调试技巧，如搜索、查看请求调用堆栈、设置断点等。此外，还讲解了本地覆盖方法，包括Chrome local override和Fiddler自动响应，帮助开发者实现资源的本地替换和调试。
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
482
