WebStorm 局域网内其他设备访问方式
2017-10-18 本文已影响0人
繁华遇见
为了页面能在手机上看,搜了好几个文章,都不行。最终东搞西搞加上自己的理解,终于可以了。
下面来总结一下:
1、Mac :点击WebStorm,选Preferences, Win下应该是Setting。
![](https://img.haomeiwen.com/i2547292/a6cf75e58063ef47.png)
2、点击Debugger,在跳出的界面设置端口号,为8080,Can accept external connections 勾选上。
![](https://img.haomeiwen.com/i2547292/20cd6328bcfe9701.png)
3、点击Deployment,点击加号,设置一个Name,类型选择 Local or mounted folder .
![](https://img.haomeiwen.com/i2547292/8322168a5d2ca29d.png)
4、在Connection 中,设置好项目的路径, 以及访问路径。访问路径这个地方就是本机的IP加上8080,很多文章只给到这。我后来试了一下是404,还有很多网友也是这个结果,之后观察了一下做此设置之前的浏览器地址特征,http://localhost:63342/Client/DOM.html 。就尝试这在访问路径后补充了项目所在文件夹的名字。运行成功。
如果按照图中的方式不行,就尝试以下两种方式
(1)http://10.0.0.8:8080 IP地址+端口号
(2)http://10.0.0.8:8080/Users/wuxinbo/WebstormProjects/Client IP地址+端口号+完整的路径
![](https://img.haomeiwen.com/i2547292/cacd694b6c3a538e.png)
5、Mappings中设置本地路径,路径与上一步的路径一样
![](https://img.haomeiwen.com/i2547292/7494fa30fb5b0abb.png)
至此大功告成。