Google Chrome-WEBサイト制作の役に立つ!おすすめChrome拡張機能のまとめ

記事の要約

WEBサイトの閲覧や制作をより快適にしてくれるおすすめのChrome拡張機能をまとめてみました。


Clear Cache

f:id:yuuki74a:20170517184200p:plain
ボタンを押すだけでキャッシュを削除することができます。
キャッシュの蓄積でChromeの動作が遅くなったり、
古いキャッシュの影響で更新したWEBページの表示が反映されなかったり
する場合にキャッシュのクリアが容易にできるので大変便利です。

WhatFont

f:id:yuuki74a:20170517184223p:plain
表示しているページ内で使用されているフォントをクリック
するだけでそのフォントの種類や大きさなどの詳細を知ることができます。
知ることのできる詳細は下記のとおりです。

  • 種類(Font Family)
  • スタイル(Font Style)
  • 大きさ(Font Size)
  • 太さ(Font Weight)
  • 行の高さ(Line Height)
  • 色(Color)

Page Ruler

f:id:yuuki74a:20170517184301p:plain
表示しているページ内の好きな箇所を定規のように測ることができます。
測る時には範囲の選択のほかにクリックで要素単体の選択も可能です。

ColorPick Eyedropper

f:id:yuuki74a:20170517184312p:plain
表示しているページ内の好きな箇所の色を調べることができます。
マウスオーバーするだけで色のコードが見れます。
色のコードは16進数表記となります。

Wappalyzer

f:id:yuuki74a:20170517184331p:plain
表示しているページ内で使用されているフレームワークや開発言語、
CMSやアクセス解析ツール、広告配信システム、
さらにはJavaScriptライブラリやWebサーバーなどを知ることができます。
対応しているカテゴリーは53種類あり、下記のページより確認できます。
[リンク]

Awesome Screenshot

f:id:yuuki74a:20170517184341p:plain
1クリックで表示しているページのスクリーンショットを撮影することができます。
ページの一部分を指定することはもちろん、画面に収まらない長いページすべての撮影も可能です。
さらに撮影後の画面に図形や文字を簡単に書くことができるほか、
パソコンに保存するだけではなく、FacebookなどのSNSに投稿機能もあります。

Chrome ウェブストア - 拡張機能

chrome.google.com