WEBブラウザの世界ではすっかりメジャーとなったgoogle chromeですが、様々な機能拡張を追加できるのも魅力の一つ。WEB制作の現場で私が普段良く使う機能拡張をご紹介します。

Wappalyzer

この機能拡張を入れておくと今表示しているページの、サーバー・CMS・プログラム言語・WEBサービス・アクセス解析など、ページの背後にある技術情報がまとめてわかってしまう非常に便利な機能拡張です。これさえあれば、ページのソースを調べて自分でチマチマと探す手間が省け、なおかつ探しても簡単にわからない部分までわかってしまう強力な機能拡張です。

Wappalyzer

MeasureIt!

地味なんだけど結構使う場面が多い、ブラウザ上の定規です。
「このページのここからここまで何ピクセル？」みたいな時にサクッと図れてとっても便利。
いちいち画面をキャプチャーして、photoshopで開いて、みたいな手間がなくなります。

MeasureIt!

Full Page Screen Capture

スクロールしないと全て見れないような、すごーく長いWEBページのスクリーンショットを取りたい時に役立つのがこの機能拡張です。キャプチャーしたいページを開いた状態でボタンを押すだけで、自動的にページをスクロールしながらスクリーンショットを取ってくれますよ。手作業で画像を繋げるような面倒な作業は必要なしで、とっても便利です！

おわりに

chromeに限らず機能拡張はメジャーなブラウザでは使えるものが多いので、ブラウザは違っても同じ種類の機能拡張が提供されていたりします。違うブラウザをお使いの方もぜひ探してみてくださいね。

 

もっと詳しく知りたい方はこちら！

おすすめWEBデザイン参考サイト
https://adluckdesign.com/ad_blog/36404/

日々勉強!! デザイン・WEB制作参考サイト5選
https://adluckdesign.com/ad_blog/25520/

私はもう迷わない!! デザインの参考になるサイトまとめ
https://adluckdesign.com/ad_blog/25740/

デザイナーにオススメのサイト★
https://adluckdesign.com/ad_blog/25481/