このコードを Addon-SDK アドオンに追加しています。

これは通常の（古いスタイルの）アドオンで機能しますが、次のcfx runようになります。

明確にするために、これらの 2 行をここに追加しようとしています: https://github.com/DavidBruant/usefulStackTrace/blob/master/lib/trackStack.js

これは、アドオン SDK の再起動不要のアドオン システム内では不可能ですか?

Firefox の開発者ツールのコンソールとデバッガー タブを同時に表示できるようにしたいと考えています。どちらも同じページに関連している必要があります。これどうやってするの？

添付されているのは、開発者コンソールのスクリーンショットです。クロージャ定義に構文エラーがあります。

次の機能を持つ JavaScript ファイルがあります。別の関数から JavaScript ファイルを読み込んで呼び出しsampleFunction()ています。

しかし、Firefox では、関数の宣言/定義である最初の行に構文エラーが表示されます。

Windows 7 で Mozilla Firefox 29.0.1 を使用しています。

コードの実際のエラーは何ですか?

手順:

1. Firefox 29.0.1 (Windows 7 x64) でページを開く:

   /li>

2. 開発者ツール ( F12) を開きます。

3. Debuggerで、以下にブレークポイントを設定します。setTimeout(f, 1000);

4. ブレークポイントに到達したら、xコンソールで評価します。結果：undefined

   

5. ページをリロードします。の最初の実行でブレークポイントにヒットしますf。

6. 評価しxます。結果：5

7. 実行を再開し、再びブレークポイントに到達したときに を評価しxます。同じ結果:5

私の仮定: Firefox が最初の実行時にfそれが必要ないことを認識した場合、それは"with"xの値を保存しません。したがって、後続の呼び出しでは、 isの値が呼び出されます。興味深いことに、Chrome 35 と IE11 で同じ動作が見られます。xffxundefined

質問: 何が起こっているのですか? xステップ 4 (上記参照) で正しい値を評価するように Firefox を設定できますか?

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機能が不足する可能性があります-しかし、「ユーザーエージェントスイッチ」とテスト用の機能を削除しますか?