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

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

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

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

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

起動する事が出来ます

codesniffer3

HTML_CodeSniffer リンク先はこちらから

登録方法

codesniffer1

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

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

codesniffer2

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

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

codesniffer5

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

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

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

  • コメント: 0

17言語などのチートシートが見れるWebサービス HTMLやCSS、JavaにPHPも 『OverAPI.com』前のページ

大量のフリーソフトをUSBメモリにインストールして持ち運べるフリーソフト 『PortableApps.com』次のページ

関連記事

  1. Web制作ツール

    サクッとロゴが作れるネットサービス Supalogo カッコ良いロゴが作れるかも

    あっという間にロゴが作成できるネットサービステキスト、フォント…

  2. Web制作ツール

    登録不要!! IE5.5、IE6~IE10のサイト表示チェックが出来るWebサービス IENetRe…

    IEのサイトチェックに便利なWebサービスでURLを入力するだけで使え…

  3. Web制作ツール

    指定サイトをモバイルで見たコストを教えてくれるWebサービス 『What Does My Site …

    指定したURLを解析してモバイルネットワークでのコストを教えて…

  4. Web制作ツール

    こりゃ便利!! Webページのサムネイル生成やページ丸ごとPDFに出来る「HeartRails Ca…

    Webページのサムネイルの生成や、ページ丸ごとPDFに出来るWebサー…

  5. Web制作ツール

    マテリアルデザインの参考に!! 色やアイコンが取得できるWebサービス 『Material Desi…

    マテリアルデザインの制作時に便利な色やアイコンが手に入るWeb…

  6. Web制作ツール

    CSSからLESS形式に変換!! CSSを記述するだけで自動的にLESS形式に 「Css2Less」…

    CSSの記述をLESS形式にリアルタイムに変換してくれる便利なネットサ…

コメント

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

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

最近の記事

PAGE TOP