debugCSSでCSSをチェックする

debugCSS というブックマークレットが面白かったのでそれについて。

• debugCSS

debugCSS

debugCSS は表示中のページのCSSをチェックして結果をページ上に表示してくれる ブックマークレットです。

チェックしたいページを表示して ブックマークレットを実行すると

こんな感じでページの中に直接エラーメッセージなどを表示してくれます。

右下にエラーなどそれぞれの合計が出ます。

ここではエラーが出ませんでしたが、 エラーがあると

こんな感じで赤い枠が。

NoticeやWarningはちょっと基準が厳しくて大量にチェックされすぎな感じもしますが、 チェック自体は大きなページでも一瞬で終わって表示されるので、 手軽にチェックしてみると結構面白いです。