js 移动端测试方法总结

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这个常用网址保存成标签，然后就可以查看错误信息。虽然大部分工作使用谷歌浏览器的手机模拟功能可以实现模拟测试，但是设计到手机重力感应等效果测试时，就要手机实测。