LZ-Says:勇敢說出來,雖然錯過,但是總比不說要好。說出來錯過了,還是幻想着某天可以繼續默默守護,是麼?
前言
話說,近些日子一直處理集團官網開發中,前幾日接到測試反饋,移動端某個頁面兼容性有問題。
無奈着使用 Android 以及 iOS 設備分別打開進行復現,果不其然,iOS 上出現了不兼容,某些樣式出現問題。
犯愁,這個怎麼調試呢?
網上搜索各種方案,只有一個結果,那就是純粹的浪費時間。
But,可能和我的搜索方式有關吧,Boss 提供了一個鏈接,LZ 親自實驗了下,以下是 LZ 操作過程,特此記錄,點滴記錄美好生活~
衝鴨~
首先放置一張如何通過 Safari 調試 iPhone Web Page 效果圖:
其實,主要是通過打開 Safari 開發模式並且啓動 JSContext 網頁檢查器進行調試。
本篇主要演示以下倆種方式:
- 開啓 iOS 模擬器進行調試
- 連接 iPhone 進行調試
原理一樣,步驟一樣,分開記錄,避免未來出現忘記情況。
同樣的坑,不想再次跌倒第二次。
首先,開啓 Safari 開發菜單,如下圖所示:
一、開啓 iOS 模擬器進行調試
Step 1: 啓動 iOS 模擬器,隨後打開瀏覽器,鍵入準備調試的網址。
Step 2: 開啓「自動顯示 JSContext 的網頁檢查器」
隨後選擇「開發 —> 模擬器 —> 以及要調試的網址」
隨後,開始浪吧~
二、連接 iPhone 進行調試
打開 iPhone,找到設置中的 Safari 瀏覽器,開啓如下倆個按鈕:
隨後,連接 Mac,重複以上步驟即可:
個人公衆號
不定期發佈博文,最近有點忙,感謝老鐵理解,歡迎關注~
參考鏈接
- safari調試iPhone app web頁面:https://www.jianshu.com/p/30de92fa0d0d