移动端WEB开发真机测试

Posted 2020-08-04

关于移动端WEB开发真机测试亲身实验的一些体会。

之前的开发都用Chrom的模拟，但是效果毕竟不如真机，总结几点吧，至于详细的安装过程网上都有教程http://www.cnblogs.com/xiaohuochai/p/5512051.html，这里就不在赘述。

BrowserSync是基于Node.js的，是一个Node模块，所以需要先安装nodejs（之后都在它之上进行的(*^__^*) 嘻嘻……）　BrowserSync能让PC、各移动设备上的页面同时实时地响应文件的更改，而不用刷新操作~~

大概过程就是：

  1.安装node.exe

  2.下载npm解压

  3.配置一个path为放node.exe的路径，和NODE_PATH为node_modules的路径

  4.安装express：打开cmd命令行(在nodejs目录下，先按住shift按键，再点击右键，出现"在此处打开命令窗口"选项并点击)，使用命令行定位到这Node目录下，键入指令npm install express

　5.安装完成后，在命令行里面输入node -v如果输出nodejs的版本则安装成功

-------------------------------------

接下来就是对browsersync进行安装 监听咯，当然也可以在你方便的桌面上进行安装监听（http://www.cnblogs.com/eva1963/p/5149168.html）--》注意文章末尾运行的命令的写法不清晰可以参考第一个（http://www.cnblogs.com/xiaohuochai/p/5512051.html）

在整个过程中都很顺利，就在最终start的时候网页打开发现是Cannot Get到这里在想是什么问题。。。。。。。

细心的人最终会发现在打开浏览器的时候直接是localhost:3000而不是你的项目最终路径呢~~~（localhost:3000/one/index.html）