Google Chrome：リソースを表示するキーボードショートカット/要素を検査しますか？

Google Chromeには、ページ要素をクリックして[要素の検査]を選択するFirebugのような機能があります。

私は常にリソースビューにジャンプしてHTTPリクエストを確認しています。

このツールを開くためのキーボードショートカットはありますか？

google-chrome

— フランカデリック
ソース

公式ドキュメント＆もっと便利なショートカット：Chromeデベロッパーツール：キーボードショートカット

— ミハル・マウ

役立つ情報を次に示します。code.google.com/chrome/devtools/docs/overview.html

— Furkan Ekinci

また、F12はUbuntuの上でChromeの点検要素ペインが表示されます

— ディラン・マーフィー

回答:

Ctrl+ Shift+ IとCtrl+ Shift+がC機能することを発見しました。Firebugと同じです。

OS Xでは、Command+ Option+ IまたはCommand+ Shift+ Cです。

— RustyDev
ソース

horizensに感謝-私が探していたものだけ。同意したので、インスペクターは非常に良くなったので、Firebugはもう必要ありません。ブーバイ、FF。

— シャッカー

私の答えを変えました... Firefoxと同じショートカットを持つことは素晴らしいことです。

— フランカデリック

Cmd / Ctrl + Shift + Cも非常に便利です。特定の要素を選択して、コンテキストメニュー内を移動せずに検査できるからです。参照してくださいdevelopers.google.com/chrome-developer-tools/docs/shortcuts

— ジョー・リス

誰でもこのキーボードショートカットを変更する方法を知っていますか？Firebugでは、ショートカットを構成できます。それはクローム、ハードセットのようです。理由は、dvorakキーボードレイアウトを使用し、Cキーが左手から遠く離れているためです。

— マイケルバトラー

実際にNを押しながらページのどこかを右クリックすると、検査ウィンドウが開き、tnnnnnnnnheページでクリックしたコードに移動します。これを見つけました。

— ニックネーム
ソース

あなたのタイプミスは意図せず陽気です:)

— フランカデリック

ページの特定のポイントに対して+1（OPが一般的なウィンドウのみを必要としていた場合でも）。これは、マウスをポップアップメニューの下に移動することなく、マウスを正しい場所に置いたままにするホバーの問題に適しています。

— グッドアイ

@goodeye note：トグル要素の状態（矢印の付いたボックス）アイコンをクリックしてホバーをシミュレートします。「スタイルの」アコーディオンメニューの右側にあります。状態」

— ミスター

私の神、この間ずっと右クリックして「要素の検査」を行っていました。

— 悲鳴を上げる14年

@Myster、素敵なヒント、ところで、トグルデバイスモードはサイズ変更のみを行いますか？

— Pacerier

Ctrl+ Shift+ Iは、開発者ツールを開いて最後のセクションまで開きます。最後にリソースセクションにいた場合は、リソースが表示されます。

Inspect Element専用のキーボードショートカットはないと思います。これは、コンテキスト（マウスの位置など）に依存するためですか？

— ミスターホワイト
ソース

Frankadelicは、エレメントパネルではなく、リソースパネルにアクセスするために開発者ツールを本当に開きたいので、Ctrl + Shift + Iを使用するのが良いショートカットです。（Chromeのコンテキストメニューは、そう、非常にいくつかのオプションを持っている要素を点検し、右クリックして一般的な方法の人々はマウスで開発者ツールのいずれかになってお勧めです。）

— Bavi_H

Bavi_H、それは正しい。

— フランカデリック