問題タブ [opera-dragonfly]

私はWindowsPCでOperaを使用しており、デバイス用に開発しています。デバイスにtelnetで接続し、ブラウザを手動で実行すると、ブラウザの出力が得られます。

DragonflyとOperaコンソールの両方にメッセージをトレースすることは可能ですか？コンソールにwindow.alert（）メッセージが表示されますが、PCのDragonflyとデバイスのOperaの両方で、より簡単なデバッグとステータス追跡のためにメッセージをトレースしたいと思います。

オフライン モード (コンピューターがインターネットに接続されていない) の場合、Opera の開発者ツール (別名 Dragonfly) にアクセスできないことに気付きました。メニューからそれらを選択すると、Opera はしばらく考えてから接続エラーを表示します。

インターネットに接続せずに開発者ツールを使用する方法はありますか?

Opera Dragonfly の [Network] タブを見ると、POST されたパラメータや RESPONSE コンテンツが表示されません。ここに私が見るものがあります：

Dragonfly で、サーバーに送信されたパラメーターとサーバーからの実際の応答を調べる方法はありますか?

私はブラウジング用の Opera ユーザーであり、開発用の Firefox ユーザーです。Firebug なしでは仕事ができず、他のツールは私には合いません。Opera のギークは 、Firebug とほぼ同じ目的 (JS デバッガー、DOM/CSS インスペクター、JS コンソール、ページ負荷分析など) のDragonflyの使用を提案することがよくあります。Dragonfly を試しましたが、次の理由で Firebug に戻りました。

• Firebug は Dragonfly よりも高速にロードされます (要素を検査する場合など)。
• Dragonfly には、css の一部のプロパティをすばやく無効にする方法がありません (または私が見つけていません)。FB では、小道具の横にあるアイコンをクリックするだけです。それはすでに持っています。

FBやその他のツールの代わりにDragonflyを使用している人はいますか? なぜだめですか）？これら 2 つのツールの主な違いは何ですか?

Firebug のアーキテクチャを詳細にカバーし、アーキテクチャ内のさまざまなコンポーネントが何であるか、および Firefox の実行中にそれらがどのように相互作用するかを示す記事を探しています。

このように: http://dev.opera.com/articles/view/opera-dragonfly-architecture/

私はデバッグにオペラトンボを使おうとしています。それはかなりいいようですが、おそらくここで間違ったことをしているのでしょう。最初の問題はconsole.log（）メソッドにあります。

1. 私のJavaScriptコードには、次のようなものを入れていますconsole.log(someVariable)
2. エラータブを見ると、[object MouseEvent] [object]などのレポートしか表示されません。

私は通常、変数の型をすでに知っているので、ほとんどの場合、それは完全に役に立たない情報です。私はそれを間違って使用していますか？複雑な変数に関する詳細情報を確認するにはどうすればよいですか？

JavaScriptコードでconsole.trace（）を使用して、便利な干し草スタックを期待していますが、何も起こりません。トンボコンソールを開いてコマンドを使用すると、console.trace(something)常にundefinedが返されます。トンボのドキュメントが目の前にあるのでかなりイライラしますが、ほとんどのコンソールメソッドは私にとって何の役にも立たないようです。私はそれを間違って使用していることを本当に望んでいます。

Dragonflyから本当に役立つ情報を抽出する方法を知っている人はいますか？

スクリプトデバッガーに表示されるスクリプトの数を減らすまたはフィルタリングする方法はありますか？Chromeでは、すべてのスクリプトブロックではなく、スクリプトを含むファイルが表示されます。

また、インラインスクリプトにデバッグポイントを設定してコードを確認すると、ページが再読み込みされ、ドロップダウンで最初のスクリプトが選択されます。次に、すべてのブレークポイントをリセットする必要があります。

全体的にOperaはかなりクールなようですが、これらのいくつかの煩わしさを回避する方法を見つける必要があります。

FirefoxがWebアプリケーション開発者向けの効率的なツールとしてFirebugを使用しているように、Web開発者向けの同様のツールがOperaにあるのではないかと思います。

私は FireFox で開発している UserScript (=Greasemonkey) を書いていますが、Opera、FF、および Chrome で動作します。スクリプトを他の言語に簡単に移植できるように、すべてのテキストを変数に置き換えて、Firefox でスクリプト全体を変更しました。現在は Opera で実行されなくなり、コンソール (Dragonfly) にエラーが表示されなくなりました。スクリプトはまったく何もしないので、Firefox では処理できても Opera では処理できない何らかの構文エラーがあるはずです。

前述のように、特定の FireFox 機能 (GM_*) は使用しません。スクリプト内の文字列を、新しい「変換」配列で定義された変数に置き換えただけです。

私のスクリプトを挿入するコード:

そう...

• Firefox では扱えるが Opera では扱えない JavaScript のものはありますか?

• または、UserScript でエラー コンソールを動作させることはできますか?

私はいくつかのグーグルを行い、これらのフォーラムを検索しましたが、機能するものは何も見つかりませんでした...

PS: 最初にこれを Opera フォーラムに投稿しましたが、SOF で「デバッグの回避策」を見つける方法を見つける可能性がはるかに高いと考えました。

PPS: その間、JS Lint の問題を突き止めようとしましたが、くしゃみをするとエラーが発生します。

私は、一般的な使用のためのブラウザとして Opera を長年使用しており、Firefox のさまざまな煩わしさから、Dragonflyを見てみることにしました。私が最初に思いついたのは、JavaScript をデバッグしているときに、スクリプトを 1 行ずつ実行するだけではうまくいかないことです。

私は ASP.NET を使用しており、私のスクリプトは単なるボタン クリック イベントです。関数の最初の行にブレークポイントを配置してボタンをクリックすると、期待どおりにブレークポイントがヒットします。迷っているのはここです。Dragonfly のウィンドウには、左上に 4 つのボタン (続行、ステップ イン、ステップ オーバー、ステップ アウト) があります。[ステップ オーバー] をクリックするか、F10 キーを押すと、デバッガーが Firebug と同じように JavaScript をステップ実行することを期待していますが、関数の残りの部分をすぐにスキップするようです。[続行] をクリックするか、F8 キーを押しても同じことが起こります。[ステップ イン] をクリックするか F11 キーを押すと、jQuery JavaScript に降りていきますが、これは明らかに私が望んでいるものではありません!

ここで基本的な何かが欠けているだけですか？役立つ場合は、Opera 11.52 を使用しています。

私が作業している環境についてさらに情報を追加するために、14 行目にブレークポイントが設定されたボタン クリック イベントのスクリーンショットを次に示します。ブラウザーでボタンをクリックすると、実行が期待どおりに一時停止します。

ここで、行番号 15 に移動するだけのキープレスが存在することを期待します。Firebug と IE Dev Tools では、キーを押すのは F10 です。ただし、Dragonfly では、F10 は残りの JavaScript コードをスキップするように見えます。同じことが Shift+F11 にも当てはまります。F11 だけで jquery.js のこの部分にたどり着きますが、前述のように、私が行きたい場所ではありません。