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

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

8
ポップオーバー検査のためにChromeデバッガー/ DevToolsパネルの画面をフリーズしますか?
私はChromeインスペクターを使用してz-index、Twitterブートストラップポップオーバーの分析を試み、非常に苛立たせています... 表示されているポップオーバーをフリーズして、関連するCSSを評価および変更する方法はありますか? 関連付けられたリンクに固定された「ホバー」を配置しても、ポップオーバーは表示されません。

4
リダイレクトでChromeのネットワークデバッガーを使用する方法
Chromeネットワークデバッガーを使用すると、ページに読み込まれたすべてのHTTPリソースを確認できます。ただし、新しいトップレベルのHTMLページが読み込まれるたびにリストがクリアされます。これにより、何らかの理由で(スクリプトの実行または300応答)自動的に再読み込みされるページのデバッグが非常に困難になります。 新しいトップレベルのページが読み込まれたときにネットワークデバッガーをクリアしないようにChromeに指示できますか?または、前のページのネットワークリソースに戻って確認できますか? または、リダイレクトを実行しているデバッグしようとしているページを制御していないときに、新しいページをロードする前にChromeを強制的に停止させることはできますか?OpenIDのダンスの一部で問題が発生しているため、SSLと認証情報の組み合わせにより、コマンドラインツールでのデバッグが非常に困難になっています。


3
Chromeの「通常の再読み込み」、「ハード再読み込み」、「キャッシュとハード再読み込みを空にする」の違いは何ですか?
私は最近Chromeでこの新機能を発見しました: オプション1とオプション3の違いを理解できます。そのオプション2はおそらくその中間にありますが、どこにも正確な情報はありません。 3つのオプションのそれぞれの正確な動作を知っている人はいますか?


30
Chrome DevToolsデバイスは、プラグインされたときにデバイスを検出しません
https://developers.google.com/chrome-developer-tools/docs/remote-debuggingで説明されている手順に従っても、Samsung Galaxy S4でDevToolsデバイス機能を動作させることができないようです 私のデバイスにはChrome v32とChrome Beta v33が搭載されていますが、私のPCにはChrome v33とChrome Canary v35が搭載されています。 デバイスでUSBデバッグが有効になっていて、デバイスドライバーがインストールされています。上記のリンクのステップ3で概説されているように、RSAキーフィンガープリントを承認するためのプロンプトを受け取ったことはありませんが、デバイスはPCに接続してメディア転送を許可します。上記のリンクにあるように、私はすべてのUSBデバッグ認証を取り消しました。 Android開発用のPCに余分なものがインストールされていない可能性があります。この機能を利用して、デバイスの観点からWebページを検査します。

5
デベロッパーツールを使用してChromeのボタンまたは要素によって実行されるコードを見つける方法
Chromeと自分のウェブサイトを使用しています。 私が内側から知っていること: 1)このオレンジ色の画像ボタンをクリックして登録するフォームがあります。 2)検査しましたが、これがすべてです。 <img class="formSend" src="images/botoninscribirse2.png"> 3)ソースコードの一番上には、たくさんのスクリプトソースがあります。ボタンをコーディングしたので、ボタンがどれを呼び出すかがわかります。<script src="js/jquery2.js" type="text/javascript"></script> 4)そのファイル内で見つけることができます:$(".formSend").click(function() { ... });これは、ボタンによってトリガーされるもの(かなり複雑なフォーム検証を実行して送信するため)であり、私が欲しいのは、任意のWebサイトでChrome開発ツールを使用してそれを見つけられるようにすることです。 要素がどこを呼び出しているかを知るにはどうすればよいですか? [リスナー]タブが機能しませんでした。それで、私は安全な賭けのように思われたクリックイベントリスナーを探してみましたがjquery2.js、そこには何もありません(そして、コードがどのファイルであるか本当にわからないので、これらすべてをチェックするのに時間を費やしました。 。): ファイル$(".formSend").click(function() { ... });内の私の機能jquery2.jsはありません。 ジェシーはその理由を説明します: 「最後に、関数がクリックイベントハンドラーに直接バインドされない理由は、jQueryがバインドされる関数を返すためです。jQueryの関数は、いくつかの抽象化レイヤーとチェックを通過し、そこのどこかで、関数を実行します」 あなたの一部が示唆したように、私は下の1つの答えで機能する方法を集めました。

