問題タブ [google-chrome-devtools]

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

google-chrome - とにかく、インスペクターアイコンをChromeデベロッパーツールバーの上部に移動しますか?

モニターをポートレートモードで実行しているので、非常に高い/垂直の画面解像度(1440 x 2560)があります。インスペクターツールを使用してDOM内の要素を選択する必要があるたびに、モニターの一番下までスクロールしなければならないのは本当にイライラします。

Firebugのようにツールバーの上部に移動する方法を知っている人はいますか?(彼らはそれを一番下に移動したので、Firebugに似て見えないようにしようとしていたと思いますか?-これがより良い理由はないようです)

この方法でもインスペクターを起動できるように設定できるショートカットはありますか?

0 投票する
8 に答える
18144 参照

javascript - ChromeがjQuery内のある行で一時停止しているのはなぜですか?

Chrome Inspectorを開いてウェブアプリを更新するたびに一時停止し、jQuery内の奇妙な線を指す大きな赤い矢印アイコンが付いた[ソース]タブに移動します。

そうか

デバッガーで一時停止

ウィンドウの上部中央にあり、

例外で一時停止:DOMException

[ソース]タブの[コールスタック]で。

私の知る限り、ブレークポイントを設定したことはなく、このコードは以前に例外をスローしていませんでした。では、何が起こっているのでしょうか。

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

google-chrome-devtools - Chromeのデバッガコンソール内で独自のスクリプトを実行しますか?

同じコマンドをChromeのデベロッパーコンソールに再入力するのにうんざりしています。ローカルマシンに保存したスクリプトをロードすることはできますか?

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

javascript - JavaScript を利用した Web サイトは大量のメモリを必要としますが、プロファイラーはヒントを提供しません

私の Web サイト (jQuery や Google Maps API v2 を含む JavaScript を使用) が 1 つのタブで 400 MB を超えるメモリを必要とする理由を調べようとしています。

私がこれまでに行ったこと:

  • Firefox と Chrome の両方で試しましたが、同じ問題が発生しました
  • マップ上にルートを作成する前とその後、Chrome のタスク マネージャーを確認しました
    • 変更前:タブ処理メモリ28MB(「プライベートメモリ」31MB、「共有メモリ」13MB)
    • 変更後: 550 MB のタブ プロセス メモリ (プライベート メモリで 557 MB、共有メモリで 13 MB)
  • Chrome 開発者ツールで作成されたヒープ スナップショット
    • 前と後のスナップショットは非常に似ており、どちらも約 12 MB のヒープ オブジェクトを示しています。

だからここに私の質問があります:「プライベート/共有メモリ」という用語は正確には何を意味しますか?それはスタック変数と関係がありますか? 大量の「プライベート」メモリ使用量をデバッグするにはどうすればよいですか? デバッグにどのブラウザを使用するかはあまり気にしません。

編集: 残念ながら、アプリケーションで GMaps ルートを作成するとメモリの問題が発生しますが、IE では正しく動作しないようです。そのため、Firefox/Chrome に制限されています。

編集 2: ツールを使用せずに問題を追跡しました (ツールを知っている人がいれば、まだツールに興味があります)。この問題はsomeGPolylineInstance.insertVertex(0, point)、「dblclick」イベントから where point is a lat/lng point を呼び出すと発生します。ポイントを挿入するたびに (ダブルクリック ハンドラーで発生する他のすべてをコメントアウトしました)、メモリ使用量は Chrome で最大 1 MB 増加します。これは Maps API の問題でしょうか?


ウェブサイト全体を掲載することはできないので、問題を示す最小限の例を抽出しました。現在、Chrome 10 で問題を再現できます。ルート ポイントをダブルクリックして追加すると、約 0.5 MB のメモリ使用量が追加されますが、一度に 50 ポイントを追加すると必要なメモリが少なくなります。同じことが発生したかどうか教えてください (例を「file://」として開くだけです):

0 投票する
1 に答える
187 参照

javascript - Javascript ボタン ハンドラー

誰が何が問題なのか教えてください:

Chromeインスペクターで表示されるエラーは次のとおりです。

キャッチされていない SyntaxError: 予期しないトークン <

以下は私のコードがどのように見えるかです:

0 投票する
1 に答える
1736 参照

javascript - Chrome 拡張機能 - ページの下部 (右上隅ではなく) にポップアップをロードしますか?

さて、拡張機能アイコンの下のページの右上にある小さなウィンドウにドロップダウンする拡張機能を作成する方法です。しかし、このbuzzgrow拡張機能のように、Webページの下部に新しいdivを作成するにはどうすればよいでしょうか: http://buzzgrowl.com/ ?

0 投票する
6 に答える
29113 参照

google-chrome - ショートカットキーでChromeコンソールをクリアする方法は?

Chromeブラウザ内のChromeデベロッパーツールの[コンソール]タブをクリアしたい。私は彼らがそのためのボタンであることを知っていますが、それを行うためのショートカットキーは何ですか?

Chrome開発者ツールまたはChromeショートカットのチートシートはどこにありますか?

0 投票する
1 に答える
1141 参照

eclipse - Eclipse用のGoogle Chrome Devツールを使用してJavaScriptをデバッグする方法

Eclipse に Google chrome dev tool プラグインをインストールしました。クロムjavascript(新しい構成)を介してデバッグを選択すると、ブラウザでタブを選択するように求められます。Javaデバッグパースペクティブを開きます。しかし、ブラウザタブでは何も起こりません。

0 投票する
1 に答える
836 参照

eclipse-plugin - Eclipse の ChromeDev Tool を使用して Chrome で JavaScript をデバッグする方法

現在のスクリプト パスで呼び出すことができるように、Eclipse 内から chrome を実行する方法がわかりませんでした。「ツールを実行する」ことと「まだ実行されていないデバッグ アプリケーションを自動的に実行する」ことには大きな違いがあります。ChromeでJavaScriptをデバッグする方法..

0 投票する
3 に答える
5417 参照

logging - Google Chrome が同一の console.log メッセージをグループ化するのはなぜですか?

Google Chrome にログインしている開発者ツール コンソールの動作を変更する方法を見つけようと、あらゆる場所を探してきました。私は不足しています。

コンソールは、デフォルトでは、ログに記録されるたびに表示されるわけではありません。同じメッセージがログに送信された回数を集計しているようです。これは、Web アプリケーションでワークフローを検証またはデバッグするためにアイテムをログに記録している場合には役に立ちません。

私がログに記録する場合:

私はそれを見ることを期待していますが、あなたが得るものはもっと似ています:

この動作を変更して、ログに記録されたすべての項目をコンソールに強制的に表示する方法はありますか?

ありがとうございました、

JDF