美文网首页让前端飞
前端开发: WebStorm局域网手机真机调试

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

作者: BoooBooo冰Booo | 来源:发表于2018-05-22 13:29 被阅读74次

1. 做好准备工作

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

2. 开始设置

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

3. 配置路径

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

4. 匹配路径设置

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

5. 设置完成,即可体验

  • 以上全部设置完成后,点击apply,点击ok
  • 在项目里点击google浏览器打开即可
  • 能够正常打开,点击地址栏旁边草料二维码插件,手机扫码就可以轻轻松松调试了

相关文章

网友评论

  • JohnQ:你还知道有什么办法能webstorm设置有手机浏览器打开地址有可以在webstorm中设置debug进行调试
    BoooBooo冰Booo:你说的大概是抓包工具 Fiddler吧 ,这方面还真没具体实践过,应该和App抓包工具Charles原理差不多吧 :smiley:

本文标题：前端开发: WebStorm局域网手机真机调试

本文链接：https://www.haomeiwen.com/subject/haphjftx.html

延伸阅读

深度阅读

  • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

栏目导航

热点阅读

让前端飞

关于我们|服务条款|联系我们|前端开发: WebStorm局域网手机真机调试|投稿指南|网站地图|RSS订阅|排版工具|手机版

提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！