在 Windows 上測試 Safari


Posted by Joseph Yin on 2020-09-19

  1. 安裝 iTunes
  2. 打開 cmder 安裝 remotedebug-ios-webkit-adapter npm install remotedebug-ios-webkit-adapter -g
  3. 從這裡下載程式碼
  4. C:\Users\88693\AppData\Roaming\nvm\v12.18.4\node_modules\remotedebug-ios-webkit-adapter\node_modules 裡建一個 vs-libimobile 資料夾,再到 vs-libimobile 資料夾裡建一個 ios-webkit-debug-proxy-1.8-win64-bin
  5. 把步驟三下載的程式碼 (ios-webkit-debug-proxy-1.8.8-win64-bin.zip) 解壓縮丟到 C:\Users\88693\AppData\Roaming\nvm\v12.18.4\node_modules\remotedebug-ios-webkit-adapter\node_modules\vs-libimobile\ios-webkit-debug-proxy-1.8-win64-bin 裡面
  6. 編輯 C:\Users\88693\AppData\Roaming\nvm\v12.18.4\node_modules\remotedebug-ios-webkit-adapter\out\adapters\iosAdapter.js 把 123 行的 proxy 改成以下這樣:
    const proxy = path.resolve(__dirname, '../../node_modules/vs-libimobile/ios-webkit-debug-proxy-1.8-win64-bin/ios_webkit_debug_proxy.exe');
  7. 在 cmder 中執行 remotedebug_ios_webkit_adapter --port=9000,port 可替換
  8. 打開 Chrome 瀏覽器,網址列輸入: chrome://inspect/#devices ,進入 Dev Tools 畫面
  9. 點擊 Configure... 按鈕,新增 9000 至列表中
  10. 將 IPhone 連接電腦,打開 Safari,開啟要測試的頁面,Dev Tools 畫面中會同步出現要測試的頁面,點擊 inspect 即可

以上都是給我自己看的而已,沒有幫助的話可以看下面的參考文章~~

參考文章 : 在 Windows 10 上面使用chrome 對ios的 safari 進行除錯


#Windows #iOS #Web







Related Posts

無障礙網頁 HTML屬性

無障礙網頁 HTML屬性

Day04: GraphQL Server setup with node.js

Day04: GraphQL Server setup with node.js

優化程式碼

優化程式碼


Comments