为何Charles无法抓取JavaScript内容？

charles是一款网络代理工具，主要用于截取和分析网络流量，但它不能直接抓取JavaScript代码。

Charles是一款强大的HTTP代理工具，用于捕获和分析网络流量，在某些情况下，用户可能会遇到Charles无法抓取JavaScript（JS）文件的问题，以下是关于这个问题的详细解释及解决方法：

一、Charles抓包

1、安装与配置：

访问Charles官方网站下载适用于你操作系统的版本并安装。

安装完成后，打开Charles，进入菜单栏中的“Proxy”选项，选择“Proxy Settings”。

在“Proxy Settings”中，记录下默认的代理端口（通常是8888）。

2、启动与设置代理：

双击Charles图标启动程序，它会自动开始捕获所有流经其代理的网络流量。

将设备（电脑、手机、平板等）的网络代理设置为Charles所使用的端口。

以Windows系统为例，前往控制面板 > 网络和共享中心 > 更改适配器设置，右键点击当前使用的网络连接，选择属性，然后选择“Internet协议版本4（TCP/IPv4）”，点击“高级”按钮，选择“代理服务器”，输入Charles的IP地址和端口号，对于移动设备（如iPhone或Android），需要在WiFi设置中手动配置代理。

3、捕获与分析流量：

Charles会自动捕获所有通过其代理的网络请求和响应。

在Charles主界面中，你可以看到所有捕获到的HTTP和HTTPS请求，点击某个请求，可以查看详细的请求头、响应头以及响应内容，如果是HTTPS流量，需要安装Charles证书来解密内容。

4、过滤与保存JS文件：

使用Charles的过滤器功能，专注于JS文件，在菜单栏中选择“View” > “Filter Settings”，添加一个过滤规则，指定只显示以“.js”结尾的文件。

在Charles中选择一个JS文件请求，右键点击，选择“Save Response”，将JS文件保存到本地，或者，在菜单栏中选择“File” > “Export Session”，将整个会话导出为Charles支持的格式（.chls）。

二、Charles不能抓js的原因

问题描述	原因	解决方法
清理cookies后重新加载页面，charles抓不到js文件	浏览器缓存导致静态资源缓存后，浏览器不会向服务端发起请求，请求到不了fiddler等抓包软件	手动清除浏览器缓存，强制刷新页面再抓试试；打开“开发者工具”-“Network”，勾选“Disable cache”，保持开发者工具打开状态下强制刷新页面
在使用Charles抓取JS文件时，发现浏览器NetWork面板可以抓取到想要的请求，但是Charles中却搜不到	当前的请求走了浏览器的缓存	尝试使用谷歌浏览器的访客模式进行访问，成功获取到了目标js的请求信息。
使用Charles抓包时，网页点开就直接展示源码（js和css都么有）	Charles开启了rewrite功能	去掉Charles中的rewrite勾选即可解决问题。