一蕾久、查看iOS設(shè)備上Safari瀏覽器的頁(yè)面
1.準(zhǔn)備步驟
-
【Mac】使用 Safari 瀏覽器的“開(kāi)發(fā)”菜單
請(qǐng)選取“Safari 瀏覽器”>“偏好設(shè)置”婉宰，點(diǎn)按“高級(jí)”歌豺，然后選擇“在菜單欄中顯示開(kāi)發(fā)菜單”。
-
【iPhone】開(kāi)啟調(diào)試模式
要遠(yuǎn)程調(diào)試 IOS Safari 心包，必須啟用 Web 檢查 功能类咧，打開(kāi) iPhone 依次進(jìn)入 設(shè)置 > Safari > 高級(jí) > Web 檢查 > 啟用。
2.操作步驟
iPhone鏈接到mac上蟹腾，打開(kāi)Safari瀏覽器痕惋，運(yùn)行手機(jī)app里面的web頁(yè)面，在“開(kāi)發(fā)”菜單中選擇連接的手機(jī)岭佳，找到調(diào)試的網(wǎng)頁(yè)血巍，就能在Safari里面調(diào)試了
二、查看XCode Simulator中的頁(yè)面
1.準(zhǔn)備步驟
- Xcode Version9.2
2.操作步驟
在Xcode中新建Swift項(xiàng)目“webview”[4]
點(diǎn)擊運(yùn)行
-
打開(kāi)Safari珊随，在“開(kāi)發(fā)”菜單中選擇連接的模擬器述寡，找到調(diào)試的網(wǎng)頁(yè)，就能在Safari里面調(diào)試了
Safari開(kāi)發(fā).jpg
Safari調(diào)試頁(yè)面.png
三叶洞、查看iOS應(yīng)用中的頁(yè)面
1.操作步驟
打開(kāi)XCode,登錄AppleID
選擇項(xiàng)目“General”和“Build Settings”,設(shè)置相應(yīng)的參數(shù)[7]
- 連接iPhone,選擇相應(yīng)的真機(jī)設(shè)備,點(diǎn)擊運(yùn)行按鈕鲫凶，查看iPhone上被安裝了相應(yīng)的App,打開(kāi)App
- 打開(kāi)Safari，在“開(kāi)發(fā)”菜單中選擇連接的手機(jī)衩辟，找到調(diào)試的網(wǎng)頁(yè)螟炫，就能在Safari里面調(diào)試了
四、使用Chrome調(diào)試
1.準(zhǔn)備步驟
- 安裝部署ios-webkit-debug-proxy艺晴，在終端中輸入
brew install ios-webkit-debug-proxy
2.操作步驟
- 啟動(dòng) proxy,在終端中輸入
ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html
- 在chrome中打開(kāi) localhost:9221 昼钻，可以看到當(dāng)前已連接的設(shè)備列表掸屡。
-
點(diǎn)擊進(jìn)去，看到新的頁(yè)面然评，按提示右鍵“復(fù)制鏈接地址”,在新標(biāo)簽頁(yè)中地址欄中打開(kāi)仅财，就可以愉快的使用chrome的dev tool來(lái)調(diào)試webView啦
9222-復(fù)制鏈接.png
Chrome調(diào)試頁(yè)面.png
參考
- ios-webkit-debug-proxy
- XCode下Swift – WebView IOS demo
- 在Xcode8.0下、手動(dòng)安裝iOS 9.3 的模擬器
- 通過(guò) Chrome 調(diào)試運(yùn)行在 IOS-safari 上的頁(yè)面
- “Could not connect to lockdownd. Exiting.”快速解決方法
- 您的設(shè)備管理設(shè)置不允許在此臺(tái)iPhone上x(chóng)xx
- Xcode8真機(jī)測(cè)試問(wèn)題 code signing is required for product type 'Application' in SDK 'iOS 10.0'
