工具类

一、移动端，app内嵌h5的工具们

1.app内页面的dom,请求等等都看不到，肿么才能跟在浏览器里打开一样看到所有信息呢？

大约需要四步，或五步

第一步：打开介个  chrome://inspect/#devices

第二步：手机连上你的电脑，打开调试

第三步：让安卓的同学给你打个debug包(为啥是安卓同学呢，因为我穷，买不起mac,看不了ios,只能看安卓滴)

第四步：打开app内页面，第一步打开的网页上会限制你目前在app上打开了哪些网页，点击查看

第五步：哎呀，打开之后一片空白，我看啥，脑补啊？！！！nonono,你需要fq了，要看到页面，得fq

2.app内点击一个按钮没反应，我调没调接口，接口返回是啥？我怎样才能看到呢？

此时，你可以抓包啊，俩选择，Charles和fiddler。我比较喜欢Charles，比较简洁，分层好，但是不知道为啥，总装不好，于是乎装了fiddler。

然后，我不服啊，凭啥我的电脑就是装不好Charles，于是乎，我各种捯饬，装上了。具体咋装的？哈哈哈哈，我忘记了，就记住了几个比较坑的点。

坑点一：都配置好了，也能抓到包了，但是点开抓到的包都是unknown，what？！！！，我查查查，要装证书，先装电脑，再装手机。

坑点二：能抓包喽，开始干活啦，what？！！浏览器网页打不开了！查查查，要信任证书，好好好，你说啥都对

坑点三：不用抓包啦，关掉Charles安安心心写代码啦~~~what？！！!关掉Charles打不开网页，打开就好了。且关掉proxy→windows proxy打不开网页，打开就好了。这可不行，我总不能一直开着Charles干活吧！我查我查我查查查，哦，需要把浏览器的代理关掉，用的chrome，设置→高级设置→打开代理设置→链接里面的局域网（LAN）设置→取消选中“”为LAN使用代理服务器“”→确定     好了

3.vconsole真的很好用

vconsole就相当于引入了一个开发者工具到你的页面，报错，打印信息，请求接口，接口返回，dom等等都能看到，引入也很简单。

1.首先，下一个vconsole.js文件放到你的项目下

2.在需要使用vconsole的页面加上如下两行代码就OK啦

var VConsole = require('vconsole.min.js');
var vConsole = new VConsole();