相信很多朋友都遇到过以下问题，就是Charles线上代码调试步骤 。针对这个问题，今天本站小编就搜集了网上的相关信息，给大家做个Charles线上代码调试步骤的解答 。希望看完这个教程之后能够解决大家Charles线上代码调试步骤的相关问题 。
可能还有用户不知道Charles线上代码怎么调试？下面介绍一下Charles线上代码调试步骤，希望大家喜欢 。
Charles线上代码调试步骤
启动 Charles
打开浏览器(如Firefox)，访问调试的地址(比如这里是trip.jd.com)
选择需要调试的文件，前端多数时候是 JS/CSS，下载到本地
把线上的该文件url 映射到 本地下载的文件
这样就任意修改本地文件来查看结果了 。
【分享Charles线上代码调试步骤 分享差好生话】下面以调试 trip.jd.com 测试，修改该页面里引入的 search.js
启动 Charles，浏览器打开 trip.jd.com，可以看到 Charles 已经可以捕捉到该页面的众多请求了，如下图所示：
下载 search.js 到本地后，需要把通过 Charles 映射下，选择菜单 tools -> Map
Local 。也可直接右击该文件弹出菜单选择，如下图所示：
选择本地的 search.js，如下图所示：
到本地的 search.js，随便改点东西，如下图所示：
回到浏览器，再刷新下 trip.jd.com，就可以看到修改后的结果了，如下图所示：
好了，最简单的使用就完成了 。
上文就是Charles线上代码调试步骤，赶快试试看吧 。
推荐阅读
- 分享Charles抓取https操作步骤 分享产品文案怎么写
- 华为用户整理的三个拍照功能，建议分享转发
- 分享几款高质量的手机APP，使用有惊喜
- 妙招分享，实现百度网盘下载提速就在一瞬间
- 我来分享在iphonex中查看去过的地方的具体操作步骤。
- 小编分享在钱进一号中借款的图文教程。
- 我来分享在qq坦白说中领取非你莫属卡的具体步骤。
- 我来教你在趣赚APP中赚钱的技巧分享。
- 小编分享大圣出行使用的方法介绍。
- 我来分享在腾讯相册管家中恢复照片的图文介绍。