DevTools のヒント: DevTools を開くさまざまな方法
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Chrome DevTools を開く方法はいくつかあります。好きなものを選びます。
右クリック > 検証
ページ上の任意の要素を右クリックし、[検証] を選択します。
![プルダウン メニューの [検査] オプション。](https://developer.chrome.com/static/blog/devtools-tips-15/image/the-inspect-option-the-d-62b7b93fd1e41.png?hl=ja)
> [その他のツール] > [デベロッパー ツール] を選択します。
![[その他のツール] メニュー。](https://developer.chrome.com/static/blog/devtools-tips-15/image/the-more-tools-menu-f7040195ebd6c.png?hl=ja)
ショートカット
キーボードを好む方のために、ショートカットのまとめを用意しました。
OS |
要素 |
Console |
最後に表示したパネル |
Windows または Linux |
Ctrl + Shift + C |
Ctrl + Shift + J |
F12 Ctrl + Shift + I |
Mac |
Cmd + Option + C |
Cmd + Option + J |
Fn + F12 Cmd + Option + I |
ショートカットを簡単に覚える方法:
- C は CSS の略です。
- J: JavaScript 用。
- I は選択した項目を表します。
Windows、Linux、MacOS で Chrome DevTools を自動的に開く方法については、新しいタブごとに DevTools を自動的に開くをご覧ください。
その他の情報
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2022-10-26 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2022-10-26 UTC。"],[],[]]