2017-06-12 10 views
1

私はHTMLとCSSを書くのに少し時間を費やしており、Firefox 53の開発ツールを使っています。具体的には、「HTML/DOM/CSS Inspector」です。FirefoxのDevToolsインスペクタのハイライトを固執することはできますか?

インスペクタウィンドウでHTMLのチャンク上にマウスを移動すると、ページ上の対応するレンダリングされたHTML要素が強調表示されます。また、便利なグリッド線や色のオーバーレイなどもページ上に描画されています。そのすべてがMozilla開発者の立場に立っています。 divとその他の要素がどのように重なっているかを示し、マージンが崩壊している場所を表示するのに最適です。

しかし、HTMLツリーからマウスを離すと、便利なハイライトとオーバーレイがすべて消えます。 ハイライト/オーバーレイをスティックにする方法はありますか?たとえば、別のHTML要素をクリックするか、ページをリロードするまで、または...単にマウスを動かす以外のアクションを積極的に実行しますか?

「インスペクタ」を右クリックして「:ホバー」メニュー項目を選択すると、ではなく、が表示されます。私はのインスペクタのマウスオーバーの振る舞いを変更したいのですが、ページのものではありません。

(今私はウイスキーの別のショットを注ぐとルール/演算-対 - 「ブラウザスタイル」コントロールで戦って再開するつもりです。これらは...だけでなく設計されていません。)

答えて

2

一般ハイライターはページ上にとどまるためにトグルすることはできません。ノードをホバリングするだけで反応します。

のみいくつかの他の蛍光ペンの両方がルールサイドパネル内に配置され、特定のCSSセレクタまたはCSSグリッドマーカーを一致する要素のための1つのような、粘着性:

Selector matching and grid highlighter within the *Rules* side panel

CSSセレクタマッチングハイライターは現在、あなたが探しているものに最も近いものを(Firefoxの53として)グリッドラインが欠けています。

さらに、すでにrequest for adding a sticky element highlighter in Mozilla's bug trackerがあります。

+0

ありがとうございました。私は別の場所を見て、他のブラウザがこれを実装しているかどうかを見ていきますが、一般的な要求とは思えないので、答えは「いいえ」と思われます。リンクされたMozillaの機能リクエストは、私に興奮を与えません。私は2年前に_報告書を取得し、FF56で起こることを期待していました。 –

+0

最近、私は問題が提起されてから12年後に修正されたことを知りました!それは実装が常に優先順位に依存することを意味しますが、これも長くかかるでしょう。したがって、その実装をサポートするには、その投票に投票するか、コメント内でユースケースを説明する必要があります(または、そのためのパッチを提供してください:-))。 –

+0

DevToolsチームの誰かによってバグが提起されているため、ある時点で実装される可能性が高くなる可能性があります。さらに、スティッキー・ハイライトの要求は、あなたが思うように明らかに一般的です。なぜなら[似たような質問がスーパーユーザーで尋ねられた](https://superuser.com/q/1221703/324429)昨日です。 –

関連する問題