2014/02/20
今さら聞けない!作業時間を短縮するChrome用ショートカットベスト・コレクション
ブラウザはChromeを使ってます。
そのChromeでサイトを制作したり、ブログを書いたりしているわけですが、ショートカットを知っているのといないのでは、作業時間に大きく影響します。
そんなわけで私が普段使っていて便利だなと思うChrome用ショートカットをベスト・コレクションという大仰なタイトルをつけてご紹介します。
なお、私がMacをメインにつかっているため、Windowsをご使用の場合は、option→alt, Command→Ctrl, Delete→Backspaceと変換してご利用いただけますと幸いです。
どうぞご容赦ください。
Chromeショートカット集
| ショートカット | 内容 |
| Command + t | 新規タブを開く |
| Command + n | 新規ウインドウを開く |
| Command + w | 現在アクティブになっているタブを閉じる |
| Command + shift+ t | 直近に閉じたタブを開く(10タブまで) |
| Command + shift+ n | シークレットウィンドウで開く |
| Command + ↑ | ページの先頭へ移動 |
| Command + ↓ | ページの最後へ移動 |
| Command + option+ → | 右隣のタブに移動 |
| Command + option+ ← | 左隣のタブに移動 |
| Command + d | ブックマークに登録 |
| delete | 一つ前に開いていたページに戻る |
| delete + shift | 一つ後に開いていたページに進む |
| Command + r | ページの再読み込み |
| Command + shift+ delete | キャッシュ・履歴のクリア |
| Command + f | ページ内検索ウインドウを開く |
| Command + g | キーワードと一致した次のワードを表示する |
| Command + shift + g | キーワードと一致した前のワードを表示する |
| Command + shift + リンクをクリック | リンクを新規タブで開いてアクティブにする |
| Command + shift + h | ホームを開く |
| Command + option + i | デベロッパーツールを開く |
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
これは便利!背景画像に使えるシームレスパターンを無料でコピー/ダウンロードできる「Transparent Textures」
こりゃ便利!というサービスがあったのでご紹介します。 WEBサイトを制作するときに背景画像などに利
-
-
ブラウザでプログラミング!ブラウザでコードが書けて実行・確認できるサービス14
ブラウザでコードが書けて実行・確認できるサービスをご紹介します。 サイトを実際に公開する前にテスト
-
-
シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11
CSS3を使えば、シンプルなコードなのに、ユーザーを「おっ!」と思わせる楽しい動きを簡単に実装できて
-
-
未知との遭遇!クリックするたび何かに役立つサイトを紹介する「Random Useful Websites」
クリックするたび何かに役立つサイトを紹介してくれるサイトをご紹介。 このサイト、まったく自分の興味
-
-
レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」
レスポンシブWEBデザインの確認に最適なツールをご紹介します。 このツールを使えば、スマホやタブレ
-
-
使える!2015年時点で最高の無料レスポンシブ用フリーテンプレート50+
2015年時点で最高の無料レスポンシブ用フリーテンプレートをご紹介します。 今回ご紹介する無料のH
-
-
UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」
UIデザインのリニューアルの前と後をひと目で比較できるギャラリーサイトをご紹介します。 Googl
-
-
一石二鳥!ベンダープレフィックスをブラウザ上で追加し、CSSのミスも指摘してくれる「Autoprefixer」
ベンダープレフィックスvendor prefixesをブラウザ上で追加してくれたうえで、CSSのミス
-
-
SVGベースのオリジナルなシームレスパターンを作ってダウンロードできる「Plain Pattern」
今回ご紹介するのはSVGベースのシームレスパターンを簡単につくれて、PNG形式でダウンロードできてし
-
-
JSを使わずにCSSだけで簡単にシンプルなパララックス効果をつける方法
JSを使わずにCSSだけで簡単にシンプルなパララックス効果をつけられる方法をご紹介します。 パララ
