← 用途別ショートカット一覧に戻る

ウェブ開発とデバッグに必要な開発者ツールを素早く活用する開発者向けショートカット

F12

開発ツール

開発ツールを開きます。

💡 覚え方: F12 で開発

🎯 開発ツールを瞬時に開いてWebページの構造を詳しく分析できる

Ctrl+Shift+C

インスペクター

要素を検査するインスペクターを開きます。

💡 覚え方: Check（検査）

🎯 インスペクターで要素を選択してHTMLとCSSを効率的に調査できる

Ctrl+Shift+K

ウェブコンソール

ウェブコンソールを開きます。

💡 覚え方: Konsole（コンソール）

🎯 ウェブコンソールでJavaScriptエラーや警告を素早く確認できる

Ctrl+U

ページのソース

ページのHTMLソースを表示します。

💡 覚え方: Under（下の）ソース

🎯 ページのHTMLソースコードを表示して構造を詳細に把握できる

Ctrl+Shift+S

スクリーンショット

ページのスクリーンショットを撮影します。

💡 覚え方: Screenshot（スクリーンショット）

🎯 ページ全体や選択範囲のスクリーンショットを簡単に撮影できる

Ctrl+Shift+P

プライベートウィンドウ

新しいプライベートブラウジングウィンドウを開きます。

💡 覚え方: Private（プライベート）

🎯 プライベートウィンドウで開発テストを行い、キャッシュの影響を排除できる

Ctrl+Shift+Del

最近の履歴を消去

最近の履歴を消去するダイアログを開きます。

💡 覚え方: Delete（削除）履歴

🎯 キャッシュや履歴をクリアして、クリーンな状態でテストできる

Ctrl+J

ダウンロード

ダウンロードリストを表示します。

💡 覚え方: Jump（ジャンプ）to downloads

🎯 ダウンロードリストを確認して、開発用ファイルの管理ができる