Safari Web Inspector不能在調試時顯示元素和樣式面板iPhone

我將iPhone連接到mac，並且我啓用了iPhone高級設置中的Web Inspector，能夠在mac safari中查看頁面，但無法檢查safari中的任何元素及其樣式。我沒有看到元素面板或樣式面板。Safari Web Inspector不能在調試時顯示元素和樣式面板iPhone

任何人都可以幫助我找到這些面板來調試樣式，我應用於我在iPhone中測試的頁面元素。我能夠在調試桌面Safari瀏覽器頁面時看到這些面板。看截圖

在此先感謝您的任何幫助。

來源

2015-10-07 Mohamed Hussain

https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/ResourcesandtheDOM/ResourcesandtheDOM.html#//apple_ref/doc/uid/TP40007874-CH3-SW1 –

@GobiM我我問的是，當我在桌面Safari瀏覽器中調試iPhone頁面時，樣式和元素面板缺失。看到我的屏幕截圖頂部的窗口 –

答案是，需要從屏幕截圖中的下拉列表中選擇DOM樹。

來源

2015-10-07 11:46:53

從web inspector中選擇任何html元素。現在在設備中，它將以藍色突出顯示。右上角有展開窗口來顯示樣式，圖層，節點標籤。選擇樣式並編輯CSS。請參閱評論中的鏈接瞭解完整的詳細信息

來源

2015-10-07 08:46:08

我無法看到元素面板。那是我的問題，那我該如何選擇使用調試器？ –

從您的圖片中，您的箭頭指向Safari網頁的網頁元素，但不適用於移動設備。檢查彈出窗口（Web Inspector ** - iPhone ** IP）。此窗口顯示您的iphone瀏覽器/ webview的html頁面。從這個頁面選擇一個html標籤（DOM樹），這將選擇設備中的相應元素。一旦完成，您可以查看當前源窗口右上角的樣式窗格。 –

感謝您的幫助。我得到了答案，請參閱下面的答案。 –

Safari Web Inspector不能在調試時顯示元素和樣式面板iPhone

回答

相關問題