rcmdnk's blog

20150627_debugcss_200_200

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

Sponsored Links

debugCSS

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

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

debugcss

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

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

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

debugcsserror

こんな感じで赤い枠が。

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

Sponsored Links
Sponsored Links