浏览器上调试工具按钮说明

Source左侧，有Page、Snippets、Filesystem、Overrides、Content scripts 这几个部分：

Filesystem：可以选择本地任意文件查看。

Content scripts：浏览器插件及浏览器本身的资源文件。

Page是URL（ctbpsp.com）所加载的所有资源文件，index是加载的源代码，默认的URL（ctbpsp.com）加载就是index。而其他则是加载的其他资源，比如图片服务器加载的图片。 

Snippets：自己编写的测试 JS 片段会保存在浏览器中，刷新页面也不会消失。这样不必在文件中频繁编写测试脚本。可以追加多个片段。右键可以保存文件到本地，可以执行脚本、重命名、删除

可以写代码：

然后点击或者键盘输入Ctrl+Enter 就可以运行了

Overrides：打开本地文件并编辑，可以直接修改文件内容。但是要注意，有些网站可能会对文件的MD5值进行校验，如果有校验就不能修改。

比如下面的log-reporter.js想做文件替换的话；

打开Overrides，点击【Select folder for overrides】

在弹窗中新建一个文件夹：

浏览器检测到，点击允许

然后可以看到刚刚创建的文件夹：

设置完之后就可以找到要替换的文件，然后右键，再选择【Save for overrides】

可以看到原来的JS 文件出现在我们替换的文件夹里

这时可以修改源代码，修改完之后，记得Ctrl+S 保存

刷新之后看到console输出了我们修改的代码

 

浏览器上调试工具按钮说明：

1.Pause/Resume script execution  <重点掌握按钮>【暂停/恢复脚本执行。在断点暂停后，点击恢复脚本执行，直到下一个断点为止。释放当前debug，程序会继续运行。运行到下一个断点位置，或者到运行结束。）】
2.Step over next function call  <重点掌握按钮>【单步跳过：会跳到下一个断点。实际表现是不遇到函数时，执行下一步。遇到函数时，不进入函数直接执行下一步。即把函数当做一条语句执行不向内展开】
3.Step into next function call  <重点掌握按钮>【单步进入：如果有函数进入函数，如果没函数或者是js原生的函数，向后走一步。】
4.Step out of current function 【单步跳出: 会跳出当前这个断点的函数】
5.step 【一步步执行】
6.Deactivate breakpoints 【使所有断点临时失效，一般不使用这个】
7.Don’t Pause on exceptions【不要在异常处暂停】

 

牢记逆向刷新快捷键： ctrl + shif + r （mac 快捷键是 Command + R ）

刷新时候，不要用F5，不要点击刷新按钮。就用 ctrl + shif + r 快捷键，此快捷键可以重新加载JS。

Preserve log一定要先勾上，不然刷新后之前的东西就没了。

小知识点：只有打了断点，才会出现下面的四个蓝色东西，它们表示的是这一行有好几个调用的地方，也就是可以断点的地方。

默认是第一个，注意看第一个颜色深一点，其他颜色浅一点。

所以如果要在4 打上断点，就是点一下，打完之后，呈现下面的样子，变成了第四个颜色深一点，其他颜色浅一点。

 

 

浏览器设置

浏览器点击右上角齿轮. 进行配置.

配置一.

配置二.

关掉 Automatically pretty print minified sources 就可以对代码进行格式化了

 

下面三个点的含义：当点了三个点的时候，就会执行下面的 get 对于函数，然后返回数据：

 

浏览器页面大小改变，会改变请求URL

请注意刚开始的地址是： http://iwencai.com/unifiedwap/......

接下来我们刷新网页，发现地址变成了： http://iwencai.com/unifiedmobile/......

这种现象是因为我们浏览器页面的从大到小的变化，网址自动把原先网页的地址改为移动端的地址。

地址的改变会影响逆向的过程。

解决办法为：