あると便利なChrome拡張機能7つ

重宝しているChrome拡張機能7つTool

便利なChromeの拡張機能7つをメモ。

簡単にスクショが出来る「FireShot」

よく使う度 ★★★

ページ全体だけでなく、表示されている部分や、選択範囲のみをキャプチャ出来るのでとても便利です。

FireShot
「S」のアイコンをクリックしてキャプチャの種類を選ぶ

キャプチャしたものはそのまま画像やPDFとして保存・印刷などできるので少ない動作で済ませることが出来ます。

スクリーンショットを保存
少ない手順で完結

サイトの画像を一気にダウンロードできる「ImageDownloader」

よく使う度 ★☆☆

ページにある画像を一気にダウンロードできる拡張機能です。

ImageDownloader
下向き矢印を押すとページ内の画像が表示されます。

下向き矢印を押すとページ内の画像が表示され、必要な画像をダウンロードできます。

フォントがすぐにわかる「WhatFont」

よく使う度 ★☆☆

サイトで使われているフォントを知りたい時にマウスオーバーするだけで知ることが出来る拡張機能です。

WhatFont
「f?」をクリックしてフォントをマウスオーバーするとフォントの名前が表示される

簡単に色を知ることが出来る「ColorPickEyedropper」

サイトで使われている色を手軽に知ることが出来る拡張機能です。
マウスオーバーで文字や枠線など細かいものもすぐに知ることが出来、カラーコードも表示されるのでそのままコピペできます。

よく使う度 ★★★

ColorPickEyedropper
カラフルなアイコンをクリックして知りたい色をマウスオーバーする
カラーコード
クリックするとカラーコードが表示される

PCで見ているサイトをスマホで見る「QuickQRCodeGenerator!」

PCで見ているサイトをQRコードを表示させてスマホでもすぐに見ることが出来ます。

よく使う度 ★☆☆

QuickQRCodeGenerator!
黒い四角のアイコンをクリックするとそのサイトのQRコードが表示される

複数のタブを分割表示「Tab Resize split screen layouts」

複数開いたタブを分割で表示することが出来ます。

よく使う度 ★☆☆

青の矢印のアイコンをクリックすると分割の選択肢が表示される
タブが分割して表示された

スタイルをすぐに知ることが出来る「CSS Viewer」

Chromeのデベロッパーを使うほどでもなくすぐにフォントやスタイルを知りたい時に便利です。

よく使う度 ★★☆

CSS Viewer
アイコンをクリックするとマウスオーバーしたところのスタイルが表示される

コメント

タイトルとURLをコピーしました