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,192 Users1,192 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)
由 1 位評論者給出 4.8 分
登入後即可幫此擴充套件評分
目前沒有評分

已儲存星等

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 附加元件部落格
  • 擴充套件工作坊
  • 開發者交流中心
  • 開發者政策
  • 社群部落格
  • 討論區
  • 回報 Bug
  • 評論撰寫指南

瀏覽器

  • Desktop
  • Mobile
  • Enterprise

產品

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • 隱私權
  • Cookie
  • 法律資訊

除另有註明外,本站內容皆採用創用 CC 姓名標示—相同方式分享條款 3.0 或更新版本授權大眾使用。