問題タブ [dom-inspector]

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 に答える
172 参照

mozilla - Fennec の dom インスペクタ フラグはありますか?

デスクトップの Fennec に Dom Inspector をインストールしましたが、cmd+shift+i ホットキーが機能する場合と機能しない場合があります (または忘れているのでしょうか?)。 Fennec が開いたときに dom インスペクタを開くために使用できるコマンド ライン フラグはありますか?

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

firefox - 既存のFirefoxアドオンの編集

私が取り組んでいるプロジェクトの1つでは、DOMInspectorを使用してFirefox拡張機能をデバッグする必要があります。

DOMインスペクターの問題は、コードの下にブラウザーが表示されるだけで、ブラウザーを切り離したり、コードセクションやブラウザーを並べて表示したりする方法がないことです。

デバッグしているプラ​​グインに大きなxulオーバーレイがあり、問題のある領域が下部にあるため、その領域のコードとその領域自体を物理的に確認する方法がないため、機能しませんでした。

そこで、DOM Inspector自体を変更して、ブラウザーをコードエディターの横に配置することにしました。

これが私が行ったステップです:

  1. プロファイルディレクトリから既存のxpiファイルを取得しました。
  2. zipに変更しました。
  3. inspector.jar中に入って、を使用して抽出しましたjar -xf <filename>
  4. 行ってhboxにinspectorOverlay.xul変更しました。<vbox id="bxInspectorMain">(これは、これら2つのウィンドウを水平に配置するのに十分なはずです。)
  5. 次に、を使用してjarファイルを再作成しましjar cfた。
  6. 名前が同じであることを確認してディレクトリを圧縮し、拡張子をxpiに戻しました。

ただし、実行しようとすると、次の警告が表示されます。

私の質問は、xpiが適切に解釈されるために、一般的に他にどのような変更を加える必要があるかということです。

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

firefox - Firefox用のChromeのようなDOMインスペクターはありますか?

FirefoxDOMInspectorは本当に嫌いです。ページにドッキングして2つの別々のウィンドウがなく、Chrome / Safariのようにボックス/マージン/パディングを強調表示するものはありますか?見つかりません。

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

firefox - Firefox Dom Inspector 2.x ブラウザー インターフェイス要素

[ファイル] メニューがあった古い DOM インスペクターでは、クロム ドキュメント (ブラウザー UI) 自体を選択して検査することができました。ただし、この新しいものでは、クロムドキュメントを検査する方法がわかりません。ブラウザのデバッグを有効にするにチェックを入れました。

ブラウザ UI の Dom をブラウズする方法を教えてください。

Firefox Dom インスペクター http://www.dragonwebprogramming.com/websites/temp/dom.gif

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

javascript - スクリプトの実行を一時停止しながら DOM を検査する

実行中に DOM を変更するコードがあり、コードの実行中に DOM を検査したいと考えています。問題は、スクリプトの実行を (ブレークポイントを使用して) 一時停止すると、Chrome が DOM の検査を妨げてしまうことです。

それを行う方法はありますか?

(具体的には、たとえば、アニメーション中に SVG 要素を検査したい)