1. node插件anywhere
详情参考:http://www.cnblogs.com/cssfirefly/p/5736139.html
简介
一句话随时随地将你的当前目录变成一个静态文件服务器的根目录。可以在需要测试的项目根目录下使用,访问index.html
安装方法
npm install anywhere -g
使用方法
anywhere
默认开启8000端口
anywhere -p 3333
指定开启3333端口或者替换成其他任意未使用端口
2. eruda组件
详情参考:https://github.com/liriliri/eruda
简介
可以在手机端查看错误输出等信息
使用方法
在index.html中引入eruda插件并调用其中初始化方法:
<script src="//cdn.jsdelivr.net/eruda/1.2.2/eruda.min.js"></script>
<script>eruda.init();</script>
3. 二维码生成器
推荐草料二维码生成器:http://cli.im/
简介
使用anywhere访问项目后,在电脑上将地址,一般是http://192.168.0.106:8000/,生成二维码,便于在手机上扫码打开进行测试
4. wifi
简介
保证自己电脑和手机使用相同网络,可以使用360wifi在电脑生成wifi,然后手机连接
5. 总结
有了上述四个条件,就可以在电脑端使用anywhere命令打开项目,然后手机上打开网址进行测试,将http://192.168.0.106:8000这个常用网址保存成标签,然后就可以查看错误信息。虽然大部分工作使用谷歌浏览器的手机模拟功能可以实现模拟测试,但是设计到手机重力感应等效果测试时,就要手机实测。