Charles线上代码怎么调试？Charles线上代码调试的技巧(前端charles开发调试)
Charles线上代码怎么调试？Charles官方版是一款HTTP代理/HTTP监测/反向代理加速的软件，是一个主要用于HTTP信息抓包的工具，可以快速有效的获得HTTP信息。Charles中文版有着可视化的操作界面，非常利用编辑者的使用和调试，能够让开发者查看所有网络和机器之间的HTTP流量情况。下面镜像之家小编给大家分享的是Charles线上代码调试的技巧，有需要的小伙伴一起来学习一下吧。
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，就可以看到修改后的结果了，如下图所示：
好了，最简单的使用就完成了。
关于Charles线上代码调试的方法就给大家介绍完了，希望能对大家有所帮助。了解给大家教程请继续关注镜像之家哦……