前端开发: webStorm手机真机调试


文章首发微信公众号飙码人生 2018-05-21 18:21:15

做好准备工作

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

开始设置

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

配置路径

  • 点击到Deployment这一栏,如图

  • 点击➕号,新建一个,填写自定义名字,设置对应的type

  • 设置项目的父级路径

  • 设置域名 + 端口号

匹配路径设置

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

设置完成,即可体验

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM