問題タブ [firefox-developer-tools]

Firefoxに組み込まれている開発者ツール(右クリックしてからInspect ElementCSSを選択してアクセス)を使用して巨大なプロジェクトの一部を編集しようとしている場合、それらの変更を永続的にする方法はありますか?

実際には多数のスタイル シートがあり、その中でこの 1 つのプロパティを見つけることができませんでしたか? このプロパティを含むファイルが見つからなかったため、ブラウザ内から CSS に永続的な変更を加えたいと考えています。方法はありますか？

編集：-

Firefox 開発者ツールにいくつかの機能を追加する、Firefox 用のアドオンを作成しようとしています。Ember インスペクターに似ています ( https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/ )

Firefox 開発者ツールにタブを追加する Hello World アドオンの作成をガイドする、優れたチュートリアルまたはコードのサンプルはありますか。

前もって感謝します。

インスペクトボタンをクリックするとスクラッチパッドにオブジェクトのプロパティが表示され$ますが、 のようなものを入力してもインテリセンスは提供されません$(".something")。Ctrl + スペースが続きます。

これを機能させるための提案はありますか?

firebug 2.03、firebug autocompleter 1.4.1、firequery 1.4.1 を搭載した Firefox 32.0

明確にするために、これは DOM インスペクターからページへ、またはその逆の要素を見つけるという意味での強調表示ではありません。見たことのない動作ですが、普段は Chrome を使っています。

クリックを受け入れない、選択を許可しない、または基本的にフォーカスを取得しないテキストエリアをデバッグしています。ページ内のテキストエリアをクリックすると、インスペクタ内のいくつかの DOM ノードが強調表示され、1 秒後にフェードアウトすることに気付きました。強調表示されたノードはどれもテキストエリアではありませんでした。それらは本体を含むテキストエリアの親でしたが、テキストエリアと本体の間にあるすべての親である必要はありません。強調表示された両親の1人の兄弟もありました.

これは、Firefox が何かを伝えようとしているものの 1 つですが、私には何がわかりません。元の問題に対する答えは、おそらくこのハイライトに含まれているように感じます.

添付のスクリーンショットでは、選択された要素である青で強調表示されたテキスト領域と、他のいくつかの要素のかなり粗い色の強調表示を見ることができます。これは、テキストエリアをクリックした直後でした (インスペクタではなく、ページにテキストを入力しようとしていたように)

どういう意味ですか？

開発には Firefox を使用しています。

マウスをその上に置いたときに、どの CSS スタイルが A タグに追加されるかを確認したいと思います。Firefoxでこれを行うにはどうすればよいですか?

アップデート

タグを右クリックし、要素の検査を選択します。右下のペインに追加されたスタイルを確認できます。ただし、マウスを CSS ペインに移動してスタイルを調べると、追加された CSS スタイルが消えます。何かを中断する必要があるかもしれないことは理解していますが、それを機能させることができません。

ありがとう！

たとえば、次のようなものを含むハッキングされたスクリプトを含む HTML ページがあります。

しかし、このページが多数の縮小された JS を使用し、複数のファイルにまたがっていると仮定して、Chrome/Firefox 開発者ツールを使用して、複数のファイルからコードの上記のセクションを特定するにはどうすればよいでしょうか? つまり、実行を停止し、現在実行中の行で中断しますか?

私は Firefox 開発者ツールを使用して、クライアントからサーバーへのアプリケーション ネットワーク呼び出しを理解しています。この中で、[ネットワーク] -> [TImings] タブをチェックしています。

また、たとえば、待機時間が受信時間よりも価値が高すぎる場合、それが表すもの

待ち時間が長すぎる場合、それはサーバー側のコードがうまく機能していないことを意味しますか? 、この待機時間はサーバー側の処理に関連していることを意味します。サーバー側が要求を処理する速度はどれくらいですか?