真机h5开启调试模式/开发者调试vconsole

开发手机端网页,存在真机与模拟器的差异，
例如ios中微信浏览器,比较特殊，上次开发遇到只有在ios微信内置浏览器打开是白屏，
这模拟器打开是正常的，这时候如果没有调试工具，根本不清楚报错信息，vconsole这项工具，提供页面一个vconsole的绿色按钮，可以打开控制面板，进行查看
这里顺便提一下我当时遇到的问题，提供一些经验，错误原因是ios微信自带的浏览器不支持window.*部分属性，就是不存在的意思，调用了不存在属性导致崩溃，真是没有这工具根本查不出来原因

在index.html中最优先的位置引入,防止其他js先引入报错
为什么我不用npm的方式安装，再导入到组件里面，因为万一组件无法渲染就不会加载出开发工具了，
所以推荐直接引入，放在index.html
<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
<script>
   var vConsole = new window.VConsole();
</script>