使っていないCSSセレクタをChrome DevToolsのCoverageで確認しました

2020/03/19 2020/06/07

使っていないCSSセレクタを確認しようと、Chrome DevToolsのCoverageを使ってみました。

Chrome DevTools、便利ですね。
昔はFireFoxのFirebugとかでしたよね。

Chrome DevToolsを表示して、[More tools]-[Coverage]を選択しました。

[Click the reload button]とあるのでクリックしました。

Sourcesで確認したいcssを見ると、使われているセレクタが青で、使われていないセレクタが赤でした。
今表示しているページでの状態と思われるので、それぞれ確認はしたほうがいいとは思いますが、参考にできました。

最後までお読みいただきましてありがとうございました！

【PR】「AWS認定試験対策 AWS クラウドプラクティショナー」という本を書きました。

【PR】「AWSではじめるLinux入門ガイド」という本を書きました。

【PR】「ポケットスタディ AWS認定デベロッパーアソシエイト」という本を書きました。

【PR】「AWS認定資格試験テキスト＆問題集　AWS認定ソリューションアーキテクト - プロフェッショナル」という本を書きました。

開発ベンダー5年、ユーザ企業システム部門通算9年、ITインストラクター5年目でプロトタイプビルダーもやりだしたSoftware Engineerです。
質問はコメントかSNSなどからお気軽にどうぞ。
出来る限りなるべく答えます。

このブログの内容/発言の一切は個人の見解であり、所属する組織とは関係ありません。
このブログは経験したことなどの共有を目的としており、手順や結果などを保証するものではありません。
ご参考にされる際は、読者様自身のご判断にてご対応をお願いいたします。

また、勉強会やイベントのレポートは自分が気になったことをメモしたり、聞いて思ったことを書いていますので、登壇者の意見や発表内容ではありません。

: WordPressの記事を公開日時に関係なくソート順を変更する

PostMash Customを使う WordPressのプラグインでPostM …

: Davinci Resolveで本編動画とは別にTwitter動画を作る

Twitter動画の時間 Youtubeでオンライン勉強会のデモ動画をアップして …

: WordPressにログインを強制して記事ごとのアクセス制限もする

WordPressを限定された組織内で使いたいとした場合に下記を実現したいと思い …

: sitemap.xml(sitemap-misc.xml)とrobots.txtを設置する

起きたら結構な雨でしたので、とりあえずサーバのエラーログを眺めていると、goog …

: Linux Mint 17 MATE 64bit にAptana Studio 3をインストールして日本語化

JDKのインストール過去記事「Linux Mint 17 MATE 64bit …

: 言語スパムのアクセスをAnalyticsで除外した(2017/1/9現在)

Analyticsの言語に見慣れないのが出てたのでフィルタで除外対応。 Vita …

: Google Apps ScriptでAdmin SDK Directory Serviceを使ってユーザの最終ログイン情報一覧を出力する

GoogleAppsで使わなくなったアカウントを確認する方法として、最終ログイン …

: PHP 共通ヘッダ、フッタの内容をページによって動的に変更する

共通ヘッダ、フッタそれぞれ必要な内容を書いたheader.php、footer …