charles linux怎么使用

Posted 2023-03-30

Charles在Linux中的使用方法如下：

charles的运行环境为Java，所以要提前下载安装jdk，如图：



选择对应的jdk，如图：



下载Charles，如图：



下载完成后，启动Charles进行调试代码，如图：



下载 search.js，然后选择菜单 tools -> Map Local。如图：



选择本地的 search.js，如图：



在本地的search.js进行下图操作，如图：



刷新 trip.jd.com，查看修改结果，如图：

参考技术A Fiddler 相信大家，尤其是前端工程师们都知道。 用它的文件替换功能，将线上的静态资源文件（JS、CSS、图片）替换为本地相应的文件，来调试线上（代码都被压缩过）UI的问题。的确是一神器。（相比，它的HTTP请求的inspector功能因为各大主流浏览器都内置有这功能，反而现在用的不多）。但是，Fiddler最大的问题就是只支持Windows，这对于Mac党和Linux党来说，有些遗憾。
以往，总是得开个虚拟机来用Fiddler。后来也有了跨平台的类似Fiddler的工具，如：Charles、Rythem以及Tinyproxy。
尽管这些各有优势，但是，都没有办法满足我的需求：
支持Mac、Linux以及Windows
支持HTTP和HTTPS（很重要）
支持单文件替换
支持combo文件替换（即多个文件合并为一个文件的替换）
支持目录替换
下面这张图显示了，根据我的需求，罗列出的各工具的支持情况：

这就是为什么会有NProxy，它满足所有上述我的需求。这里并不表示Nproxy就比其他这4个工具优秀，只是NProxy在文件替换上更胜一筹。 它不提供HTTP Inspector功能，只专注在文件替换功能上。