ハイライトHTML要素

Question

。強調表示は、境界線や背景の変更（レイアウトを壊すことはありません）と、その要素に接続されたhtml要素とcssセレクタを明らかにするツールチップです。

Answer 1

あなたはこのような何かを行うことができます：

$('div, a, span, p').hover(function(){ 
    $(this).css({ "border": "2px solid red" }); 
    console.log($(this)); 
},function(){ 
    $(this).css({ "border": "none" }); 
}); 

私もの要素を検査するFirebugの（FF）またはコンソール（クローム）を使用すると思います。

Answer 2

あなたはFirebugのようなツールを使用して検討していますか？これは、ページのソースを表示し、マウスオーバー時の要素を強調表示する優れた仕事です。また、最近の3つの主要ブラウザ（Chrome、FF、IE）では、ビルトインのインスペクタがあります。 FF 10では、何かを右クリックし、「要素の検査」をクリックします。 Chromeでは、プロセスは同じです。 IE 9では、F12、Ctrl + Bを押して、目的の要素をクリックします。

Answer 3

私が正しくあなたを理解していればあなただけのIE用のFirefoxや開発ツールのためのFirebugのようなもの（F12）を使用している必要がありますように、それが聞こえます。すべてのブラウザにはそれらがあります。

彼らは、あなたが何かを強調表示し、任意のCSSセレクタで遊んでみましょう。 AbsoluteはWeb開発者のためのツールでなければなりません。

Answer 4

は、Googleのクロムを使用する場合は、[表示/開発者/開発者ツールで開発ツールを有効にすることができます。 このメニューを選択すると、ブラウザの下部にメニューのあるフレームが表示されます（ここではElementsボタンをクリックします）。 このメニューの下に、ドキュメントのソースが表示されます。 ブラウザの特定のタグ（つまり：）をホバーすると、要素が強調表示され、強調表示されたタグのプロパティを表示することができます。