Web制作のチェックにおすすめ!Chromeの拡張機能6選!

Web制作のチェックにおすすめ!Chromeの拡張機能6選!
きのこさん
チェックに使えるクロームの拡張機能を教えてくださーい
きのこさん
いいですよー、簡単便利なの6つありますよー

HTMLエラーチェッカー

HTMLエラーチェッカー

HTMLエラーチェッカーは、

  • HTMLの記述ミスをチェックしてくれる
  • 閉じタグが足りないときに教えてくれる
  • エラーの数が簡単にわかる

HTMLエラーチェッカー

HTML差分(diff)チェックツール

HTML差分(diff)チェックツール

HTML差分(diff)チェックツールは、

  • 商用環境と開発環境のHTMLソースのdiff(差分)がチェックできる
  • 商用環境と開発環境のドメインを登録するだけで、2つのページを開いてくれる
  • 差分のある場所がわかりやすい

HTML差分(diff)チェックツール

Tile Tabs WE

Tile Tabs WE

Tile Tabs WE は、

  • 商用環境と開発環境のページを見比べるのにとっても便利
  • 『Sync Scroll』で2つのページを同時スクロールできる
  • 複数ページを表示できるので、何かと便利

Tile Tabs WE

Alt & Meta viewer

Alt & Meta viewer

Alt & Meta viewer は、

  • Metaがさっと確認できる
  • Altもさっと確認できる
  • ささっとチェックするのにとっても便利

Alt & Meta viewer

Check My Links

Check My Links

Check My Links は、

  • ページ内のリンク切れを簡単にチェックできる
  • たったそれだけだけどとっても重宝しています

Check My Links

Web Maker

Web Maker

Web Maker は、

  • コードをテストできるのでとっても便利
  • JSもチェックできるので良きです
  • ライブコーディング(リアルタイムで結果をチェックできる)できちゃうのが素晴らしい

Web Maker

さいごに

きのこさん
おー、すごーい
きのこさん
さ、おやつにしましょう
デザインのこと - Web design gallery
いつかのこと

おすすめ

Googleさんのおすすめ

Googleさんのおすすめ

デザインの記事

キツネとレモン KITSUNE TO LEMON
キツネとレモン KITSUNE TO LEMON
あったらいいなと思うもの/窓の家と生活
『未来のミライ』、何度も見てしまう