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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
WEBデザインのインスピレーションに!UIデザインのコードスニペットコレクション「CodeMyUI」
WEBデザインのインスピレーションになるUIデザインのコードスニペットがコレクションされた「Code
-
-
CSSアニメーションを使ったエフェクトライブラリー9
CSSアニメーションを使ったエフェクトは、プログラムを苦手とするWEBデザイナーや一般の方々に新しい
-
-
iPhoneもMacも簡単OK!CSSだけであなただけのAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device Generator」
CSSだけでAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device
-
-
レスポンシブ対応済みサイトがApple Watchに対応しているかどうかがわかる「the ultimate responsive test」
Apple Watchがいよいよ発売になります。 ところで、あなたのレスポンシブ対応済みのサイトは
-
-
CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」
CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自
-
-
今この瞬間もサイバー攻撃が行われている!DDoS攻撃を可視化する「Digital Attack Map」に戦慄
戦慄を覚えるマップです。 サービス自体は1年前に公開されていましたが、海外で再び注目され、私自身が
-
-
背景画像をフルスクリーン&レスポンシブ対応にする方法
背景画像をスクリーンいっぱいに表示しているサイトが増えているとはいえ、いま見てもインパクトがあります
-
-
文字をカラフルに!CSSとjQueryでテキストを2〜3色で表現してしまう「HalfStyle」
CSS3やWEBフォントの登場でテキスト回りの装飾がお手軽になってきましたが、1文字をだけを2〜3色
-
-
トップ固定でレスポンシブ対応のナビゲーション/メニューを簡単に実装できる「Fixed Nav」
トップ固定で、レスポンシブ対応のナビゲーションが増えていますね。 これだけ増えてくると、トップ固定
-
-
コピペOK! 画像のホバーエフェクトを簡単にアニメーションさせられるimagehover.css
画像や写真にマウスを重ねたときに、アニメーションのエフェクトがかかっていると、それだけで洗練された印
