前端开发: WebStorm局域网手机真机调试

1. 做好准备工作

  • 安装webstorm以及新建一个项目写个demo
  • 确保是同一局域网,同一个路由器下的WiFi或者其他内部网络
  • 安装google二维码插件 (草料二维码)

2. 开始设置

  • 用webstorm打开demo,打开偏好设置页面
  • 点击到Debugger这一栏,可以看到如图所示:
第一步
  • 设置端口号
  • ️勾选相应设置

3. 配置路径

  • 点击到Deployment这一栏,如图
  • 点击➕号,新建一个,填写自定义名字,设置对应的type
  • 设置项目的父级路径
  • 设置域名 + 端口号
第二步

4. 匹配路径设置

  • 点击到mapper这一栏,如图
  • 设置项目父级路径即可
第三步

5. 设置完成,即可体验

  • 以上全部设置完成后,点击apply,点击ok
  • 在项目里点击google浏览器打开即可
  • 能够正常打开,点击地址栏旁边草料二维码插件,手机扫码就可以轻轻松松调试了
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,679评论 25赞 709
  • WebStorm设置手机测试服务器-局域网内其他设备访问
    1、端口更改和允许外部：更改端口号“63342”为“8088”，并“√”可以接受外部链接，如下 ** Allow ...
    Mikayla321阅读 4,306评论 0赞 1
  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,493评论 19赞 139
  • 自定义广告轮播控件
    前要 现在 主流app的首页基本都有banner滚动播放吧，随手封装了下，使用如下:1.异步下载使用SDWebIm...
    ColeX阅读 6,022评论 2赞 18
  • 军人
    军人的牺牲是一种庄严的近乎圣洁的献身，容不得也决不会原谅，朝着他们身上泼脏水的人。
    阿杜阿云阅读 1,514评论 1赞 2