XITSW

Chromeの拡張機能

CSS編

Google Chromeの拡張機能です。
主に、cssの設定内容を表示します。

基本情報画像情報主要CSSReset & Copy

CSSの設定内容を、確認する。

開始&停止から、すべての項目まで。

Chromeの拡張機能
CSS編

Google Chromeの拡張機能です。

主に、cssの設定内容を表示します。

Homeの画像:未添付画像は未添付です。上の説明をご確認ください。images/img1.png を配置すると画像が表示されます。
開始&停止

開始&停止

起動すると自動的に「開始」されます。

任意で「停止」を行うことが可能で、右脇に現在の状態が表示されます。

開始&停止の画像:未添付画像は未添付です。上の説明をご確認ください。images/img2.png を配置すると画像が表示されます。
基本情報

基本情報

タグ名やセレクタ名などを表示します。

基本情報の画像:未添付画像は未添付です。上の説明をご確認ください。images/img3.png を配置すると画像が表示されます。
画像情報

画像情報

srcに設定されているパスを表示します。

イメージのサイズや適切に読み込まれているかを表示します。

画像情報の画像:未添付画像は未添付です。上の説明をご確認ください。images/img4.png を配置すると画像が表示されます。
主要CSS

主要CSS

css設定を表示します。

色、余白、フォント、並び位置などを表示します。

主要CSSの画像:未添付画像は未添付です。上の説明をご確認ください。images/img5.png を配置すると画像が表示されます。
Reset & Copy

Reset & Copy

リセット・コピー機能です。

変更したCSSをコピーすることができます。変更したものをリセットが可能です。

Reset & Copyの画像:未添付画像は未添付です。上の説明をご確認ください。images/img6.png を配置すると画像が表示されます。
すべての項目

すべての項目

cssで設定されている全項目を表示します。

主要CSSで表示されていないようなプロパティーを表示します。検索も可能です。

すべての項目の画像:未添付画像は未添付です。上の説明をご確認ください。images/img7.png を配置すると画像が表示されます。

インストール手順

ZIPを解凍してから、Chromeで読み込んでください。

  1. 解凍するダウンロードしたものを、解凍してください。
  2. Chromeで読み込む「パッケージ化されていない拡張機能を読み込む」で読み込んでください。

拡張機能を、ZIPで。

拡張機能をZIPでダウンロードできます。

配布ファイル CSS-Checker.zip は未添付です。設置後にダウンロードできます。

免責事項

Chrome の拡張機能を利用する場合、導入・設定・動作確認・運用に伴う責任はすべて利用者自身にあります。拡張機能の使用によって発生した不具合、データ損失、表示崩れ、業務影響、第三者とのトラブル等について、提供側は責任を負いません。利用前に必ず内容を確認し、ご自身の判断と責任のもとでご利用ください。

提供者の故意または重大な過失による損害、その他法令により責任の免除・制限が認められない場合には、この免責は適用しません。損害賠償責任の有無と範囲は適用法令に従います。