最近本人使用WebStorm开发web移动端应用时候,准备用手机体验页面效果,无奈只能将页面打包布置到服务器,然后访问网络服务器,这种体验相当的繁琐。
下面我就来介绍一种简单方便的方法:(mac版示例)
1.让手机和电脑处于同一局域网下(我是通过电脑连接手机分享的热点)。
2.首先需要允许你的服务被外部访问
File->settings->Debugger->port:8081->勾选 can accept external connections –>apply.
3.部署环境
将Web server root URL: 设置为连接热点或局域网的IP,
Deployment->选中”+” → 设置Name,Type 后,点击OK。
3.设置项目路径
设置完成后,点击Apply→OK,完成设置。
现在使用webstrom打开项目页面,可以看到页面的ip就是局域网的ip,此时所有人在局限网里的人都可以访问你的网页。
如果你的浏览器带有生成二维码插件,可以直接把url链接生成二维码,移动端手机直接扫描即可。