問題タブ [google-chrome-devtools]

私は拡張機能開発の初心者です。Webページにコードを挿入できる拡張機能を作成しようとしています。私はグーグルクロームコンテンツスクリプトを使用してこれを行おうとしています。しかし、私はfacebook.comまたはgoogle.comでこれを行うことができませんでした。yahoo.comで動作しているようです。これには理由がありますか？どうすればこれを回避できますか？

デバッグ目的で送信を強制したい。開発者ツールを使用して、javascriptまたはjqueryを使用せずにChromeでフォームを送信する方法はありますか？

ありがとう、マット

これが本当に質問なのか、観察なのか、それともバグなのかはわかりません。

JavaScript コード全体で、多くの console.log および console.group ステートメントを使用して、内部で何が起こっているかを追跡しています。コードは再帰も行うため、グループのインデントを正しくすることが非常に重要になります。

すべてのコード ブロックが実行されると、コンソールに構築されたツリーは深くなりますが、階層のルート レベルに戻ります。現在、ブロックが他のブロックを実行せず 、コンソールに何も記録されていない場合、インデントはコード ブロックを離れた後も +1 のままです。

変更

より一般的に言えば; console.group が呼び出されるたびに console.log を使用せずに console.group をネストすると、誤ったインデントが発生します。

ChromeDevTeam がchromedevtools の実装中に firebugコンソール APIを参照し、この動作が firebug でも同じであると想定していることを知っています。

誰かが同じ行動を経験したかどうか疑問に思いますか？この動作が期待どおりかどうかは誰にもわかりませんか? 最も重要な; このインデントの問題を解決するための回避策を知っている人はいますか? もちろん、グループを開くたびに何かを console.log に記録することもできますが、私に言わせれば、これは本当の考えではありません..

