chrome-调试按钮详解

版权声明:本博客大部分文章均为原创文章,转载请标明出处哟,可以关注我个人公众号获取数据和代码~ https://blog.csdn.net/qq_27056805/article/details/86413051

在爬虫开发过程中,form表单中一些参数是通过加密后实现的,因此需要快速找到加密过程,这就需要对js进行调试了。

一.如何快速定位查找数据

1.进入console面板,快捷键:ctrl+shift+F键进入search搜索框,输入搜素内容,就会在所有下载的资源内搜素目标字符串。
2.双击搜索项目item,转到Source面板,就可以看到目标数据的目标文件了。对于js文件为了节约流量,采用无空格方式排版,看起来很麻烦。可以通过点击下图中的大括号对js进行排版优化。

优化前:

在这里插入图片描述

优化后,此时产生了一个:formatted文件:

在这里插入图片描述

二,调试工具:

调试工具1
1.resume/pause script execution
恢复/暂停脚本执行
2.step over next function call
步过函数,实际表现是不遇到函数时,执行下一步。遇到函数时,不进入函数直接执行下一步。即把函数当做一条语句执行不向内展开
3.step into next function call
步入函数,表现是不遇到函数时,执行下一步。遇到到函数时,进入函数执行上下文。
4.step out of current function
步出当前函数
5.step
执行下一步
5.deactivate breakpoints
使所有断点暂时失效
6.don‘t pause on exceptions
出现异常不暂停

三,监视工具

监视工具

这部分实现了数据,事件,断点等的监视。其中Local是对局部变量的监视,Closure是对闭包的监视。Breakpoints显示了所有打上的断点。EventListenerBreakpoints则可以对事件进行监视。

四,关于刷新页面

当刷新页面后,程序会重新执行一次,启动调试工具进行调试。刷新有两种:F5和Ctrl+F5.
F5:通常只是使用本地缓存重新渲染页面。F5进行页面刷新时会向服务端发送If-Modify-Since请求头到服务端,服务端返回304 Not Modified,浏览器则使用本地缓存,若服务器相应资源更新了,则下载新更新的资源进行渲染;
Ctrl+F5:删除缓存文件,重新从服务器下载资源,也就是彻底刷新页面了。

猜你喜欢

转载自blog.csdn.net/qq_27056805/article/details/86413051
今日推荐