在Windows上對ios的Safari進行偵錯


之前處理過在電腦上偵錯 Android APP 內的 WebView,現在類似的問題又來了,只是這次變成偵錯的是 iPhone 裡面的 Safari。

不得不說在 IE 被淘汰的差不多,連微軟自己都改推 Edge 之後,Safari 就變成了當年的 IE…一堆奇奇怪怪的問題

作法

TL;TR 就安裝這個套件,照著裡面的 README 去走,就可以用了
RemoteDebug/remotedebug-ios-webkit-adapter

安裝

  1. 安裝 iTunes

  2. 開啟 Powershell 然後執行:
    scoop bucket add extras
    scoop install ios-webkit-debug-proxy
    
  3. NPM Install
    npm install remotedebug-ios-webkit-adapter -g
    
  4. 在 iPhone 的 Safari 設定裡面允許遠端偵錯

執行

  1. 在 CMD 把背景服務 run 起來
    remotedebug_ios_webkit_adapter --port=9000
    
  2. 在 Chrome 開啟 inspect 分頁 chrome://inspect/#devices
  3. 開工
Hi 喜歡這篇文章的話 或許可以請我喝杯咖啡
Buy me a coffeeBuy me a coffee