51

コーディングしてて、スマホで確認したいとき、まずはchromeのスマホモードで確認するよね?
そうだよね?

26
 
要素の検証をおして左上のスマホみたいなアイコンをクリックしてiphone5とかに切り替えて確認する。

要素の検証を立ち上げるショートカットはよく使うが、その後、スマホモードにするのにいちいちマウスをさわりにいかないといけないのも面倒だったのでショートカットあるのかなって調べたらあった

このデバイスモード(device mode)を切り替えるショートカットは

⌘+shift+M

だから、htmlをブラウザで開いてスマホモードで閲覧するためのショートカットキーの流れは以下のようになる。

①要素を検証をたちあげる
⌘+alt+I



②デバイスモードを切り替える
⌘+shift+M



③リロードする(リロードしないと正しく表示しないことが多いため)
⌘+R


これを素早くできるようになるには訓練が必要だけど、5分もやれば身につけられるだろう。

さぁさっそくyahooにいってこの流れを10回やろう!

もっと強い戦士になるために。