3

複数のブラウザー用の Web サイトを開発する必要があるとします。主要なもの - Firefox、Safari、IE、Opera、Chrome

表示の問題をどのようにデバッグしますか? Firefox には、すばらしい Firebug があります。他のブラウザー用の Firebug Lite もありますが、フル機能ではなく、リアルタイムで更新されません。たとえば、jQuery が速度を落としていると思われる場合 (クラスの追加など)、どうすればわかりますか?

4

5 に答える 5

6

これらとは別に、要素に境界線を追加するが、ページ フローを中断することなく、 outline プロパティを調べたい場合があります。これは、並べて比較する場合に便利です。

jQuery でいくつかのクラスが適用されている場合は、そのクラスに Outline プロパティを使用するだけで、クラスが追加されたときに表示されます。

.class1 {
  outline: 1px solid blue;
}
.class2 {
  outline: 1px solid red;
}
于 2009-07-29T09:27:00.207 に答える
0

IE8 には優れた開発者ツールが含まれています

于 2009-07-29T09:19:14.670 に答える
0

W3C CSS Validation Serviceを使用して CSS を検証できます。

CSS バリデータについて

開発者ツール

于 2009-07-29T09:24:26.733 に答える
0

CROSS BROWSER という新しいツールをチェックして、ページ上の任意の要素の上にマウスを置いてそのレイアウトを表示してください。

HTML ボックス ビジュアライザー - GitHub

于 2016-10-24T06:20:47.393 に答える
0

クロスブラウザーのデバッグには、 Firebug Liteを使用できます。これは Firebug 自体に似ていますが、外部 JavaScript ライブラリとして、FF、Opera Safari、さらには古き良き IE でもテストされています (Web ページに記載されているように)。

于 2009-07-29T09:55:03.567 に答える