このトピックに関する有益な情報をありがとうございます。この質問がちょっと不自由な場合は申し訳ありません:(

//Nr2 を編集 -> 問題を説明するためにコードを更新しました。説明されているように、偽のインデントが生成されるようになりました（私が期待しているものに対して）。

私は Google Chrome 拡張機能を作成しており、40 年前に行っていた種類のコーディングから、HTML、CSS、および Javascript でのコーディングに移行しようとしています。これは大きな学習曲線ですが、コンソールのログ記録が少しあれば大いに役立ちます。(古い鉄心メモリの Sperry Univacs に緑色の蛍光体ディスプレイがあったことを覚えている人はいますか? 今では、何が起こっているかを知らせるコンソールがありました。テープをマウントするか、ディスクパックを交換するか、プリンターに用紙を追加します。) しかし、余談になります。 .

ほんの数日前、次のようにコンテンツ スクリプトまたはバックグラウンド ページから Google Chrome DOM Inspector コンソール ログにメッセージを送信できました。

console.log="コンテンツ スクリプト PEEK.JS からの要求を受け取りました";

後でそのコードが挿入されたページを調べると、コンソールにまったく同じメッセージが表示されます。その行が 4 回実行された場合、そのメッセージの 4 つのインスタンスがコンソールに順番に表示されます。シンプルだけど美しかった。

これで、「console.log」と入力しない限り、コンソールには何も表示されません。この場合、メッセージの最後のインスタンスのみが表示されます。ここで何が問題なのですか？デバッガーで何かをオフにしましたか? コードを間違って書いていますか？「console.log("Message Here");」- (これは常にエラーを返します) ?

私は文字通り何時間もかけてこの質問の答えを見つけようとしましたが、この質問は非常に単純であるため、十分な教育を受けた子供でも答えられるとしか思えません。別の方法は、暗示または警告メッセージからバグを見つけるために、より多くの時間を費やすことです。デバッグのためにインスペクターを効果的に使用する方法を学ぶことに何時間も費やしたほうがよいでしょう。

たとえば、昨日、バックグラウンドでコンテンツから各アイテムを連続して要求するのではなく、配列をコンテンツからバックグラウンドに渡すように、以前は機能していたコードを再構築した後、予想どおり、拡張機能が壊れました。コンソールには、「タブの executeScript 中のエラー: 不明なエラー」という 1 つのエラー メッセージが表示されます。同じ行の右端に「chrome/ExtensionProcessBindings:95」というリンクがあります。明らかに、エラーメッセージはほとんど役に立ちません。リンクをクリックするとリソース パネルが表示され、右側に "background.html" という単語が表示された空白のフレームが表示されます。これも役に立たないようです。

この情報はどのように役立ちますか? 変数定義をコード内の別の場所に移動したため、executeScript 行が実行された時点で定義されていなかったことを理解するのに、さらに 6 時間かかりました。executeScript でパラメーターが定義されていないというエラー メッセージが表示されていれば、約 10 分で見つけることができたはずです。

元の質問に戻ります-私は簡単な答えが欲しいです-関数を書くように言わないでください。関数を何も記述せずに、2 日前に欲しかったものをコンソールに表示しているのを見ました。

マウスオーバーで特定のDOM要素を強調表示して保存できるようになるまで、多かれ少なかれ要素の検査を実行する機能が必要です。これは、GoogleChromeデベロッパーツールの[要素]タブまたはFireBugの[HTML]タブと同義です。

これらのツールのようにDOMまたはペインを表示する必要はありません。XPATHまたはDOMオブジェクトが何であるかを知るだけで、（これらのツールのように）Webページ自体でそれを強調表示できます。これらのツールは現在、選択すると要素に陰影を表示します。

できればChromeでこれを実行したいと思います。リスナーを追加する方法はありますか？chrome.contextMenus.createで遊んだのですが、これではページにアクセスしたり、現在の場所を教えたりすることはできません。そこにあるselectedTextは、後日同じDOM要素に戻るのに役に立ちません。

マウスがどこにあるかを知ることができるAPIを知っている人はいますか？

注：ページにアクセスできません。つまり、拡張機能としてこれを行う理由は、私が管理しているページではなく、サードパーティのページを検査しているためです。

開発者ツールでは、私が取り組んでいる Web アプリで、コンソールに奇妙なエラーが表示されます。

「データを取得:」

それでおしまい。スタックトレースも何もありません。これはネットワーク呼び出しの失敗です。[ネットワーク] タブに表示されます。

リクエスト URL: データ:

リクエスト ヘッダー

リファラー: http://localhost/testapp/

ユーザーエージェント: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.30 (KHTML、Gecko など) Chrome/12.0.742.100 Safari/534.30

Firefox/Firebug ではエラーなし。Chrome がこの特定のリクエストを実行しようとした原因となった HTML/Javascript の行を特定するとよいでしょう。

about:blank を参照した場合は、スクリプト コンソールを開き、次のように入力します。

応答は、x.bind がネイティブ コードで実装されていることを示しています。

ただし、Web アプリのページでスクリプト コンソールを表示して同じステートメントを実行すると、x.bind がネイティブに実装されていないように見えます。

この実装がこのように切り替わる原因は何ですか? これを引き起こす可能性のあるJavaScriptで設定している可能性のあるものはありますか? ページで jQuery を使用していますが、影響はありますか?

私が取り組んでいる大規模なJavaScriptの重いWebアプリがあります。XHR応答とコンソールログのChromeDevToolsからの応答時間が非常に遅い（3〜5秒）。実際のアプリは高速で応答性が高く、開発ツールだけが問題を抱えているように見えます。

私のアプリが成長するにつれてChrome開発ツールが遅くなっている理由を誰かが知っていますか？

ASP.NETMVC3Webサイトを構築しています。.cshtmlファイルにJavaScriptがあります。

Google Chromeの組み込みデバッガーは、このjavascriptスニペットを認識しないため、デバッグできません。

Google Chromeの組み込みデバッガーでこのJavaScriptスニペットにブレークポイントを設定するにはどうすればよいですか？

Webkit ブラウザーのコンソールに表示されるこのエラーの原因はよく知られており、エラー テキストに明確に説明されています。

安全でない JavaScript が、URL www.example.com のフレームから URL iframed-content-example.com のフレームにアクセスしようとしています。ドメイン、プロトコル、およびポートが一致する必要があります。

ただし、エラーを引き起こす可能性のあるコード (広告、サードパーティのライブラリ、サイト固有のスクリプト) が多数含まれる大規模なサイトの場合、問題を生成したコード行を追跡してデバッグするには、エラー メッセージはあまり役に立ちません。クロスドメイン エラーが発生したときにスタック トレースをトリガーする方法はありますか?