webstorm配置本地测试服务器，方便手机移动端真机调试

TinybicXL

于 2020-03-28 09:49:32 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Tools 文章标签： javascript web app webstorm

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_37704579/article/details/105155552

本文档介绍了如何在WebStorm中配置本地测试服务器以便进行移动端真机调试。通过Settings依次设置Debugger和Deployment，包括选择本地文件夹、设置server名称、配置Mappings，并确保手机与电脑在同一WiFi下，如果遇到问题，可以尝试关闭Windows防火墙。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近又做了一个门户网站，需要兼容移动端。在chrome device mode下开发完以后想在真机上再调试，发现地址是localhost，手机无法调试。其实之前做项目的时候配置过webstrom本地测试服务器，但是webstorm更新以后设置略微不一样，记忆也有些模糊了，遂一顿google，找到了配置方法，这里记录一下。

1. 打开webstorm， Files > Settings > Build,Execution,Deployment > Debugger，按图设置，保存

2.Files > Settings > Build,Execution,Deployment > Deployment

a. 点加号。新建

b. 选择local or mounted folder

c. server的名字随便取，我这里叫localhost

3. 按1，2，3步设置完成后点击4 Mappings

4. 打开Mappings，按图设置完成后点击OK保存

最低0.47元/天解锁文章

200万优质内容无限畅学

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。