11
ChromeでJavaScript関数定義を見つける
Chromeの開発者ツールはすばらしいですが、(私が見つけることができた)Chromeにないように見えることの1つは、JavaScript関数の定義を見つける方法です。多くの外部JSファイルを含むサイトで作業しているので、これは私にとって非常に便利です。確かにgrepはこれを解決しますが、ブラウザでははるかに優れています。つまり、ブラウザはこれを知っている必要があるので、公開してみませんか?私が期待したのは次のようなものでした: [要素]タブの行を強調表示するページから[要素の検査]を選択します 行を右クリックして、「関数定義に移動」を選択します。 正しいスクリプトが[スクリプト]タブに読み込まれ、関数定義にジャンプします まず、この機能はありますか? そうでない場合、これはWebKitによるものだと思いますが、開発者ツールの機能リクエストやWebKitのBugzillaについては何も見つかりませんでした。

5
Chromecast拡張機能がインストールされていないか、シークレットモードを使用している場合、Google Chromecast送信者エラー
ChromeシークレットでChromecast送信者を実行中にエラーが発生するか、Chromecast拡張機能がインストールされていない場合: Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://boadgeojelhgndaghljhdicfkmllpafd/cast_sender.js Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://dliochdbjfkdbacpmhlcpmleaejidimm/cast_sender.js Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://hfaagokkkhdbgiakmmlclaapfelnkoah/cast_sender.js Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://fmfcbgogabcbclcofgocippekhfcmgfj/cast_sender.js Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://enhhojjnijigcajfphajepfemndkmdlo/cast_sender.js No cast extension found Googleキャスト送信者がローカルの "cast_sender.js"にAJAXリクエストを送信しようとしています。これが発生する必要がありますか、それとも(AJAXリクエストをリクエストするのではなく)Chromecast送信者拡張が存在するかどうかを確認するより良い方法がありますか? これらのAJAXリクエストは、Chromecast拡張機能が存在するかどうかを確認する方法の1つだと思います。Chromecast拡張機能が存在するかどうかを確認するより良い方法はありますか?

5
Google Chrome開発ツールのクロススタイルプロパティはどういう意味ですか?
Chromeの開発ツールを使用して要素を検査しているとき、要素タブの右側の「スタイル」バーには、対応するCSSプロパティが表示されます。時には、これらのプロパティのいくつかは取り消し線が引かれています。これらのプロパティはどういう意味ですか?

