Firefox ブラウザーアドオン
  • 拡張機能
  • テーマ
    • Firefox 向け
    • スペルチェック辞書と言語パック
    • 他のブラウザーサイト
    • Android 向けアドオン
ログイン
Debug CSS のプレビュー

Debug CSS 作成者: Pranay Joshi

Adds outline to all elements on the page to show the culprit element which is changing desired layout hit `Alt+Shift+C ` key to toggle the extension

4.8 (14 reviews)4.8 (14 reviews)
1,171 Users1,171 Users
この拡張機能を使用するには Firefox が必要です
Firefox をダウンロードして拡張機能を入手する
ファイルをダウンロード

拡張機能メタデータ

スクリーンショット
この拡張機能について
Adds outline to all elements on the page to show the culprit element which is changing desired layout
# Debug CSS

A lightweight extension for Mozilla Firefox to show outline of all the element exist on page.

while working on web page development the one of the difficult part is to position the element as required and check which element affecting the other one.

This Mozilla Firefox extension allows user to see outline on every element of the page. Hold the keyboard Ctrl button and hover element it will show the element details along with the value.

----------

# Usage

Post installation simply click on the extension icon to turn it On or Off.

If you are a keyboard shortcut lover like me simply hit `Alt+Shift+C ` key to toggle the extension.


----------

# How it works?

This extension works on CSS outline attribute:

add the below code snippet in any CSS of a web page


`
* {
outline: 1px solid red;
}`

The extension does the same the only thing is; it gives different color to different element(s) while the code snippet adds red outline to every element.

----------

# Other work and repository

[A lightweight customizable plugin for jQuery to show horizontal length in form of vertical progress bar.](https://github.com/pranayjoshicse/VerLim.js)


[listed on jqueryscript.net](https://www.jqueryscript.net/other/Simple-Custom-Reading-Indicator-with-jQuery-VerLim-js.html)

[Demo](https://www.jqueryscript.net/demo/Simple-Custom-Reading-Indicator-with-jQuery-VerLim-js/)


----------

# More about me

[twitter.](https://twitter.com/pranayjoshicse)
[about me.](https://about.me/pranayjoshi)
Rated 4.8 by 14 reviewers
ログインしてこの拡張機能を評価
まだ評価されていません

星の評価を保存しました

5
12
4
1
3
1
2
0
1
0
すべてのレビュー (14) を読む
詳しい情報
アドオンリンク
  • サポートメールアドレス
バージョン
1.1resigned1
サイズ
24.12 KB
最終更新日
1年前 (2024年4月26日)
関連カテゴリー
  • ウェブ開発
  • アピアランス
ライセンス
MIT License
バージョン履歴
  • すべてのバージョンを見る
コレクションへ追加
このアドオンを報告
Pranay Joshi が公開している他の拡張機能
  • まだ評価されていません

  • まだ評価されていません

  • まだ評価されていません

  • まだ評価されていません

  • まだ評価されていません

  • まだ評価されていません

Mozilla のホームページへ

アドオン

  • このサイトについて
  • Firefox アドオンブログ
  • 拡張機能ワークショップ
  • 開発者センター
  • 開発者ポリシー
  • コミュニティブログ
  • フォーラム
  • バグを報告
  • レビューガイド

ブラウザー

  • Desktop
  • Mobile
  • Enterprise

製品情報

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • プライバシー
  • Cookie
  • 法的情報

特に 明記されている 場合を除き、当サイト上のコンテンツは Creative Commons 表示・継承ライセンス v3.0 あるいはそれ以降のバージョンで公開されています。