bff

フルスタックエンジニアを目指して学んだことなどを記録しています

MacのF12キーでDeveloper Toolsを起動する方法

Windowsでの開発に慣れているとMacでもF12で開発者ツール(Developer Tools)を起動したい衝動に駆られます。

以前設定をしたのですが、Mission Control周りを触った時に誤って設定が解除されてしまったので、備忘のために方法を残しておきます。

ちなみにこの設定を入れる前は、F12を押すとMission Controlのダッシュボードが開くようになってしまっていました。誰に需要があるのか謎の画面ですが、便利に使っている人がいたら教えて欲しいです。

  1. システム環境設定 > キーボードの設定を開く
  2. ショートカットキーのタブに移動する
  3. Mission Controlをリストから選択し、"Dashboardを表示”のチェックを外す
  4. アプリケーションを選択し、”+”を押す
  5. Google Chrome.appを選び、メニュータイトルに"デベロッパー ツール”と入れる
  6. キーボードショートカットの入力欄をクリックし、F12キーを押す

なお、5.のメニュータイトルの文字列を見て完全一致のものを探しているようですので、入力ミスにはご注意ください。 自分の環境では3まで実施すればF12で開くようになったので、4以降の手順はいらないかもしれません。(このときChromeでメニューバーのショートカットキーを確認すると、Command + Option + I になっていました。)