Web制作ツール

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

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

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

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

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

起動する事が出来ます

codesniffer3

HTML_CodeSniffer リンク先はこちらから

登録方法

codesniffer1

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

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

codesniffer2

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

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

codesniffer5

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

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

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

関連記事

  1. Web制作ツール

    好みの場所から測定が可能なWebサイトのスピードテスト 『Worldwide Website Spe…

    自分の指定した場所からWebサイトの表示スピード測定が可能なWebサー…

  2. Web制作ツール

    高機能なCSSでグラデーションが作れるWebサービス 『Grad3』

    CSSでグラデーションが作成できるWebサービス細かく設定が可…

  3. Web制作ツール

    ホームページ&ブログを作る際の文法チェックに役立つサイト W3C準拠

    色々とブログやホームページを作る際に htmlやPHPやCSSなどW…

  4. Web制作ツール

    携帯のサイトを確認できる gooモバイル サイトビューワー

    ブログの携帯用画面やHPの携帯サイトの確認が出来るネットサービス…

  5. Web制作ツール

    Webで使えるボタンをCSSで作成出力できるWebサービス 『2.5d BUTTON』

    Web上で使えそうなボタンをHTML・CSSで出力してくれるW…

  6. Web制作ツール

    ブログ記事毎に共有数が分かるWebサービス はてブやTwitter、いいね!! 『BuzzWatch…

    ブログのURLを入力するだけで記事毎の共有数を調べる事が出来るWebサ…

コメント

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

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

PAGE TOP