Safari Web InspectorがiPhoneのデバッグ時に要素とスタイルパネルを表示しない

iPhoneをMacに接続し、iPhoneの高度な設定でWeb Inspectorを有効にしたが、Safariで要素とそのスタイルを検査できない。要素パネルまたはスタイルパネルが表示されません。Safari Web InspectorがiPhoneのデバッグ時に要素とスタイルパネルを表示しない

iPhoneでテストしているページ要素に適用されたスタイルをデバッグするために、これらのパネルを見つけてもらえますか？私はデスクトップのサファリページをデバッグする際にこれらのパネルを見ることができます。スクリーンショットを参照してください

ご協力いただきありがとうございます。

出典

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何I私がデスクトップのサファリでiPhone Pagesをデバッグするとき、スタイルと要素のパネルが表示されません。私のスクリーンショットの上のウィンドウを参照してください –

答えは、スクリーンショットのようにドロップダウンからDOMツリーを選択する必要があります。

出典

2015-10-07 11:46:53

Webインスペクタから任意のhtml要素を選択します。今デバイスでは、青色で強調表示されます。右上隅にスタイルを表示する展開ウィンドウ、レイヤー、ノードタブがあります。スタイルを選択してCSSを編集します。完全な詳細については、コメント内のリンクを参照してください。

出典

2015-10-07 08:46:08

私は要素パネルを見ることができません。それは私の問題ですし、どのように私はデバッガを使用して選択できますか？ –

あなたの画像からあなたの矢印がSafariウェブページのWeb要素を指しています。これはモバイルデバイス用ではありません。ポップアップウィンドウ（Web Inspector ** - iphone ** ip）を確認します。このウィンドウには、iphoneブラウザ/ webviewのhtmlページが表示されます。このページからhtmlタグ（DOMツリー）を選択すると、デバイス内の各要素が選択されます。いったん完了すると、現在のソースウィンドウの右上隅からスタイルペインを表示できます。 –

助けてくれてありがとう。私は答えを得た、私の答えは以下を参照してください。 –

Safari Web InspectorがiPhoneのデバッグ時に要素とスタイルパネルを表示しない

答えて

関連する問題