複数のブラウザ用のWebサイトを開発する必要があるとします。主要なもの - Firefox、Safari、IE、Opera、Chrome複数のブラウザでディスプレイ/ CSSの問題をデバッグするにはどうすればよいですか？
どのように表示の問題をデバッグしますか？ FirefoxにはFirebugがあります。これは素晴らしいことです。他のブラウザ用のFirebug Liteもありますが、フル機能ではありません。リアルタイムでリフレッシュされません。たとえば、jQueryがクラスを追加するなど、速度を落としていると思われる場合は、どうすればわかりますか？
を持っていたしている、あなたがかもしれませんoutline propertyを検索したい要素への境界線ですが、ページフローを乱すことはありません。これはサイドバイサイドの比較に便利です。
いくつかのクラスがjQueryで適用されている場合は、そのクラスのoutlineプロパティを使用するだけで、クラスが追加されるときに表示されます。
.class1 {
outline: 1px solid blue;
}
.class2 {
outline: 1px solid red;
}
IE8は、偉大なdevelopper tools
あなたはW3C CSS Validation Service
開発ツール
ブラウザ間のデバッグでは、Firebug Liteを使用できます。これはFirebug自体のようなものだが、外部のJavaScriptライブラリであり、FF、Opera Safari、さらには良いIEの（Webページの状態として）テストされている。
firebug liteはリアルタイムでリフレッシュしません。 jqueryを使ってクラスを変更したり、アニメーションを行ったりします。 – iceangel89
本当ですか？私はそれがそうだと思ったが、私はそれを使用して以来、今は今だ。 – Boldewyn
あなたのページ上の任意の要素のレイアウトを表示するには、新しいツールをチェックしてください。クロスオーバーブラウザー！
うーんIE6/7は何でも良いカントーを持っていませんか？ btw、私はIEの開発者のツールFFのためのファイヤーバグのようなリアルタイムの更新を持っていないと思いますか？今、私が直面している問題は、jqueryアニメーションの間/後です。だから私はそこに更新するためにCSSが必要なので、何が起こっているのか知っている。私のqnここのためにhttp://stackoverflow.com/questions/1194812/css-ie7-8-issues – iceangel89