如何使用 Charles 工具抓取 JavaScript 代码？

Charles 是一个强大的网络抓包工具，可以抓取和分析 HTTP/HTTPS 流量。

Charles 抓取 JavaScript

1、什么是 Charles？

2、安装和配置 Charles

3、使用 Charles 抓取 JavaScript

4、常见问题与解答

什么是 Charles？

Charles 是一款强大的 HTTP 代理/HTTP 监视器/反向代理工具，可以用于调试和分析网络流量，它允许开发人员查看所有通过其计算机的网络请求和响应，包括 HTTP、HTTPS 和 WebSocket 等协议。

安装 Charles

1、下载 Charles：访问 [Charles 官方网站](https://www.charlesproxy.com/) 并下载适用于你操作系统的版本。

2、安装 Charles：按照提示完成安装过程。

配置 Charles

1、启动 Charles：双击图标启动 Charles。

2、设置代理：在浏览器中设置代理为localhost 和端口8888（默认端口）。

Chrome: 打开设置 -> 高级 -> 系统 -> 打开代理设置 -> 局域网 (LAN) 设置，输入localhost 和8888。

3、信任 Charles 根证书：Charles 会生成一个自签名的根证书，需要将其添加到操作系统的信任列表中。

打开 Charles，点击Help -> SSL Proxying -> Install Charles Root Certificate。

根据提示将证书添加到受信任的根证书颁发机构中。

3. 使用 Charles 抓取 JavaScript

抓取 HTTPS 流量

1、启用 SSL 代理：在 Charles 主界面中，点击Proxy -> SSL Proxying Settings，添加你要抓取的域名。

2、抓取流量：确保浏览器代理设置正确，然后访问目标网站，Charles 会自动显示所有经过的 HTTP 和 HTTPS 请求。

查看和分析 JavaScript

1、过滤请求：在 Charles 的请求列表中，可以通过过滤器快速找到 JavaScript 文件，JavaScript 文件的 MIME 类型是application/javascript 或text/javascript。

2、：点击某个 JavaScript 请求，可以在右侧面板中查看其内容。

3、修改和重放：你可以编辑 JavaScript 代码，然后点击Execute 按钮重新发送请求以测试修改后的效果。

Q1: Charles 无法抓取 HTTPS 流量怎么办？

A1: 确保你已经在 Charles 中启用了 SSL 代理，并且正确添加了目标域名，确认你的浏览器已经信任了 Charles 的根证书。

Q2: 为什么有些请求没有显示在 Charles 中？

A2: 可能是由于以下原因：

请求被浏览器缓存，未实际发出新的网络请求。

请求被防火墙或其他安全软件阻止。

Charles 的过滤器设置不正确，导致某些请求被忽略。