サクッとWebページの問題個所を教えてくれるブックマークレット 『HTML_CodeSniffer』



Web制作中などに便利なHTMLのコード記述などを解析して

問題があれば理由も教えてくれるブックマークレット

ブックマークレットとはブックマークに登録出来るJavaScriptプログラムで

解析したいページを表示してお気に入り、ブックマークをクリックするだけで

起動する事が出来ます

codesniffer3

HTML_CodeSniffer リンク先はこちらから

登録方法

codesniffer1

上記リンク先より「Get・・・」と書かれたラベル部分をブックマークバーなどに

ドラッグするだけで登録完了です

codesniffer2

あとは調べたいページなどで先ほど登録した

ブックマークレットをクリックするだけです

codesniffer5

エラーや警告といった具合に問題個所を教えてくれます

どこの場所かまでマーカーでお知らせしてくれますので

非常に分かりやすくWebページの修正が捗ると思います

  • コメント: 0

関連記事

  1. Web制作ツール

    6つのWebクリエイターの為のGoogleChromeプラグイン FireFoxのプラグイン比較も

    ホームページ作成やブログデザインなどPHPやCSSなどでデザイ…

  2. Web制作ツール

    自分のサイトがスマホでどの様に見えるか確認できるWebサービス Test Mobile View

    自分のサイトなどの入力したURLがスマホでどの様に見えるかを確認できる…

  3. Web制作ツール

    無料ホームページ作成サービス CMSサービスをまとめてみました Jimbo Drupal Jooml…

    以前はHTMLタグでホームページを作るのが当たり前だったのですが…

  4. Web制作ツール

    サイトの制作や参考に!表示されているフォントを調べる事が出来るブックマークレット Fount 簡単に…

    見ているWebページなどのフォントを調べる事が出来るブックマークレット…

  5. Web制作ツール

    指定した画像から色を抽出してくれるWebサービス Webページの配色に便利かも 『Color Pal…

    指定したWeb上の画像から色を抽出してカラーコードを生成してく…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP