問題タブ [firefox-developer-tools]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
6292 参照

javascript - Firefox デバッガーを使用して jQuery イベントをデバッグするにはどうすればよいですか?

私はこれについて頭を悩ませてきましたが、私の人生でそれを理解することはできません.

この議論のために作成したテストページを次に示します。

http://jsbin.com/garokalocu

このページは非常に複雑で、私が作成したわけではなく、ユーザーが [実行] をクリックしたときに実行されるコードを確認しようとしているとします。デバッガーを開き、サイド ペインを開いて [イベント] をクリックします。ボタンであるクリックイベントにチェックマークを付け#executeます。

ここに画像の説明を入力

ボタンをクリックすると、コードがブレークポイントにヒットします。しかし奇妙なことに、「Bob」という名前はすでに入力されているため、明らかに実際のコードを通り過ぎて、ここにたどり着きました。

ここに画像の説明を入力

ここで何が起こっているのかわかりません。そこで、Firefox の新機能で、便利かもしれないと思った別のことを試してみました。コードを調べると、特定の DOM 要素に「ev」タグがほとんどありません。おそらく、それらをクリックしてコードを表示できます。

ここに画像の説明を入力

まあ、それは無駄でした。jQuery イベントをデバッグする方法と、実行される実際のコードを確認する方法を教えていただければ、私は永遠に感謝します。ありがとう!

0 投票する
0 に答える
217 参照

firefox - Firefox Devtools のキー バインディングを編集する

Firefox 33 以降、エディターでさまざまなスタイルのキー バインディングを使用するための GUI オプションが開発ツールにありました。これは素晴らしいことですが、機能はこれで終わりです。エディターの特定のキー バインドを編集するにはどうすればよいですか?

私は Sublime キー バインドを使用していますが、新しいタブを開く代わりにcmd/ctrl+をキャプチャして文字を入れ替えてしまうことが 1 つの厄介な点です。これは信じられないほど面倒で、FF ソース コードからこのファイルTを編集する方法を探していましたが、どこにも見つかりません。FF のソース コードをダウンロードして編集し、独自のビルドを作成することはできません。

0 投票する
2 に答える
3452 参照

css - Firefox Developer Edition Inspector ツールから CSS を編集する

Firefox Developer EditionのInspector タブで行った CSS の変更を保存しようとしています。

私の知る限り、css は Style Editor タブでのみ保存できますが、 Inspector Tool で行った変更は反映されません

インスペクタータブからスタイルエディターでcssを編集する方法はありますか?

0 投票する
0 に答える
36 参照

google-chrome - chrome/firefox 開発者ツールでイベント リスナーに関する役立つ情報を確認する方法はありますか?

jQuery を使用してクリック イベントにバインドしているため、そのコードがアプリケーション内のどこにあるかを把握するのは非常に困難です。

Chrome のイベント リスナー パネルは次のようになります。

クロム検査イベントリスナーパネル

ただし、定義をクリックすると、jquery に移動します。jquery スクリプトをブラックボックス化しても、jQuery に送信された関数を特定する方法はありません。

リスナーパネルのクローム登録機能

Firefox 開発者版では、似たようなものが見られます:

Firefox リスナーパネル

0 投票する
3 に答える
115 参照

firefox - Firefox 開発者版 TypeError

新しいFirefox開発者版をインストールしただけで、機能の1つが別のブラウザーでWebサイトをリモートでチェックしています。それで、私は自分のウェブサイトを開き、firefox の新しいコマンド ライン「ios」を入力して safary でテストしましたが、エラーが発生しましTypeError: response is null た。

誰かがすでに試しましたか?これを機能させる方法はありますか?ありがとう

0 投票する
1 に答える
1950 参照

firefox-developer-tools - デバッガーがフレーム HTML ソースを表示しない

フレーム内のページ (html+javascript) をデバッグしようとして、Firefox 開発者版を使用しています。Firefox 33 では、デバッガー セクションで、フレーム内のページのソース コードを確認したり、ブレークポイントを有効にしたりできます...

開発者版の問題は、ツールバーの左側で選択されているにもかかわらず、ページの html コードが表示されないことです。HTML コードが表示されますが、選択したページのものではありません。どこから来たのか特定できません。

firefox 33 と開発者版のデバッガで同じ動作をする方法はありますか?

よろしくお願いします。

0 投票する
11 に答える
32065 参照

firefox - Firefox 開発者ツールでコードのフォント サイズを大きくする

Firefox 開発者ツールでコード フォントを増やす方法は? ズーム機能があるのは知っていますが、コードだけフォントサイズを設定したいです。

0 投票する
2 に答える
653 参照

firefox - Firefox アドオン SDK 拡張機能をデバッグするには?

Firefox アドオン SDK 拡張機能のコードに取り組んでいます。デバッグしたい。

Firebugのようにデバッグできますか? アドオンで Firebug が機能しません。

0 投票する
0 に答える
1060 参照

firefox - WebIDE が Safari iOS に接続しない (ハンドラー関数 DebuggerClient.requester リクエスト コールバックが例外をスローした)

私はiPhone 4をUSB経由でLinuxホスト(Mint 17)に接続し、iOS 7と開発ツールを実行しているiPhone 4に接続しました。iOS デバッガーを公開するために、開発者版と ios-webkit-debug-proxy を実行しています。

localhost:9222 は次のようになります。 localhost:9222 のスクリーンショット

Spanner > Web IDE、Select runtime > iOS の Safari のときに取得するログ:

0 投票する
1 に答える
3019 参照

firefox - 開発者ツールのキャッシュを無効にするオプションが機能しない

開発ツールが開いているときにキャッシュを無効にしますが、私のFirefoxはまだJavaScriptをキャッシュしています。Cmd + Shift + R は、この動作には影響しません。フォントなどの一部のファイルはクリアされますが、一部の JavaScript ファイルはまだキャッシュされているようです。

設定に移動して手動でキャッシュをクリアすると、うまくいきます。しかし、それは実際には効率的ではありません。

Web Developer Toolbar を使用してキャッシュを無効にすることもできます。
編集:数回だけ機能し、ラップトップを再起動すると機能しなくなりました。

アイデアはありますか?