发布网友 发布时间:2022-04-22 07:04
共1个回答
热心网友 时间:2022-06-02 14:54
展开1全部Charles 需要有 Java 环境,请提前下载安装 JDK。JDK 已经 8 了,如下图所示:
2
根据自己的系统选择对应的JDK。我的是 win7,双击安装,一直下一步就哦了。在命令行窗口输入以下命令,出现截图所示就表示 JDK 安装成功了,如下图所示:
END
下载 Charles
1
Charles 可以去官网下载,安装也是一直下一步就行了。启动界面如下图所示:
END
调试线上代码
现在就可以启动 Charles 来调试了,大概步骤
启动 Charles
打开浏览器(如Firefox),访问调试的地址(比如这里是trip.jd.com)
选择需要调试的文件,前端多数时候是 JS/CSS,下载到本地
把线上的该文件url 映射到 本地下载的文件
这样就任意修改本地文件来查看结果了。
下面以调试 trip.jd.com 测试,修改该页面里引入的 search.js
启动 Charles,浏览器打开 trip.jd.com,可以看到 Charles 已经可以捕捉到该页面的众多请求了,如下图所示:
下载 search.js 到本地后,需要把通过 Charles 映射下,选择菜单 tools -> Map Local。也可直接右击该文件弹出菜单选择,如下图所示:
选择本地的 search.js,如下图所示:
到本地的 search.js,随便改点东西,如下图所示:
回到浏览器,再刷新下 trip.jd.com,就可以看到修改后的结果了,如下图所示
好了,最简单的使用就完成了。