ヤマムギ

growing hard days.

*

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

      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認定ソリューションアーキテクト - プロフェッショナル」という本を書きました。

 - Web ,

ad

ad

  関連記事

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

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

Windows 8 にnode.js + mongodb 環境を作る

node.jsインストール nodejs.orgサイトで「INSTALL」ボタン …

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

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

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

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

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

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

Chrome リモートデスクトップを使ってみる

自宅のMacをリモートで操作したい 外出用PCはWindows 8 とLinux …

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

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

Youtube動画のダウンロード

Youtubeにアップロードした動画のダウンロード方法です。 以前はこんな機能が …

ホームページ、自作サイトにアメブロの新着情報を掲載する

MagipieRSSを使用 なので下記サイトでダウンロード http://mag …

PostmanでTwitter API 1.1を使う

AWS Lambda(Python)からTwitterに投稿するで取得した認証情 …