ワンコンテンツ

web制作とかiPhoneのこととか書いていきます

Mac Web/Design/Creative

GoogleChromeデベロッパーツールをファンクションキーで開く設定:Mac

投稿日:2019/4/12 更新日:

このエントリーをはてなブックマークに追加

サイトの制作や修整の際にいまやデベロッパーツールを使わない人はもういないと思います。サイトのチェックだけでなく、レスポンシブチェック、サイトのデータサイズチェック、JSの動作チェック、オーバーライド機能など多数の機能が含まれています。

ただなぜかMacの場合にはキーボードショートから起動方法が初期設定になっていて、起動する手間が多いのです。

WindowsならF12キーで起動するのですが、Macはなぜかコマンド+Shift+I(アイ)

問題なのは、Macではキーを3つ押さなければいけないことと、片手では押せない配置なので、起動させるたびにマウスから手を離さなければいけないという無駄な動きが起きてきます。

これが少しづつですがストレスに感じてきたので、Windowsのようにシステム環境設定を使ってファンクションキーで起動できるよう設定してみました。

スポンサーリンク

広告

システム環境設定から変更する

Chrome側では設定変更の箇所が見つからなかったので、システム環境設定のショートカットに設定を追加します。

環境設定変更を開いてキーボードを選ぶ

GoogleChrome側で設定変更できるかと思ったのですが、特に設定項目が見当たらなかったのでMacのシステム環境設定からGoogleChromeのショートカット設定を変更してみたいと思います。

まずはシステム環境設定を起動してキーボードのアイコンをクリックします。

スクリーンショット システム環境設定

ショートカットを選ぶ

システム環境設定のショートカットはMacのショートカットを設定変更するきのうがありますが、アプリケーションごとにショートカットを割り当てることもできます。

ショートカットを選びます。

スクリーンショット キーボード

左メニューのアプリケーションを選択してプラスボタンをクリック。

スクリーンショット ショートカット2

メニューが表示されるので「アプリケーション」のプルダウンから「GoogleChrome」を選択。

スクリーンショット ショートカット3

文字列の入力の注意事項

メニュータイトルの部分が少しわかりにくいので補足します。メニュータイトルの部分にはアプリケーションのメニュー項目で表示されている上書きしたい機能の表示文字列と同じものを入力します。、1文字でも異なると反応しないので、スペースなどの空白にも注意が必要です。

今回はデベロッパーツールを新しいショートカットで上書きしたいのでGoogleChromeのメニュー項目から文字列を確認。

メニューをよく見るとデベロッパーとツールの間にわずかに隙間が存在することがわかります。半角スペースが入っていました。

なので「メニュータイトル」欄には「デベロッパー ツール」と入力します。

キーボードショートカットの欄を選択した状態で新しく設定したいキーを押します。ファンクションキーだけでもOKですし、複数キー同時押しのショートカットも設定できます

今回は「F12」キーにしてみましたので、キーボードの「F12」キーを押しました。

「追加」を押すと完了します。

以上で設定の変更は完了となりますので、実際起動するかキーボードを押してみてください。

今回はF12で起動・非表示を制御できましたので成功です。

設定完了するとメニューも表示が変わります。

システム環境設定でショートカットー上書きするとアプリケーションのメニュー側も設定された新しいショートカットが表示されます。

スクリーンショット googleshrome設定画面2

フォントの大きさと位置が変なのは謎ですが。。。。

管理人のボヤキ

同じ理由で「ソースを表示」もファンクションキーに設定しました。これでもっと効率的にサイトの表示チェックができるようになりました。

ほかのアプリケーションやメニュー項目のキーボードショートカットを設定してみましょう。

created by Rinker
Apple(アップル)
¥15,246 (2019/06/12 22:50:36時点 Amazon調べ-詳細)

広告

広告

このエントリーをはてなブックマークに追加

-Mac, Web/Design/Creative
-, , , ,

執筆者:

関連記事

2018

2018年で最もアクセスされた記事まとめ

2018年も繰り返すところあと数日になりました。 今年の個人的な思い出としては第二種電気工事士の資格に挑戦して9月に無事取得できたことは大きな出来事だったと思います。おかげで受験勉強の期間中はブログの …

Web屋が使うGoogle Chrome エクステンションまとめ

仕事上ブラウザはよく使う方ですが、ウェブ制作するうえで必須だと思っているエクステンションをまとめました。 ページ内容の目次1 pasty2 Website IP3 FireShot4 Link Che …

新しい画面キャプチャショートカット:長くMacをつかっている人ほど知ってほしいショートカット

長年Macを使っていると使い慣れたショートカットで済ませてしまうこともよくあると思います。ただ、MacOSのアップデートで追加されたショートカットには便利なものがたくさんありました。 今回はいままで使 …

万能画像閲覧ソフト irfanViewがおすすめ:windowsだけよ

先日発表されたiOS11では画像の圧縮方式が変更され、データサイズは軽くなりましたが互換性に難ありな状態なので、対応していないソフトでは表示できない現象が起きてしまったそうです。 世の中には他にも画像 …

Searchイメージ写真

新しいSearch ConsoleでURLの削除申請をする方法:Google

GoogleにインデックスされているURLを削除しようとして新しいサーチコンソールを見てみたら、見つからない?どこにあるのか調べてみました。

検索

サイドAD02

AD