ANYWEB LAB / CSS USAGE CHECK

ちょっとしたCSS使用状況チェック

HTMLから読み込みCSS、style、class名の使われ方をざっくり確認します。

CSS整理の前に、どのCSSファイルが読まれているか、class名がどのくらい出ているか、インラインstyleが多いかを下調べするための小さなWEB管理ツールです。

未使用CSSやCSS整理の可否を断定するものではありません。入力内容はサーバーへ送信・保存しません。

INPUT

HTMLを貼り付ける

HTML貼り付けモードが主軸です。URL取得はブラウザのCORS制限で読めない場合があります。

HTMLを貼り付けて「チェックする」を押してください。

SUMMARY

結果サマリー

CSS整理前の目安として見てください。動的classや別ページ利用CSSはここだけでは判断できません。

0CSS link
0styleタグ
0style属性
0class種類
0id種類
0classなし要素

CSS FILES

CSS読み込み一覧

  1. まだチェックしていません。

CLASS RANKING

classランキング

  1. まだチェックしていません。

STYLE USAGE

style使用状況

  • まだチェックしていません。

ORGANIZE MEMO

整理メモ

  • まだチェックしていません。

DETAIL LISTS

一覧

class一覧

まだチェックしていません。

id一覧

まだチェックしていません。

HOW TO USE

使い方

  1. 確認したいページのHTMLを入力欄に貼り付けます。
  2. 必要ならページURLをメモとして入力します。URL取得はCORS制限で失敗する場合があります。
  3. 「チェックする」を押すと、CSS読み込み、class名、style使用状況を一覧化します。
  4. 整理前のメモとして、CSS一覧やclass一覧、簡易レポートをコピーできます。

ABOUT THIS CHECK

このチェックについて

ちょっとしたCSS使用状況チェックは、CSS整理前の下調べ用LABです。HTML内で読まれているCSS、styleタグ、インラインstyle、class名の出現回数をブラウザ上で確認します。

未使用CSSを判定するツールではありません。動的class、hover/focus、レスポンシブ、別ページで使われるCSS、JavaScriptで後から付くclassは判断できません。

CORSなどの制限により、外部ページや外部CSSの中身は読めない場合があります。入力内容は端末内で処理され、サーバーへ送信・保存しません。


Warning: http_response_code(): Cannot set response code - headers already sent (output started at /home/anysweb/anysweb.co.jp/public_html/css-usage-check/index.php:41) in /home/anysweb/anysweb.co.jp/public_html/common/db.php on line 83
DB connection error