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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
無料で商用利用可のレスポンシブ/HTML5対応のテンプレートをまとめてくれている「HTML5 UP」
無料テンプレートを探すとき、どういう基準で探していますか? レスポンシブ対応? HTML5対応?
-
-
ナビゲーションだけが90以上!ナビゲーションメニューのプラグインやチュートリアルのコレクションサイト「NavNav」
ナビゲーションメニューのプラグインやデモ、チュートリアルが90以上コレクションされたサイトをご紹介し
-
-
全部無料!レスポンシブWEBデザイン制作を驀進させるレスポンシブ対応テンプレート121
2013年も気がつけば、もうあとすこしとなりました。 そんななか、無料で利用できるフリーのレスポン
-
-
twitterでのキーワードのひろがりを調べられるツール「twimp」
twitterでのキーワードのひろがりを調べられるツール「twimp」をご紹介します。 作成者した
-
-
CSSで表現されたスゴワザのテキストエフェクト&チュートリアル19
CSS3では、CSSでさまざまなテキストエフェクトを実現することが可能です。 今回は、CSSで表現
-
-
シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11
CSS3を使えば、シンプルなコードなのに、ユーザーを「おっ!」と思わせる楽しい動きを簡単に実装できて
-
-
UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」
UIデザインのリニューアルの前と後をひと目で比較できるギャラリーサイトをご紹介します。 Googl
-
-
画像URLを読み込むだけでCSSのfilterプロパティを試せる「CSS Filters Playground」
CSSで今後、ますます注目度が高まるであろうCSSフィルタ。 なにせお手軽にエフェクトをかけられる
-
-
CSSアニメーションを簡単・思いのままに作成できてしまう「Bounce.js」
最近のサイトではCSSアニメーションを使って、ユーザーに効果的な見せ方をしているサイトも増えてきまし
-
-
これは魅力的!CSSだけで実装できる無料の画像ホバーエフェクト22
CSSだけで実装できる魅力的な画像用のホバーエフェクトをご紹介します。 種類は全部で22種類です。
