タグ付けされた質問 「firebug」

かなり複雑で面倒なDOM操作を行うために、jQueryを使用するWebアプリケーションをデバッグする必要があります。ある時点で、特定の要素にバインドされた一部のイベントは発生せず、単に動作を停止します。 アプリケーションのソースを編集する機能がある場合は、ドリルダウンして一連のFirebug console.log()ステートメントとコメント/コメント解除コードを追加して、問題を特定します。しかし、アプリケーションコードを編集できず、Firebugまたは同様のツールを使用してFirefoxで完全に作業する必要があると仮定します。 Firebugは、DOMをナビゲートして操作するのに非常に優れています。しかし、これまでのところ、Firebugでイベントのデバッグを行う方法を理解できていません。具体的には、（Firebug JavaScriptブレークポイントを使用して変更をトレースする）特定の時点で特定の要素にバインドされているイベントハンドラーのリストを表示したいだけです。しかし、Firebugにはバインドされたイベントを表示する機能がないか、私が愚かすぎてそれを見つけることができません。:-) 何か提案やアイデアはありますか？理想的には、今日のDOMの編集方法と同様に、要素にバインドされたイベントを表示して編集したいだけです。

609 javascript  jquery  javascript-events  event-handling  firebug 

node.jsのsocket.ioとwebsocketsの違いは何ですか？ どちらもサーバープッシュテクノロジーですか？私が感じた唯一の違いは、 socket.ioを使用すると、イベント名を指定してメッセージを送受信できます。 socket.ioの場合、サーバーからのメッセージはすべてのクライアントに届きますが、websocketでは同じようにすべての接続の配列を保持し、それをループしてすべてのクライアントにメッセージを送信するように強制されました。 また、なぜWebインスペクター（Chrome / firebug / fiddlerなど）がこれらのメッセージ（socket.io/websocketから）をサーバーからキャッチできないのでしょうか？ これを明確にしてください。

459 node.js  google-chrome  firebug  websocket  socket.io 

の用途はconsole.log何ですか？ JavaScriptでの使用方法をコード例とともに説明してください。

414 javascript  firebug  console.log 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？ Stack Overflowのトピックとなるように質問を更新します。 3年前休業。 ほとんどのWeb開発者と同様に、マークアップがどのように構築されているかを確認するために、Webサイトのソースを時々見たいと思います。FirebugやChrome Developer Toolsなどのツールを使用すると、コードを簡単に検査できますが、分離されたセクションをコピーしてローカルで操作したい場合、個々の要素とそれに関連付けられているすべてのCSSをコピーするのは面倒です。そしておそらく、ソース全体を保存し、無関係なコードを削除するのと同じくらい多くの作業が必要です。 Firebugでノードを右クリックして、[このノードのHTML + CSSを保存する]オプションがあると便利です。そのようなツールはありますか？FirebugまたはChromeデベロッパーツールを拡張してこの機能を追加することはできますか？

403 html  css  internet-explorer  firebug  google-chrome-devtools 

ローカルJSONファイルをロードしようとしていますが、機能しません。これが私のJavaScriptコードです（jQueryを使用： var json = $.getJSON("test.json"); var data = eval("(" +json.responseText + ")"); document.write(data["a"]); test.jsonファイル： {"a" : "b", "c" : "d"} 何も表示されず、Firebugはデータが未定義であることを教えてくれます。Firebugで確認できjson.responseText、それは適切で有効ですが、次の行をコピーすると奇妙です。 var data = eval("(" +json.responseText + ")"); Firebugのコンソールで動作し、データにアクセスできます。 誰かが解決策を持っていますか？

322 javascript  jquery  json  firebug  local-files 

FirebugのようにGoogle Chromeで使用できるものはありますか？ 私が欲しい必須機能： HTMLソースの検査（要素の選択、削除など） CSS値をチェックします（組み込みのソリューションはどういうわけか奇妙です）

278 html  css  google-chrome  debugging  firebug 

新しい行を追加して現在の行を更新するために、HTMLテーブル内にいくつかのフォームを含めています。私が得ている問題は、開発ツールでフォームを検査すると、フォーム要素が開かれた直後に閉じられていることです（入力などはフォームに含まれていません）。 そのため、フォームを送信してもフィールドが含まれません。 テーブルの行と入力は次のとおりです。 <tr> <form method="post" action=""> <td> <input type="text" name="job_num"> </td> <td> <input type="text" name="desc"> </td> </form> </tr> どんな助けでも素晴らしいだろう、ありがとう。

239 html  firebug  html-table  forms 

