嗯哼 之 Safari 調試 iPhone Web Page

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,重複以上步驟即可:
在這裏插入圖片描述

個人公衆號

不定期發佈博文,最近有點忙,感謝老鐵理解,歡迎關注~

參考鏈接

  1. safari調試iPhone app web頁面:https://www.jianshu.com/p/30de92fa0d0d
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章