タグ付けされた質問 「google-chrome-devtools」

Chrome DevToolsは、Google Chromeに組み込まれたWeb開発ツールです。

6
chrome-devtoolsで実際にすべてのJSソースを検索できますか?
chrome dev-toolsでJSファイルを検索する際に問題が発生しました。過去にCtrl+ Shift+でアクティブ化された検索でF常に必要なものが見つかりましたが、最近(どの更新がこれをトリガーしたのか正確にわかりません)、検索がつかまらない インラインスクリプトタグのJS iframe内のJS。 インラインスクリプトが含まれていると、コールスタックがめちゃくちゃになっていることもわかりましたが、これらの問題についてグーグルしようとすると、dev-toolsのドキュメントページが表示されますが、他の誰かがこれらの問題に気づいていますか?私はこれが以前にうまくいったと想像しただけですか?

5
Chromeデバッガーが閉じたローカル変数が未定義であると考えるのはなぜですか?
このコードで: function baz() { var x = "foo"; function bar() { debugger; }; bar(); } baz(); 私はこの予期しない結果を得ます: コードを変更すると: function baz() { var x = "foo"; function bar() { x; debugger; }; bar(); } 私は期待される結果を得ます: また、eval内部関数内で呼び出しがある場合は、必要に応じて変数にアクセスできます(何に渡すかは関係ありませんeval)。 一方、Firefox開発ツールは、両方の状況で予想される動作を提供します。 デバッガーがFirefoxよりも便利に動作しないのは、Chromeでどうなっていますか。私はこの動作をしばらくの間、バージョン41.0.2272.43ベータ(64ビット)まで観察しました。 ChromeのJavaScriptエンジンは、可能な場合に関数を「フラット化」するのでしょうか。 私は第二の可変追加すると面白いされ、内側の関数で参照し、x変数はまだ定義されていません。 対話型デバッガーを使用する場合、スコープと変数の定義に癖があることがよくありますが、言語仕様に基づいて、これらの癖に対する「最善の」解決策があるはずだと私は思います。だから私はこれがFirefoxよりもさらに最適化されているChromeによるものかどうか非常に興味があります。また、これらの最適化は開発中に簡単に無効にできるかどうか(開発ツールが開いているときに無効にする必要があるかもしれませんか?) また、ブレークポイントとdebuggerステートメントでこれを再現できます。

6
AndroidフォンのChromeで開発者ツールコンソールを開くことはできますか?
AngularJSアプリケーションはデスクトップでは正常に動作しますが、モバイルでは適切にレンダリングされません(実際のコードが表示されています)。これはAndroidフォンです。 コンソールに表示されているエラーを確認したいのですが。 モバイルのChromeアプリ(デスクトップのように)でJSコンソールを開くことはできますか?


5
Chromeウェブインスペクターのネットワークタブで拡張機能リソースを非表示にすることはできますか?
Chromeウェブインスペクターでページのダウンロードされたリソースを表示すると、特定の拡張機能からリクエストされたHTML / JS / CSSも表示されます。 上記の例ではindicator.html、indicator.jsとindicator.cssは実際には私のアプリの一部ではなく、読みやすさのChrome拡張機能の一部です。 これはこの特定の状況ではそれほど大きな問題ではありませんが、より複雑なページでいくつかの拡張機能がインストールされていると、かなり混雑する可能性があります。 このリストから拡張機能関連のリソース(つまり、chrome-extension://プロトコルを使用する要求)をフィルターで除外する方法があるかどうか疑問に思っていました。 誰が私がこれを達成できるか知っていますか?

1
HTML Bodyは、Chromeのデベロッパーツールでcz-shortcut-listen =“ true”と言っていますか?
作成中のHTMLコードをテストしていて、Google Chromeバージョン22.0.1229.94 mで開発者ツールを使用し<body>ているときに、タグに属性があることを確認しましたcz-shortcut-listen="true"(もちろん、コードにはありません)。それはどういう意味ですか、なぜ表示されるのですか?(私はそれをグーグルで調べてみましたが、関連するものは何も見つかりませんでした)

3
Chrome開発ツールの人間が読めるJavaScript
Chrome開発者ツールがJavaScriptを人間が読める形式にフォーマットできるかどうか誰かが知っていますか?ある種の美容器は便利でしょう。私がいくつかのJSライブラリを使用していて、そのオブジェクトをインスタンス化する必要があるとしましょう。これにより、コンストラクターに何を入れるかを知る必要があります。しかし、Chromeデベロッパーツールのユーザーインターフェースに4行あるこの巨大なライブラリを検索するのは非常に面倒です... それ以外の場合、サーバー側では、縮小されていないJavaScriptファイルを提供する「開発モード」を実装する必要があります...

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

7
返されたコンテンツにヘッダーContent-Type:text / htmlがある場合でも、Chrome開発ツールは応答を表示できません。charset = UTF-8
返されたコンテンツのタイプがtext / htmlの場合、Chrome開発者ツールが「応答データを表示できませんでした」と表示して応答するのはなぜですか? 開発者ツールで返された応答を確認する代替手段は何ですか?


9
Chrome開発ツール:JavaScriptの[VM]ファイル
JavaScriptファイル(jaydata.js)にブレークポイントを追加し、「次の関数呼び出しにステップオーバーする」を押していました。それが次のような行になったとき: }, 「[VM](8312)」というタイトルの別のファイルがポップアップしました。「次の関数呼び出しにステップオーバー」をクリックし続けたところ、画面は次のようになりました。 「[VM](XXXX)」というこれらの奇妙で神秘的なスクリプトは何ですか、またどこから来たのですか?

1
クライアント側でのみ{} + {}がNaNになるのはなぜですか?Node.jsにないのはなぜですか?
一方では[] + []、空の文字列で[] + {}あり"[object Object]"、かつ{} + []あります0。なぜ{} + {}NaNなのですか? > {} + {} NaN なぜ私の質問ではありません({} + {}).toString()されて"[object Object][object Object]"いる間NaN.toString()で"NaN"、この部分はすでにここに答えを持っています。 私の質問は、これがクライアント側でのみ発生するのはなぜですか?サーバー側(Node.js){} + {}は"[object Object][object Object]"です。 > {} + {} '[object Object][object Object]' まとめ: クライアント側: [] + [] // Returns "" [] + {} // Returns "[object Object]" {} + [] …


6
Chrome開発者ツール:View ConsoleとSourcesのビューを別々のビュー/垂直に並べて表示しますか?
Chrome開発者ツール:ConsoleタブとSourcesタブを別々のビューで表示する方法はありますか?私はしばしばこれらの両方を同時に見たいと思います。 タブEsc上で押すと、下部のSources小さなビューが表示さConsoleれます。しかし、私は同時に両方のより大きな見方を望んでいます。これは可能ですか? そうでない場合、これはChrome拡張機能でできることですか? 編集: 明確化- 開発ツールウィンドウのドッキングを解除する方法を知っています(これが私のデフォルトのセットアップです)。ただ、貪欲Iの推測であると思って、私はさらに分割することができる場合Sourcesと、Console別のドッキングウィンドウに(または非常に少なくとも、同じウィンドウに垂直自分の意見分割を持って、代わりに水平方向のように押しEscています)


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.