6
Chromeデベロッパーコンソールの奇妙なエラー-リソースの読み込みに失敗しました:net :: ERR_CACHE_MISS
私の知る限り、このエラーは昨日Chromeではスローされていませんでしたが、今朝の時点ではスローされています。ブラウザの設定は何も変更していません。スクリーンショットを添付しました(開発者ツールウィンドウを4回開いたり閉じたりした後): この問題は、スタックオーバーローの投稿に接線的に似ていますが、Chromeで「要素を検査」した場合にのみ発生することを除いて、Chromeでリソースを読み込めませんでした。ここに私が持っている詳細があります: 私の能力の及ぶ限り、私は昨夜(このエラーがなかったとき)以降に行ったすべてのことを元に戻しましたが、エラーは解決しません。<html> PHP以前のコードをすべて削除すると、エラーが消えます。 <html>PHP以外のすべてのpre- codeコードのみを削除する場合 <?php session_start(); ?> エラーが返されます。 エラーにはPHPが関係しているようなので、エラーログを確認しましたが、通知、警告、エラーはありません。開発者ツールウィンドウを閉じてから、ページを再読み込みせずにウィンドウを開くと、エラーの数が毎回1つ増えます。 ウィンドウを開いたままページを再読み込みすると、エラーをスローせずにページが再読み込みされます。ただし、開発者ツールウィンドウをもう一度閉じてから開くと(ページの再読み込みなし)、エラーがスローされます。Firebugを有効にしてFirefoxで自分のサイトをチェックしたところ、エラーがスローされず、Chromeの問題(バージョン38)のように見えました。それ以外の場合、私のサイトは正常に機能しているようです。Chrome経由で閲覧されたデバイス上の他のサイト(Yahooなど)でもこのエラーが発生します。 また、数か月前からブラウザの設定を手動で変更していません。追加のメモとして、これは昨年Chromeで発生した2番目の奇妙なエラーです(スタックオーバーフローの質問Failed to load resource:net :: ERR_NETWORK_IO_SUSPENDEDを参照)。賞金が提供されました。 このエラーを防ぐ方法はありますか、それともブラウザのみの問題ですか?余談ですが、ChromeでStack Overflowの開発者ツールを開いてもエラーは発生しないため、Stack OverflowがPHPでコーディングされていないか、このエラーを回避する方法があります。私のサイトは影響を受けていないと思いますが、100%確信が持てず、緊張しています:)

13
新しいタブ/新しいウィンドウが開いたときにChromeデベロッパーツールを自動的に開く
リンクをクリックすると新しいウィンドウで開くHTML5アプリケーションがあります。ネットワーク通信をログに記録してデベロッパーツールを起動するたびに、Shiftキーを押しながらIキーを押すことに少し疲れています。起動時に開発者ツールを常に有効にするオプションを見つけることができませんでした。 Chromeで新しいウィンドウを開いたときに自動的に開発者ツールを開く方法はありますか?

5
Chromeデベロッパーツールを新しいウィンドウで開く方法
Chromeデベロッパーツールを使用しようとすると、新しいウィンドウで表示できなくなったようです。 これはバグですか、それとも本当にアップデートの意図した変更ですか? Chromeデベロッパーツールを新しいウィンドウで開くにはどうすればよいですか? これが私が話していることのスクリーンショットです。

15
ChromeのスクリプトデバッガーにJavaScriptの再読み込みを強制する方法
私はChromeデバッガーでJavaScriptを編集する機能が本当に好きですが、デバッガーがサーバーからJavaScriptを再フェッチするのは非常に難しい場合があることに気づきました。 デバッガーを閉じてフレームをリロードするだけでも問題ない場合もありますが、それ以外の場合(これが発生する状況下でピン留めできない)一時インターネットキャッシュをクリアする必要があります。ときどき、Chromeを完全に閉じてキャッシュをクリアし、ページをロードしてからデバッガが最終的に最新のスクリプトを表示しなければならないことを誓います。 (注:Webサーバーによるスクリプトのキャッシュはありません) 私は誰かがデバッガにそのすべてのJavaScriptを無効にしてページの再読み込み時にすべてをフェッチするように指示する迅速かつ簡単な方法を知っているのだろうかと思っていましたか?

2
Chrome開発ツールの[ネットワーク]タブに表示される「リクエストペイロード」と「フォームデータ」の違いは何ですか
OverаэтотвопросестьответынаStack Overflowнарусском:чемотличаетсяRequest PayloadотFormDataвjs 私がサポートしなければならない古いWebアプリケーションがあります(私が作成しなかったものです)。 フォームに入力して送信すると、Chromeの[ネットワーク]タブを確認すると、通常は[フォームデータ]が表示される[リクエストペイロード]が表示されます。2つの違いは何ですか?一方が他方の代わりにいつ送信されるのですか? これをグーグル化したが、これを説明する情報は実際には見つかりませんでした(「リクエストペイロード」の代わりに「フォームデータ」を送信するようにJavaScriptアプリを取得しようとしている人々だけです。

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