在项目开发中,尤其是移动端项目开发,部署到真机上之后,由于不同机型的适配或者兼容性的问题,而出现样式或者布局发生改变,甚至是功能出现问题。而谷歌或者火狐的模拟手机,也仅仅是模拟而已,与真机终究是不一样的。
因此,如何在真机上查看我们的代码效果,就必须要远程调试了。
而weinre作为简单易上手的移动端远程调试工具,诸位可以尝试一下。
首先,(前提是你安装了node,如果没有,自行百度,此不赘述),安装weinre
npm install weinre
其次,在需要查看的页面中加入script标签
固定的写法,需要注意的是,IP地址和端口号 要和终端命令行里的保持一致。
第三,终端运行dos命令
weinre --httpPort 8090 --boundHost 192.168.1.178
(
8090是自己定义的端口号,可以更改,默认是8080;192.168.1.178是本地的IP。默认是localHoust。
weinre --httpPort --boundHost -all- 这个可能会是一些教程上的。如果想改成自己想要的。就是上面的写法
)
第四,启动服务之后,在谷歌地址栏里输入你的IP和端口号
点击 箭头地址
变绿,证明你的监测链接成功了
之后,切换红框里的选项,就可以像平时web一样进行调试了