在作前端开发过程当中,网页开发会适配移动端设备,可是,仅仅使用谷歌的手机模式开发,并不能彻底与真机保持一致,因此,如何能在网页开发的过程当中,实时同步的真机测试,我这里有一些简单的经验。html
前端开发,离不开nodejs,这个强大的工具,使用nodejs的express能够实现本地搭建服务器,手机可访问,步骤以下:前端
1、安装nodejs及配置相关环境node
一、下载nodejs,下载地址及网站:https://nodejs.org/en/download/express
2、新建文件夹并打开,文件夹窗口输入cmd,并回车npm
3、命令行输入:npm install -g express 浏览器
注:可能会出现安装不成功的状况,命令行输入 express -V命令时,会显示会显示不是内部文件,从新输入 npm install -g express-generator命令,从新安装服务器
4、执行:执行 express hello 建立名称为hello的文件夹工具
5、跳转至文件夹目录 cd hello
6、 执行 npm install
7、 npm start 开始运行项目
8、 本地浏览器打开 localhost:3000便可访问到页面
9、 若是要访问本身的html页面 或者 项目时 将项目放置在public文件夹下 浏览器打开 localhost:3000/文件夹/index.html文件 便可访问本身的页面测试
10、打开手机 将localhost换成ip地址(个人是10.8.8.196:3000)便可在手机上访问本身的项目网站
至此,一个简单的手机可访问的项目就建立成功了