一、介绍：

相信一开始开发移动端web页面的小伙伴会有一个问题，移动端页面在移动设备上真机调试或者是app混合开发测试的时候会有很大的不方便，并不能像chrome浏览器那样控制台打log，查看dom布局，css样式等问题，当在真机出现错误的时候也很难进行排查。今天介绍一个移动端web调试工具，可以像操作chrome控制台那样进行错误排查。

NPM介绍

移动浏览器控制台（社会我E哥，人狠话不多。。）

面板样式

二、使用方法：

1.第一步

①通过npm安装eruda（这是方法一，对于心急火燎的小伙伴可以用方法二）

npm install eruda --save

--> 在页面中加入如下代码

<script src="node_modules/eruda/eruda.min.js"></script>
<script>eruda.init();</script> 

②直接在页面中添加如下代码（这是方法二，不喜欢这种方式的可以选择第一种方法）

<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script> 

2.移动设备访问此页面

可以通过Fiddler代理工具或者上传代码到测试线来访问此页面

3.通过eruda面板进行代码调试