便利なブラウザアドオン(ウェブサイト制作・管理)

Google Analytics オプトアウト アドオン

Google アナリティクスへのデータ送信を無効して計測対象から除外することができる。

Chrome

https://chrome.google.com/webstore/detail/google-analytics-opt-out/fllaojicojecljbmefodhfapmkghcbnh?hl=ja

Web Developers

イギリス人Web開発者 Chris Pederick 氏が開発したアドオン。表示中のウェブページの文書構造、CSSや画像のURLのリストアップ、altテキストの可視化などWebの制作や開発に役立つ機能が豊富。

Chrome

https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

Firefox

https://addons.mozilla.org/ja/firefox/addon/web-developer/

Chris Pederick 氏 公式サイト

https://chrispederick.com/

Wayback Machine

書籍、映画、音楽、ウェブページのアーカイブを提供する非営利団体 Internet Archive が提供するアドオン。任意のウェブサイトの掲載内容を過去に遡って確認することができる。

Chrome

https://chrome.google.com/webstore/detail/wayback-machine/fpnmgdkabkmnadcjpehmlllkndpkmiak

Firefox

https://addons.mozilla.org/ja/firefox/addon/wayback-machine_new/

SingleFile

フランス人Web開発者 Gildas Lormeau 氏が開発したアドオン。任意のウェブページを画像やCSSなどをまとめて1つのHTMLとして保存することができる。

Chrome

https://chrome.google.com/webstore/detail/singlefile/mpiodijhokgodhhofbcjdecpffjipkle

Firefox

https://addons.mozilla.org/ja/firefox/addon/single-file/

Gildas Lormeau 氏 GitHub

https://github.com/gildas-lormeau

Adobe Experience Platform Debugger

Adobe が提供するアドオン。Adobe Experience Cloud(Adobe Analytics、Adobe Target、Adobe Audience Manager など)の実装のデバッグに役立つ。

Chrome

https://chrome.google.com/webstore/detail/adobe-experience-platform/bfnnokhpnncpkdmbokanobigaccjkpob?hl=ja

Firefox

https://addons.mozilla.org/ja/firefox/addon/adobe-experience-platform-dbg/

Adobe 公式のガイド(動画)

https://experienceleague.adobe.com/docs/platform-learn/data-collection/debugger/overview.html?lang=ja

Atomseo表示中のウェブページをスキャンしてリンク切れ箇所をハイライト表示してくれるアドオン。

Chrome

https://chrome.google.com/webstore/detail/broken-link-checker/nibppfobembgfmejpjaaeocbogeonhch

Wappalyzer

表示中のウェブサイトが利用しているCMSや分析ツールを表示してくれるアドオン。

Chrome 

https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg

Firefox

https://addons.mozilla.org/ja/firefox/addon/wappalyzer/

Tag Assistant Legacy

表示中のウェブサイトでどのようなGoogleアナリティクスのタグが使われているのかを確認し、動作確認に活用することができるアドオン。

Chrome

https://chrome.google.com/webstore/detail/tag-assistant-legacy-by-g/kejbdjndbnbjgmefkgdddjlbokphdefk

EditThisCookie

ブラウザに保存された Cookie を検索、削除、編集したり、ブラウザへ追加することもできるアドオン。

Chrome

https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg

Firefox

https://addons.mozilla.org/ja/firefox/addon/edithiscookie/

EditThisCookie 公式サイト

https://www.editthiscookie.com/

Lighthouse

Google が提供するアドオン。表示中のウェブサイトの品質を向上させるための具体的な対策を提示してくれる。

Chrome

https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk

Firefox

https://addons.mozilla.org/ja/firefox/addon/google-lighthouse/

CSS Peeper

ポーランドプロダクトデザイナー Dawid Młynarz 氏と 同じくポーランドのソフトウェア開発者 Jędrzej Sadowski 氏が提供するアドオン。表示中のウェブページの各要素で使われている色、フォント、画像などを調べることができる。

Chrome

https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk

公式サイト

https://csspeeper.com/