前端開發: 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