（HP)代码调试小技巧

1，前端H5页面调试工具

vconsole和eruda工具

移动端页面调试工具 vConsole 与 eruda_福州司马懿的博客-CSDN博客_eruda与vconsole

使用的时候要判断当前app所处的环境（开发者，本地，线上）

vconsole单页面使用方式：

import VConsole from 'vconsole';

isLocal() &&  new VConsole();

或者多页面使用cdn

<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js"></script>

<script>const vConsole = new VConsole();</script>

eruda单页面使用方式：

import eruda from 'eruda';

eruda.init();

Eruda多页面使用方式：

<script src="https://cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.min.js"></script>

<script>eruda.init();</script>

eruda在react useEffect中加载：

(function () {

      const script = document.createElement('script')

      script.src = 'https://cdn.bootcss.com/eruda/1.2.6/eruda.min.js'

      document.body.appendChild(script)

      script.onload = function () {

        eruda.init()

      }

    }())

2，即要cookie，又要调bridge

手机连电脑抓包就行了

3，charles修改默认response

首先准备一个txt，response结果文件

然后打开charles，右键选择对应的接口，在下拉框中选择map local

然后选择响应文件txt即可，

如果取消拦截响应需要点击电脑屏幕左上角，tools，下拉框中选择map local，将选中的几个接口取消，然后确认即可。

4，电脑关闭charles代理

mac使用Charles，退出Charles后，不能浏览网页，提示代理相关。_minmin_bufucisheng的博客-CSDN博客_mac关闭charles不能上网

打开设置，网络，高级，代理

取消所有勾选

好的

应用