Firebugでのデバッグ

Question

誰かが助言を与えることができるかどうかわかりません。

これは私が時々遭遇するものです。私はファイヤーバグを使ってデバッグすることを学び、スタイル属性がどこにあるのかを見極めてみましょう。

私はfancyboxに要素の幅に自動サイズを設定しようとしていますが、これを有効にするfancyboxオプションはわかりますが、ボックス全体が固定幅で上書きされているようですスタイルシート。

element.style { 
border-width:10px; 
height:84px; 
width:987px; 

は今、これは放火犯で右側に関連付けられたスタイルシートを持っていないので、私はこれが意味と仮定していて、JS/PHPのどこかにその場で計算されましたか？

私は後に何が設定されているのかを追跡する方法についてのポインタと、おそらくスタイルシートの外に設定されているかどうかを特定するために、それは私もより良いデバッガになることができます:)見ていただきありがとうございます。

Answer 1

Mozillaブラウザでは、firebugを使用して（左上隅）の矢印アイコンをクリックし、ページ上の任意のコントロールを選択します。右側にスタイル（css）が表示されます。ここでは変更を加えることができ、ブラウザに表示されます。

あなたにとって参考になると思います。 element.styleはスタイル情報の発信元として指定されている場合はこれを行うと、イベントをトリガ

Answer 2

1. 最初の要素を見つけ、あなたが変更

Answer 3

が表示されます、それはスタイルということを意味しますインラインです（つまり、タグの属性として指定されています）。

など。

<div style='border-width:10px;height:84px;width:987px;>This is a box</div> 

あなたがソースコードでそれを見ることができない場合、それはあなただけのソースを表示することができない、それはFirefoxのためのWeb開発者のアドオンを使用して、いくつかのjavascript

によってで追加されていますが可能です、あなたの後にあなたにソースを与える生成されたソースを見ることができます。