前端開發: WebStorm區域網手機真機除錯
阿新 • • 發佈:2018-12-12
轉載地址:https://www.jianshu.com/p/8044c7ffd2c7
1. 做好準備工作
- 安裝webstorm以及新建一個專案寫個demo
- 確保是同一區域網,同一個路由器下的WiFi或者其他內部網路
- 安裝google二維碼外掛 (草料二維碼)
2. 開始設定
- 用webstorm開啟demo,開啟偏好設定頁面
- 點選到
Debugger
這一欄,可以看到如圖所示:
第一步
- 設定埠號
- ️勾選相應設定
3. 配置路徑
- 點選到
Deployment
這一欄,如圖 - 點選➕號,新建一個,填寫自定義名字,設定對應的type
- 設定專案的父級路徑
- 設定域名 + 埠號
第二步
4. 匹配路徑設定
- 點選到
mapper
這一欄,如圖 - 設定專案父級路徑即可
第三步
5. 設定完成,即可體驗
- 以上全部設定完成後,點選
apply
,點選ok
- 在專案裡點選
google瀏覽器
開啟即可 - 能夠正常開啟,點選位址列旁邊草料二維碼外掛,手機掃碼就可以輕輕鬆鬆除錯了