移动端控制台

页面引入脚本，即可开启虚拟的控制台。
插件有很多，腾讯等都有开发。

<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>
    eruda.init();
    console.log('控制台打印信息');
</script>

手机端访问电脑端本地项目

按照如下方式即可在手机端访问电脑端的项目

1. 手机与电脑处于一个局域网内
2. 电脑开启一个本地端口，例如localhost:8080
3. 查看电脑端的ip地址，例如192.168.0.135
4. 手机访问192.168.0.135:8080即可

注意

如果是vue等开启本地服务器时
需要在package.json script dev 加上 --host 0.0.0.0
具体原因还未研究

Weinre真机调试

Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具，借助于网络，可以在PC上直接调试运行在移动设备上的远程页面。

安装Weinre

通过Node安装：npm install weinre -g

启动

weinre --httpPort 8090 --boundHost -all-

weinre参数

• httpPort：端口号，默认为8080
• boundHost：[hostname | ip | -all-]，默认是'localhost'
• debug：[true | false]，是否输出更多调试信息，默认为false
• readTimeout：[seconds]，Server发送信息到Target/Client的超时时间，默认为5s
• deathTimeout：[seconds]，默认为3倍的readTimeout，如果页面超过这个时间都没有任何响应，那么就会断开连接

调试

在需要调试的页面嵌入以下脚本：

<script src="http://localhost:8090/target/target-script-min.js#anonymous"></script>

将localhost替换为IP地址。

现在调试时，修改样式可以在手机端即时生效，并且可以查看控制台信息，唯一缺点就是无法进行断点调试。``