如何在移动设备上测试静态文件?

现在移动端优先的情况下,前端工程师写好静态页面后,通常是需要测试不同的设备上效果,看看有没有兼容性的问题。谷歌浏览器有一个模拟手机的调试功能,一般,我们先用谷歌调试好。但毕竟是模拟的,为了保险起见,还是需要用真机测试的。

可是静态的html文件怎么放到手机上调试呢?难不成把文件拷一份,放到不同的手机上?显然不是。

NodeJS的一个npm模块anywhere 就可以快速地把你的当前目录变成一个静态文件服务器的根目录。

anywhere的安装及使用

首先,安装Node。具体操作请看Node的官网。傻瓜式地安装。

其次,安装anywhere。在命令行输入

npm install anywhere -g

npm install + 模块名 从NPM服务器下载别人编写的第三方包的固定写法。

-g 表示全局安装,在电脑的任何部门都可以使用anywhere模块。

启动服务:

在命令行切换到项目的根目录,然后输入anywhere即可。服务启动后,会自动打开你的默认浏览器,http://192.168.31.192:8000/。

此时,如果你想在手机上测试index.html页面,你只需要在手机上访问 http://192.168.31.192:8000/index.html 即可看到效果。

当然,这里有一个前提,就是你的手机和电脑是在同一个局域网内的。