記錄一次 Safari 調試 iPhone Web Page

前言

話說，前些日子一直處理集團官網開發中，前幾日接到測試回饋，移動端某個頁面兼容性有問題。

無奈著使用 Android 以及 iOS 設備分別打開進行復現，果不其然，iOS 上出現了不兼容，某些樣式出現問題。

犯愁，這個怎麼調試呢？

網上搜索各種方案，只有一個結果，那就是純粹的浪費時間。

But，可能和我的搜索方式有關吧，Boss 提供了一個鏈接，LZ 親自實驗了下，以下是 LZ 操作過程，特此記錄，點滴記錄美好生活～

沖鴨～

首先放置一張如何通過 Safari 調試 iPhone Web Page 效果圖：

其實，主要是通過打開 Safari 開發模式並且啟動 JSContext 網頁檢查器進行調試。

本篇主要演示以下倆種方式：

原理一樣，步驟一樣，分開記錄，避免未來出現忘記情況。

同樣的坑，不想再次跌倒第二次。

首先，開啟 Safari 開發菜單，如下圖所示：

開啟 iOS 模擬器進行調試

Step 1：啟動 iOS 模擬器，隨後打開瀏覽器，鍵入準備調試的網址。

Step 2：開啟「自動顯示 JSContext 的網頁檢查器」

隨後選擇「開發 —> 模擬器 —> 以及要調試的網址」

隨後，開始浪吧～

連接 iPhone 進行調試

打開 iPhone，找到設置中的 Safari 瀏覽器，開啟如下倆個按鈕：

隨後，連接 Mac，重複以上步驟即可：

歡迎各位關注

不定期發布