移动端常用的调试工具界面如上，对于这两个我的感受是下面的比上面的要详细点别的暂时还没感受到。以后再讲

1.vconsole.js

这是我一开始写移动端的时候最常用的调试工具，就是仿真了chrome的操控台，挺实用的了，基本可以满足需求，

引入的方式有两种，第一种就是正常CDN引入

举例：

<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js"></script>
//然后初始化就可以了
<script>
var console=new VConsole();
</script>

第二种就是npm拉包引入

举例

npm i vconsole -S
然后在 main.js里面初始化就可以了
import  VConsole  from  'vconsole';
let vConsole = new VConsole();

2.eruda.js

这个用法跟上面的差不多的，界面都很像的，用法什么的也差不多的，引入的方式也差不多，

第一种cdn引入

<script src="https://cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.js"></script>
//初始化<script>eruda.init()</script>

第二种npm拉包引入

npm install eruda --save
<script type="text/javascript">        (function() {            var src = 'node_modules/eruda/eruda.js';            if (!/eruda=true/.test(window.location) && localStorage.getItem('active-eruda') != 'true') return;            document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');            document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');        })();    </script>

界面如上，对于这两个我的感受是下面的比上面的要详细点别的暂时还没感受到。以后再讲