调试记录--在移动端预览网页

做移动端开发，都需要在真机上预览一下效果，chome和firefox都有模拟器，但不能代表完全真机，真机上可以测试各种浏览器的兼容性，效果等等。

---

browserSync

使用browserSync，实时浏览器同步的测试工具（自动刷新）。

npm install -g browser-synccd 项目目录下browser-sync start --server --files "css/*.css, *.html"//也可以监听全部文件,无视层级browser-sync start --server --files "**"

css/.css, .html代表监听css文件下面所以的样式，和项目目录下的所以index.html，然后它会自动打开

这时候浏览器也自动打开了localhost:3000了，在同一局域网下（同wifi），用手机打开http://192.168.10.102:3000，默认打开的是项目目录下index.html或者htm吧，如果要预览别的页面，在地址路径后面加上” /xxx.html “。

---

anywhere模块

anywhere，可以配置本地服务器。安装和用法和browserSync类似。

npm install anywhere -gcd 项目目录下anywhere 端口号  //端口号随便起，但是要大，防止冲突

浏览器会自动打开http://192.168.10.102:8888。

以上两种都是基于node开发的模块，需先安装node(建议是双数版本的)。个人推荐使用browserSync。

---

其他

还有weinre，BrowserStack，Adobe Edge Inspect等等除了预览功能还能调试，具体用法不赘述。