手機瀏覽器console日誌如何同步到電腦上查看

如何查看手機瀏覽器的日誌?手機瀏覽器日誌如何同步到電腦?電腦上如何查看手機瀏覽器的日誌?

本文主要講述iphone手機瀏覽器的console.log日誌如果同步到MAC電腦上。

Web Inspector是Web開發人員用來在Mac和iOS設備上修改,調試和優化網站的工具。

在iOS 6之前,iPhone的Safari Web瀏覽器具有內置的調試控制檯,開發人員可用來跟蹤網頁缺陷。如果您的iPhone運行的是iOS的早期版本,則可以通過設置 > Safari > 開發人員 > 調試控制檯來訪問  調試控制檯。只要iPhone上的Safari檢測到CSS,HTML和JavaScript錯誤,調試器就會顯示每個錯誤的詳細信息。

所有最新版本的iOS均使用Web Inspector。您可以在iPhone或其他iOS設備上的Safari設置中激活它。要使用Web檢查,你用電纜將iPhone連接到Mac電腦,然後打開Mac的Safari瀏覽器,在那裏你啓用開發菜單 Safari中的高級首。Web Inspector僅與Mac計算機兼容。

除非另有說明,否則本文中的信息適用於iPhone和其他通過iOS 12運行iOS 6的iPhone和其他iOS設備以及Mac OS X 10.5 Leopard和更高版本上的Mac。

在iPhone iOS 6及更高版本上激活Web Inspector
默認情況下,Web檢查器是禁用的,因爲大多數iPhone用戶都不使用它。但是,開發人員只需短短几步即可激活它。就是這樣:

1、點擊 iPhone主屏幕上的設置圖標。

2、向下滾動直到找到 Safari,  然後點擊它以打開包含與iPhone,iPad或iPod touch上的Safari Web瀏覽器相關的所有內容的屏幕。

3、滾動到屏幕底部,然後點擊  高級  菜單。

4將Web Inspector旁邊的滑塊切換到“ 打開”位置。

在Mac上將iPhone連接到Safari
要使用Web檢查器,請將iPhone或其他iOS設備連接到運行Safari Web瀏覽器的Mac。使用電纜將設備插入計算機。

在打開Safari的情況下,請執行以下操作:

1、在菜單欄中單擊Safari,然後選擇 偏好設置
2、單擊   首選項中的高級選項卡。
3、在菜單欄中選擇“ 顯示顯影”菜單旁邊的框  。


4、退出設置窗口。
5、在Safari菜單欄中單擊“ 開發”,然後選擇“ 顯示Web檢查器”。
您連接的iPhone或其他iOS設備將出現在“開發”下拉菜單中。打開Web檢查器後,開發人員可以檢查網頁上的所有資源。Web Inspector窗口在單獨的面板中包含可編輯的HTML和有關網頁樣式和圖層的註釋。通過Safari 9和OS X 10.9 Mavericks,Apple 在Web Inspector中引入了響應式設計模式。開發人員可以使用此內置模擬器來預覽網頁如何縮放爲不同的屏幕尺寸,分辨率和方向。

這樣你MAC上的safari瀏覽器就可以看到iphone手機瀏覽器safari上的網頁console.log日誌了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章