关于移动端开发调试

一、 eruda

1. 用法：

//在Html中引入
<script src="//cdn.bootcss.com/eruda/1.2.4/eruda.min.js"></script>
<script>
	eruda.init();
</script>

2. 效果，如下页面上就能看到如同Pc端上的控制台了
   
   二、 vConsole
3. 用法

<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js"></script>
    <script>
      // init vConsole
      var vConsole = new VConsole();
    </script>

2. 效果如下
   
   三、如果你用的是mac，调试在页面在ios中打开，调试方法如下
   第一步：打开ipone的开发者模式

设置 --》Safari --》高级 --》开启【web检查器】

如下图所示：


第二步：打开mac上Safari的开发者模式

safari --> 偏好设置 --> 高级 --> 勾选在菜单栏中显示开发菜单

如图所示：

第三步：用数据线将手机与电脑连接，在mac上的safari中执行如下操作

开发 --> 找到手机名称 --》 找到正在调试的网站

如下图所示

好啦，这样就可以在mac上调试代码了

你可能感兴趣的其他调试方法1
你可能感兴趣的其他调试方法2

window上可用memu模拟器查看h5内嵌app效果
mac上可用mumu模拟器查看h5内嵌app效果