移动端WEB开发真机测试

关于移动端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)

原文地址:https://www.cnblogs.com/Billzhizhi/p/5815185.html