如何在移动设备上测试静态文件？
现在移动端优先的情况下，前端工程师写好静态页面后，通常是需要测试不同的设备上效果，看看有没有兼容性的问题。谷歌浏览器有一个模拟手机的调试功能，一般，我们先用谷歌调试好。但毕竟是模拟的，为了保险起见，还是需要用真机测试的。
可是静态的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 即可看到效果。
当然，这里有一个前提，就是你的手机和电脑是在同一个局域网内的。
本文首发于我的个人博客
网友评论