Web制作に役立つChromeおすすめの拡張機能11選

世界のブラウザで圧倒的シェアを誇るGoogle Chromeですが、便利な機能拡張もいろいろ揃ってます。皆さんも自分好みの機能拡張を利用してると思いますが、Web制作の際にも作業効率をアップできる機能拡張も多くあります。そこで今回はWebデザイン制作時に役立つGoogle Chromeの機能拡張を厳選して紹介します。





おすすめ機能拡張




1

CSS Peeper

閲覧しているページのCSSを教えてくれる機能拡張。ブラウザのCSS Peeperボタンをクリックするとフォント・カラー・イメージ情報が表示されます。
2

Web Developer

Web制作では定番の機能拡張。解析・検証に役立つツールが揃ってます。
3

WhatFon

ソースを調べなくてもフォント情報を表示できる機能拡張。調べたいテキストにカーソルを合わせるとfont-familyfont-sizeline-heightといっフォントの情報が表示されます。
4

Clear Cache

ブラウザーのキャッシュをクリアしてくれる機能拡張。webサイトの更新確認などに地味に役立つ。
5

ColorZilla

シンプルなカラーピッカー。サイト上のカラーを調べたい箇所をクリックするだけでカラーコード(16進数)をコピーできます。
6

Page Ruler

その名の通りページ上のイメージや余白などを測りたい時に役立つ機能拡張。
7

xvg

SVGのアンカーポイントを表示させる機能拡張。
8

WhatRuns

Webサイトで使用しているCMS・プラグイン・JavaScriptなどを一覧表示してくれるサイト調査に役立つ機能拡張。
9

SimilarWeb

アクセス数や流入キーワードなどを解析できる機能拡張。SimilarWebのサイトに行かなくてもブラウザのボタンをクリックするだけで、サイトのアクセス解析ができます。
10

Full Page Screen Capture

ランディングページなど、長いページをキャプチャを撮りたい時に便利な機能拡張。
11

Session Buddy

調べものをしているとブラウザのタブがどんどん増えていくことがありますが、そのタブを保存できる機能拡張。セーブしておけばブラウザを閉じてしまっても、セーブしたタブを表示(復元)できます。

Web制作から調査まで、便利な機能拡張の紹介でした。Google Chromeの機能拡張は機能のオンオフ・削除が簡単にできるので、気になる機能拡張があれば試してみてください。


\ Webデザインに関するお役立ち情報を定期的に配信中 /

Follow @webclips_jp

PopularPosts
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 漢字が使える日本語フリーフォント97選(商用利用可)
  • 無料で使えるデジタル風フォント13選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 無料で使えるフリーイラスト素材サイト55選(商用利用可)
  • Photoshopで使用できる“煙・湯気系”ブラシ10選
WordPress対応! 初心者におすすめのレンタルサーバー特集
RecentPosts
  • 【2024年12月版】WordPress対応のおすすめレンタルサーバー比較 ( 初心者向け )
  • Photoshopで使用できる“水しぶき系”ブラシ8選
  • 無料で使えるフリーイラスト素材サイト55選(商用利用可)
  • アイソメトリックイラストをダウンロードできるフリー素材サイト6選
  • 人物の線画イラストをダウンロードできるフリー素材サイト7選
  • イラスト素材サイト「イラストAC」の使い方 (商用利用可)