DevTools (Chrome)
ブラウザ内蔵の強力な開発者ツール群。DOM操作、ネットワーク分析、パフォーマンス測定でWeb開発を革新します
コンソール操作を効率化し、JavaScriptコードの実行とログ分析を高速化するショートカット
Ctrl+Shift+J
コンソールパネルを開く
JavaScriptコンソールパネルを直接開きます。
💡 覚え方: JavaScript Console
🎯 コンソールパネルを直接開いて、JavaScriptコードの実行を即座に開始できる
Ctrl+L
コンソールをクリア
コンソールの内容をすべてクリアします。
💡 覚え方: Clear(クリア)
🎯 コンソールをクリアして、新しいデバッグセッションをクリーンな状態で開始できる
Ctrl+`
コンソールにフォーカス
コンソールにフォーカスを移動します。
💡 覚え方: ` = バッククォート
🎯 コンソールにフォーカスを移動して、素早くコマンド入力を開始できる
Shift+Enter
複数行入力
コンソールで複数行の入力を強制します。
💡 覚え方: Shift+Enter = 改行
🎯 複数行のコードを入力して、複雑なJavaScriptコードを実行できる
Ctrl+F
パネル内を検索
現在のパネル内でテキストを検索します。
💡 覚え方: Find(探す)
🎯 コンソール内のログを検索して、特定のエラーや情報を素早く見つけられる
Escape
ドロワーを切り替え
コンソール等が表示される下部ドロワーの表示/非表示を切り替えます。
💡 覚え方: Escape = 閉じる/開く
🎯 コンソールドロワーの表示/非表示を切り替えて、作業スペースを最適化できる