WEB制作や情報収集などでChromeをメインブラウザとして使用している方は多いと思います。今回はWEB制作をより快適にして、生産性をアップさせてくれるChrome拡張機能をご紹介します。
WhatFont
サイトに使用されているフォントが確認できる拡張機能です。
デベロッパーツールを開かなくてもクリックすればフォント情報を一覧で見ることができます。
ワンクリックで簡単に確認することができるので、気になるフォントを見つけたら、すぐにチェックしましょう。
Google Analytics オプトアウトアドオン
オプトアウトアドオンは、ブラウザにインストールするだけでサイトにアクセスした場合の情報を無効化して、Googleアナリティクスに情報が送信されないようにする拡張機能です。
Responsive Viewer
さまざまなデバイスの画面サイズにてサイトの表示確認ができる拡張機能です。
デベロッパーツールで複数の画面を切り替えながら確認している人も多いのではないかと思いますが、Responsive Viewerを使うと切り替える手間を省けるようになります。
Wappalyzer
サイトで使用されているCMS・プラグイン・ライブラリなどを確認できる拡張機能です。
対象のサイトがどのような技術を使用しているか簡単に確認することができます。
Copy All Urls
開いているすべてのタブのURLを簡単にコピーできる拡張機能です。
複数のタブで開いているサイトやページを共有する際に一つずつコピーする手間を省けるようになります。
Pasty
クリップボードのURLを一括で表示することができる拡張機能です。
URLをまとめてコピーして、Pastyのアイコンをクリックするだけで、まとめてページを開くことが可能です。
TDK Meta Checker
メタタグを簡単に確認できる拡張機能です。
タイトル・ディスクリプション以外にもOGP、Faviconも確認できます。
HTMLエラーチェッカー
ページのレイアウト崩れや表示不具合の原因となる、エラーや問題を検出してくれる拡張機能です。
問題箇所をリスト化し、該当箇所へリンクのリンクがあるのでスピーディーな対応が可能になります。
ato-ichinen
Googleの検索結果を1年以内に制限できる拡張機能です。
EditThisCookie
閲覧したサイトのCookieを簡単に確認、編集、削除することができる拡張機能です。
特定のWebサイトのCookieだけを、ワンクリックで削除することができるので検証の際に使用します。
まとめ
実用的なものなどChromeの拡張機能を使用することで効率化や生産性向上に繋がります。
みなさんの快適なWEB制作の助けになりますように。