使用anywhere真机测试网页

1,075 阅读1分钟

有时本地写的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 即可在浏览器里浏览了

转载