私は最近Webサイトの印刷スタイルシートに取り組んでいて、効果的な方法で調整することに途方に暮れていることに気付きました。画面レイアウトで作業するためのリロードサイクルがあることの1つは次のとおりです。 コードを変更する コマンドタブ リロード しかし、印刷しようとすると、プロセス全体がはるかに困難になります。 コードを変更する コマンドタブ リロード 印刷する 印刷プレビュー画像で目を細める プレビューでPDFを開いてさらに検査する ここで見逃しているツールはありますか？WebKitのインスペクターには「これはページングされたメディアである」というチェックボックスがありますか？Firebug（震え）ができる魔法はありますか？

238 css  printing  firebug  google-chrome-devtools  web-inspector 

マウスが離れると消える要素をどのように検査できますか？ ID、クラスなどなんかわかりませんが調べてみたいです。 私が試したソリューション： コンソール内でjQueryセレクターを実行します$('*:contains("some text")')が、主に要素が非表示ではなく、おそらくDOMツリーから削除されたため、運がありませんでした。 DOMツリーの変更を手動で検査しても、何が変更されたかを知るには速すぎるように見えるため、何も得られません。 成功： イベントブレークポイントで成功しています。具体的には-私の場合はマウスダウン。Sources-> Event Listener Breakpoints-> Mouse-> mousedownChromeで移動するだけです。その後、検査したい要素をクリックし、中Scope Variablesにはいくつかの便利な指示がありました。

152 javascript  google-chrome  firefox  firebug  opera-dragonfly 

FirefoxのFirebugには、「プロパティの変更時にブレーク」と呼ばれる優れた機能があり、任意のオブジェクトの任意のプロパティをマークでき、変更の直前にJavaScriptの実行を停止します。 Google Chromeで同じことを達成しようとしていますが、Chromeデバッガーで関数が見つかりません。Google Chromeでこれを行うにはどうすればよいですか？

147 javascript  debugging  firefox  google-chrome  firebug 

現在のところ、この質問はQ＆A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 Firebugは、CSSを編集するために私が見つけた最も便利なツールです。なぜCSSに単純な「保存」オプションがないのですか？ 私は常にFirebugで微調整を行っていることに気づき、次に元の.cssファイルに戻って微調整を複製しています。 誰かがより良い解決策を考え出しましたか？ 編集：私はコードがサーバーに保存されていることを知っていますが（ほとんどの場合私自身ではありません）、私は自分のウェブサイトを構築するときにそれを使用します。 Firebugは、Firefoxがサーバーからダウンロードした.cssファイルを使用するだけで、どのファイルのどの行を編集しているかを正確に把握しています。新しい.cssファイルを保存できる「エクスポート」または「保存」オプションがない理由がわかりません。（私はそれからリモートのものを置き換えることができました）。 一時的な場所を調べて、[ファイル] > [ 保存...]を選択し、Firefoxで出力オプションを試してみましたが、それでも方法が見つかりませんでした。 編集2： 公式ディスカッショングループには多くの質問がありますが、回答はありません。

143 css  firebug 

私はこの小さなスクリプトを使用して、Firebugが開いているかどうかを調べています。 if (window.console && window.console.firebug) { //is open }; そしてそれはうまくいきます。現在、Google Chromeの組み込みのWeb開発者コンソールが開いているかどうかを検出する方法を見つけるために30分を探していましたが、ヒントは見つかりませんでした。 この： if (window.console && window.console.chrome) { //is open }; 動作しません。 編集： そのため、Chromeコンソールが開いているかどうかを検出できないようです。しかし、機能する「ハック」があり、いくつかの欠点があります。 コンソールがドッキングされていない場合は機能しません ページの読み込み時にコンソールが開いていると機能しません それで、今のところUnsignedの回答を選択しますが、some1が素晴らしいアイデアを思いついた場合、彼は引き続き回答することができ、選択した回答を変更します！ありがとう！

141 javascript  google-chrome  firebug  google-chrome-devtools 

IE用のコンソールロガーはありますか？一連のテスト/アサーションをコンソールに記録しようとしていますが、IEではこれを実行できません。

119 javascript  internet-explorer  internet-explorer-8  console  firebug 

Googleデベロッパーツールの[ネットワーク]タブが別のページへのリダイレクト後にクリアされ、すべてのリクエストを保持する方法があるかどうか知りたいのですが？ 1つのPOST要求を確認したいのですが、リダイレクトしてクリアされるため、これを行います。 firebugでは、「永続化」オプションを使用できます。 （「永続化」オプションを使用すると、ページの再読み込み時にコンソールがクリアされなくなります。つまり、このオプションが有効になっている限り、メッセージはコンソール内に残ります。） https://getfirebug.com/wiki/index.php/Console_Panel

108 google-chrome  firebug  developer-tools 

Webkit開発者ツール/ firebugコンソールで実行されるJavaScriptのコンテキストを変更して、ページのiframe内から実行されるようにコードを実行したいと思います。 別のページのiframeでページを開くことでこれを実行できることはわかっていますが、親フレームと対話する場所でコードを実行したいと考えています。

107 javascript  iframe  console  firebug