問題タブ [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.
firefox - Firefox 開発者ツールでの Sass (ソースマップ) のサポート
Firefox 25のリリースにより、開発ツールが大幅に改善されました。Firebug でそれらを試してみるのがとても楽しみです。
ただし、現在 Firebug で動作している Sass デバッグを有効にする方法がわかりません。開発設定内で提供されるすべての設定を調べました。
私が間違っていることを願っており、現在サポートされています。
css - iframe がカラー スタイリングに従わない
ここでわかるように、ネットワーク検査ポップアップの一部のコンテンツをきれいに印刷された値に置き換えるアドオンをセットアップしました。奇妙なことに、iframe と内部ドキュメント ( background;#FFF) の両方の背景を設定していますが、ネット インスペクタの青みがかった背景が表示されます。これの何が問題なのですか? また、なぜ DOM Inspector アドオンでは、ここで何が問題なのかを検査することさえできないのですか?
firefox - FF dev-tools で localStorage を見つける
Google Chrome などの localStorage にあるものを確認するにはどうすればよいですか: Resources -> Local Storage
（Firebugではなく、FF開発ツールで意味します）
java - セレンfirefoxdriverの問題を伴うbrowsermob
public class PerfTestt {
}
ドライバー情報: driver.version: org.openqa.selenium.firefox.internal.NewProfileExtensionConnection.start(NewProfileExtensionConnection.java:118) の FirefoxDriver org.openqa.selenium.firefox.FirefoxDriver.startClient(FirefoxDriver.java:251) org で.openqa.selenium.remote.RemoteWebDriver.(RemoteWebDriver.java:110) org.openqa.selenium.firefox.FirefoxDriver.(FirefoxDriver.java:195) org.openqa.selenium.firefox.FirefoxDriver.(FirefoxDriver.java: 190) org.openqa.selenium.firefox.FirefoxDriver.(FirefoxDriver.java:107) com.beam.testo.selenium.PerfTestt.main(PerfTestt.java:32) で 原因: org.openqa.selenium.firefox. NotConnectedException: 45000 ミリ秒後にポート 7055 でホスト 127.0.0.1 に接続できません。
console - Firefox 開発者ツール: コンソールの queryselector で見つかった要素を強調表示します。「要素を調べる」
Firefox Web 開発 Web コンソールを開いて、次のようなクエリ セレクターを参照するとします。
要素を右クリックして [要素の検査] を選択した場合と同じスタイルで、返されたセレクターを強調表示したいと思います。
web - Web ブラウザーで gps のロケーション ルートをモックする
HTML アプリをテストするには、ルートをモックする必要があります。これまでのところ、設定のオーバーライドを使用して、Chrome 開発者ツールで 1 つの位置をシミュレートできました。ソロポイントだけでなく、トラックをシミュレートする必要があります。
ウェブでトラックをモックする方法はありますか?
Android ではロケーション モッキング サービスを使用して検索できることがわかりました。その機能が必要ですが、Web では必要です。
これまでのところ、マップをクリックしてオンザフライで作成できる位置でテストしてきました (アプリがマップを表示します) が、それを自動化したいと考えています。
開発ツールで見逃したプラグインや機能はありますか?
更新:最近、Chrome 開発ツールでオーバーライド値を変更すると、読み取った値が即座に変更されることがわかりました (以前にどのように試したかわかりません ....)。これは一時的な解決策ですが、多くのポイントを持つルートをテストするのは面倒です。
javascript - Firefox Inspector の Walker はどのように機能しますか?
Firefox では、modules/devtools/inspector/inspector-panel.js の先頭に、このスニペットの最後に示されている「ウォーカー」への参照がいくつか表示されます。
この Promise がアドオン APIのどこにも文書化されているのを見たことがありません。
Firefox DevTools Inspector の DOM ツリー ビューで、特別なスタイルを追加したり、特定の要素にアイコンを追加したりするために使用できますか?
javascript - Firefox Devtools の Web コンソール オブジェクトはどこにありますか?
createMessageNode の戻り値を取得して変更し、Web コンソールの出力を変更して、Firefox Web コンソールに情報を挿入する方法を見つけました。
奇妙なことに、返された要素は、それらが表すオブジェクトにリンクする方法がないように見えますが、[object Array] をクリックすると、常に右にポップアップします。これはどのように接続されていますか？
補足として、パンくずリストを上方向にクリックしてスタック トレースのどこから来たかを確認すると、一部の項目がデバッガーに表示されません。これはバグですか、それとも一部の JS モジュールがコンパイルされて、コンテンツがここに表示されないようになっていますか? [object Array] などと常に言うのではなく、コンソール ラインに配列を追加するのは正しい場所ですか?
更新このコードは、上記のブランチで確認して実行できます: https://github.com/programmin1/DevTools-Tweaks/tree/webconsoleOutputBetter
css - FF「レスポンシブ デザイン ビュー」と Retina
Firefox の「レスポンシブ デザイン ビュー」を使用して、デスクトップで複数のモバイル デバイスをエミュレートするのが好きです。しかし、私は一つのことに疑問を持っています。
私が理解している限り、Retina 搭載の iPhone は 1 つの CSS ピクセルにつき 2 つの物理ピクセルを使用します。また、Firefox の「レスポンシブ デザイン ビュー」はそうではありません。つまり、iPhone 4 の画面を解像度 960x640 でエミュレートしたい場合は、実際には FF RDV プリセット 480x320 を使用する必要があります (iPhone 5 にはプリセット 568x320 を追加します)。右？
javascript - 私の Closure コンパイル済みソースマップの何が問題になっていますか?
here で説明されているように、Closure を使用して小さなテストをコンパイルしました。
私が持っている使用java -jar compiler.jar --js test.js --create_source_map ./test-min.js.map --source_map_format=V3 --js_output_file test-min.js：
HTML:
JS テスト-min.js:
JS テスト-min.js.map:
すべて同じフォルダにあります。ただし、Firefox も Chrome devtools も、ソースマップからコンパイルされていないソースを表示しません。何か間違ったことをしていますか、それとも最新の Closure コンパイラのバグですか?