2

明確にするために、これは DOM インスペクターからページへ、またはその逆の要素を見つけるという意味での強調表示ではありません。見たことのない動作ですが、普段は Chrome を使っています。

クリックを受け入れない、選択を許可しない、または基本的にフォーカスを取得しないテキストエリアをデバッグしています。ページ内のテキストエリアをクリックすると、インスペクタ内のいくつかの DOM ノードが強調表示され、1 秒後にフェードアウトすることに気付きました。強調表示されたノードはどれもテキストエリアではありませんでした。それらは本体を含むテキストエリアの親でしたが、テキストエリアと本体の間にあるすべての親である必要はありません。強調表示された両親の1人の兄弟もありました.

これは、Firefox が何かを伝えようとしているものの 1 つですが、私には何がわかりません。元の問題に対する答えは、おそらくこのハイライトに含まれているように感じます.

添付のスクリーンショットでは、選択された要素である青で強調表示されたテキスト領域と、他のいくつかの要素のかなり粗い色の強調表示を見ることができます。これは、テキストエリアをクリックした直後でした (インスペクタではなく、ページにテキストを入力しようとしていたように) ハイライトのスクリーンショット

どういう意味ですか?

4

1 に答える 1

2

マークアップ ビューのノード (スクリーンショットにあるもの) が強調表示されている場合、これらのノードが変更されたことを意味します。これらは、次の方法で行うことができます。

  • ノードの属性値の変更
  • 子ノードの追加/削除

さて、あなたが実際に探しているのは、テキストボックスをホバーしてマークアップビューを取得してテキストボックスを選択する方法ですよね?

次の 2 つの方法でそれを行うことができます。

  • ショートカット Ctrl + Shift + C を押します。ページ上にオーバーレイが表示され、マウスに追従します。テキストボックスに移動してクリックします。
  • 開発者ツールの左上隅にある [ページから要素を選択] ボタンをクリックすると、同じノード セレクターが表示されます。

詳細な情報については、MDN ページをご覧ください: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector

于 2014-09-08T18:48:05.140 に答える