FF 30.0 に更新した後、開発ツールのスタイル エディターが、スタイルシートを表示するのではなく、独自の形式を強制していることに気付きましたが、自分でファイルに形式を設定しました。

各ルールとそのすべてのプロパティが 1 行に収まるようにスタイルシートをフォーマットします。しかし、スタイル エディターの FF は、ルールのプロパティごとにスタイルシートを改行形式で表示するように見えます。

表示するように指示する設定が表示されませんが、css ファイルをフォーマットしたので、スタイル エディターで FF がこのフォーマットを強制していると思います。

他の誰かがこれに気づいたことがありますか、それとも私は何かを見逃していますか? FF30 (29 など) より前のスタイル エディターでは、スタイルシートが各 css ファイルでフォーマットされたとおりに表示されていました。

ありがとう！

組み込みの Firefox 開発者ツールを試してみることにしました。良さそうだけど…

Inspector/Rules から CSS に新しいルールを追加する方法がわかりません。つまり、デフォルトで開いている「要素」ルールだけでなく、「.my-new-rule」を意味します。

最終編集: これは最新の Firefox アップデートで可能になりました。

私が Firebug で最もよく使用するコマンドは、CSS ペインで右クリックし、「ルールを追加...」です。

Firefox の Web 開発者ツールに簡単に対応するものはありますか?

javascript 関数がブラウザのコンソールまたはソース コードから呼び出されているかどうかを確認する方法があるかどうかを知りたいです。

コンソールからかページからかを確認できる関数を定義しましたが、Google Chrome でのみ機能し、Firefox では機能しません。他のブラウザーはテストしていません。

この機能のしくみ

この関数は、関数を呼び出した最上位の関数を探します。google chrome では、コンソールから呼び出されるトップ関数の定義に、function (expression, objectGroup,firefox でこの文字列が含まれている場合、関数はありません

詳しくご説明いたします

この例があるとしましょう

ページから関数 a() を呼び出すと、コンソールに false と表示されます (最上位の関数が a() であるため) function (expression, objectGroup,...。

Firefox では、関数をコンソールから呼び出してもページから呼び出しても、最上位の関数は常に a() です。

私の質問は: 関数がコンソールから呼び出されたかどうかを知る方法はありますか?

最近、CSS ベースのアニメーション (フレームのドロップ) を行うときに Firefox 固有のパフォーマンスの問題に遭遇しました。Chrome では [タイムライン] タブで簡単にデバッグできますが、Firefox で動作する同様のツールはありますか? この問題は Android デバイスで最も深刻であるため、Firefox デスクトップとモバイルの両方で使用することをお勧めします。

IE には、古いバージョンの IE (7-10) をエミュレートできる便利なデバッグ機能があります。たとえば、Chrome を数バージョン前の機能だけに戻すことができる Firefox/Chrome のアドオンと同様の機能はありますか? または、Firefox で、最新の Firefox バージョンの CSS 機能を使用せずにサイトをテストしますか? または、ブラウザーにロードされたスタイルシートを実際に変更せずに、ボーダー半径、影、および高度な CSS 効果を削除して、IE7 でサイトがどのように見えるかを大まかに示しますか?

1ページだけでJS機能を削除することは事実上可能であるように思われます-たとえば、window.ArrayBuffer = undefined古いブラウザーで発生するようにArrayBuffer機能が不足する可能性があります-しかし、「ユーザーエージェントスイッチ」とテスト用の機能を削除しますか?