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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
一石二鳥!ベンダープレフィックスをブラウザ上で追加し、CSSのミスも指摘してくれる「Autoprefixer」
ベンダープレフィックスvendor prefixesをブラウザ上で追加してくれたうえで、CSSのミス
-
-
CSS3を知らなくてもOK!便利すぎるCSS3関連ツール&ジェネレーター51
CSSを入力するときには、細かいプロパティを覚えていないと、作業がなかなかはかどりません。 特に、
-
-
CSSを丸裸にして見やすく統計的に整理してくれる「CSS STATS」
サイトのCSSを解析してくれるサービスってたくさんありますが、項目ごとに見やすくまとめてくれて、活用
-
-
便利すぎる!商用無料で高画質画像を配布するUnsplashがプレースホルダー画像生成サービスを開始
商用無料で高画質画像を配布するUnsplashがプレースホルダー画像生成サービスを開始しました。
-
-
SVGのシームレスパータンを生成できる無料のフリージェネレーター「PatternBolt」
簡単にWEBサイトの背景画像が作れてしまう無料ジェネレーターのご紹介です。 つくれるのは、SVG形
-
-
人気のHTML/CSSコードサンプル25+おまけ2 from CodePen
CodePenはHTML,CSS,JSのコードサンプル配布サイトです。 紹介されているコードの種類
-
-
レスポンシブWEBデザイン用ナビゲーション&メニューのベストパターン16
レスポンシブWEBデザインは当たり前の世の中になりました。 当たり前になるにつれて、レスポンシブW
-
-
無料で利用できるhtml5プレイヤー(jQueryプレイヤー)14(2013)
html5のお陰で、プラグインなしでビデオ、音楽を導入できるようになりました。 iPhoneは今後
-
-
CSSだけでブルブル震えるエフェクトを簡単実装!CSS Shakeを使ってみた
CSSだけでブルブル震えるエフェクトを簡単実装!CSS shakeを使ってみた すでにお気づき
-
-
コピペで完了!12種類のプログレスバーを簡単に導入できるPACE.js
すでに当サイトにも導入してみたのですが、お気づきでしょうか。 PC版で当サイトをご覧いただくと、画
