Charles拦截线上页面增加vconsole调试

681 阅读1分钟

charles可以rewrite请求或者响应,借助这点我们可以把vconsole的代码注入到响应中以实现线上应用调试。

  1. 新建rewrite Tools -> Rewrite

image.png 2. 新建拦截Location

image.png

  1. 新建Rules

image.png

Match Value: <body>
Replace Value: <body><script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script><script>var vConsole = new VConsole();</script>

结果

image.png

可以看到vconsole的脚本已经注入进来了,可以愉快的调试了!