iphone + MAC 網頁 debug方式教學:
1. 進入設定
2. 找到Safari 打開進接設定
3. 開啟網頁檢閱器
將iphone 接上傳輸線 插在MAC上
- 打開Safari
- 在工具列選擇 “開發” →iphone → 選擇網址
- 就可以開始 Debug囉!
MAC Debug方式參考自:
https://km.nicetypo.com/doc/6d502ee2251fd167498c16c20d0bc5d4
圖片版權源於此blog
以下為在 Windows 上Debug
教學源自於 :
https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter
使用 remotedebug-ios-webkit-adapter 套件
點選即可到 官方github查看內容及教學.
注意 IOS 13 在2019年的套件版本尚未支援,
目前 IOS 13 /14 支援度尚未測試過, IOS 11~12是保證支援的。
- 打開CMD => window 搜尋 CMD 並打開
- 安裝 NPM
- 安裝套件
scoop bucket add extras
scoop install ios-webkit-debug-proxy
npm install remotedebug-ios-webkit-adapter -g
4. 依照上述的iphone連接MAC的方式設定一次iphone
設定 > safari > 進接設定 > 網頁檢是器 > 打開
5. 接上電腦
6. CMD 打指令
remotedebug_ios_webkit_adapter --port=9000
7. 打開chrome 輸入網址: chrome://inspect
8. 在紅色圈圈 會顯示開啟的 iphone 頁面,按下inspect 即可完成debug Mode
@copyright MRcodingRoom
觀看更多文章請點MRcoding筆記
觀看更多文章請點MRcoding筆記
讚啦!