有时本地写的h5页面需要自己在手机上测试一下,毕竟浏览器模拟的还是有点区别和真机,在网上查到可以使用anywhere,简单记录下
Anywhere是一个随启随用的静态服务器,它可以随时随地将你的当前目录变成一个静态文件服务器的根目录。
- 1.安装node.js: 这个直接网上下一个node.js自己安装下就好了
- 2.安装anywhere(我这没安装cnpm,就在后面自己手动加上了):
npm install anywhere --registry=https://registry.npm.taobao.org
- 3.运行命令, 安装好了就直接在你需要的文件夹目录下执行anywhere
$ anywhere
// 通过端口
$ anywhere -p 8000
// 开始但是保持浏览器关闭
$ anywhere -s
// 通过主机名
$ anywhere -h localhost -p 8888
然后,保持手机和电脑同一个局域网就可以实时查看了,我这是电脑开的wifi手机连接的。其优势很明显,就算没上传服务器前端界面也可以在真机机进行开发测试。
对于vue或其他项目,如何查看,这里以vue为例: 用npm run build打包会出现一个dist文件,
在里面执行npm install anywhere(安装过就不用了)
然后输入anywhere 即可在浏览器里浏览了