关于移动端web开发的真机测试

五月已通过去一大半了，心情不太好，由于太困没状态，因此刚刚去跑了好几圈，心情终于没那么郁闷了，来吧，今天要记录的是在作移动端网页时如何真机测试。

网上方法有不少，我就掌握一个就够了<摊手>

BrowserSync 能让PC,移动端上的页面实时地响应文件的更改，并不用刷新操做。并且，当在一个设备上进行点击等行为时，该行为也会同步到其余浏览器中。

《1》安装

BrowserSync是基于nodejs的，因此在安装它以前，请确保本身的电脑已经安装好nodejs咯。关于nodejsde 安装不想啰嗦了，由于太多东西都是基于nodejs安装好吗。

nodejs安装完成后，才开始对BrowserSync进行简单设置，包括安装与监听

<1>BrowserSync安装

打开终端窗口，输入

npm install  -g browser-sync

稍等一会就安装成功咯。

<2>BrowserSync监听

进入你的项目路径下，files路径是相对于当前路径的，若是须要监听多个类型的文件，须要用逗号隔开。

browser-sync start --server --files"css/*.css,js/*.js,*.html"

<3>移动端设置

   若使用移动端则首先先保证移动端设备和桌面端设备处于同一局域网（用电脑开360无线wifi,而后手机连电脑的wift就能够）。在手机端访问终端上显示的地址：http://192.168.1.0.245:3000,实际状况根据本身的终端显示。

that 's all.