Debug CSS
Adds outline to all elements on the page to show the culprit element which is changing desired layout
Rating: 4.8
|
Version: 1.0
|
Size: 19.06KiB
|
Language(s): English (United States)
|
mail
Rating history
Rating count & user count history
Similar extensions
name | rating | # ratings | # users | categories | description | version | updated | |
---|---|---|---|---|---|---|---|---|
CSS Inspector | - | 0 | 28 | Developer Tools | The CSS Inspector extension outlines the elements on a page and displays their CSS properties when you hover over them. | 1.0.0 | March 11, 2024 | view details → |
Outline HTML Elements | - | 0 | 28 | Developer Tools | Outline HTML elements with a colorful border without affecting the layout to inspect website structure. | 1.0.4 | April 22, 2024 | view details → |
Content cracker | - | 0 | 16 | Workflow & Planning | Extension for displaying content identification text and links in your pages to relevant CMS content for easily access and edit. | 1.0 | September 1, 2022 | view details → |
WetaWorkshop Name Fixer | - | 0 | 13 | Workflow & Planning | This extension adds the name of items to the 'My Orders' and 'Pre-Orders & Payment Plans' pages... because they're missing. | 1.1 | January 4, 2023 | view details → |
Green Tea Inspect | - | 0 | 9 | Developer Tools | Right click on a Sencha page, Select 'Log this object' | 0.0.3 | February 21, 2017 | view details → |
simple-debug.css | 4.7 | 14 | 1k | Developer Tools | Debug your layouts with one line of CSS and a single click. | 1.0 | January 23, 2015 | view details → |
daily.dev | The homepage developers deserve | 4.9 | 2.2k | 300k | Developer Tools | Get one personalized feed for all the knowledge you need as a developer. | 3.33.2 | July 12, 2024 | view details → |
Proovy | - | 0 | 1 | Workflow & Planning | Discover changes on all your webpages. | 1.0.57 | November 19, 2021 | view details → |
Ailaan | - | 0 | 0 | Communication | Adds a ailaan message to a specified page | 1.0 | February 1, 2024 | view details → |
Insights Lab | 5 | 3 | 13 | Developer Tools | Adds relevant labels to comments and prevents changing the default merge strategy of a pull request. | 1.1.2 | October 11, 2023 | view details → |
Scroll View | - | 0 | 5 | Accessibility | An extension to add a scroll indicator on top for any page or article that's way too long. | 1.0.0 | February 7, 2022 | view details → |
Ingredient Alchemy | - | 0 | 0 | Just for Fun | Cook with ease! This extension displays alternate ingredients for every recipe on AllRecipes.com. | 0.0.0.2 | July 10, 2023 | view details → |
Element Outliner | - | 0 | 21 | Developer Tools | Adds Outlines to Elements | 1.0 | April 15, 2024 | view details → |
Details expander | - | 0 | 3 | Workflow & Planning | Expands all details elements on web page | 0.1 | August 8, 2022 | view details → |
CSS Peeper | 4.6 | 350 | 500k | Developer Tools | Extract CSS and build beautiful styleguides. | 0.5.6 | November 19, 2023 | view details → |
Compadre | 5 | 1 | 9 | Accessibility | An A11y chrome extension that outlines the web pages elements that have missing ARIA attributes, alt tags or type attributes | 1.5 | May 30, 2020 | view details → |
Hoverable | - | 0 | 4 | Tools | Display popup on hover for any div | 1.0.1 | March 13, 2024 | view details → |
Debug CSS - LPTech | 5 | 5 | 36 | Developer Tools | Hỗ trợ các bạn làm lập trình frontend, hoặc QA có thể debug CSS layout 1 cách dễ dàng nhất! | 1.0.2 | June 8, 2023 | view details → |
WebClip Element | 5 | 1 | 18 | Workflow & Planning | Take a screenshot of highligthed element (or visible page) | 0.3.3 | January 30, 2024 | view details → |
Pesticide for Chrome (without hover bar) | 4 | 43 | 90k | Workflow & Planning | This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page. | 1.0.2 | November 3, 2015 | view details → |
overflow-elements-check | - | 0 | 35 | Workflow & Planning | 横スクロールできる原因の要素を取得します。またその対象の要素をコンソールに表示させます。 | 0.0.1 | June 17, 2023 | view details → |
Traversy Media - Official Extension | 5 | 6 | 388 | Accessibility | Improves the UX of the Traversy Media course platform | 1.2.4 | June 5, 2024 | view details → |
nCallumsCorner | 5 | 1 | 5 | Just for Fun | Replaces all images on all pages to Callum's Corner. Derived from nCage code. All images belong to respective owners. | 1.1 | November 12, 2021 | view details → |
Outline All Elements | - | 0 | 366 | Developer Tools | Add CSS Outline property to all elements on the page for debugging CSS Layout. | 1.0 | January 9, 2020 | view details → |
DOM X-Ray | 5 | 1 | 1k | Developer Tools | See through the DOM to visually debug CSS positioning. | 1.0.0 | February 8, 2023 | view details → |
Diver | 5 | 3 | 15 | Developer Tools | Diver deep into elements of your webpage. Highlights all the elements of the page | 0.0.0.1 | June 29, 2023 | view details → |
PIPElement | 5 | 1 | 14 | Functionality & UI | View highligthed elements (or page) Picture-In-Picture | 0.2.5 | February 13, 2024 | view details → |
HTML Snippet Generator | 5 | 1 | 39 | Developer Tools | HTML Snippet Generator for RTE media embedding | 0.1.0 | January 21, 2019 | view details → |
InsuranceGIG | 5 | 7 | 239 | Workflow & Planning | InsuranceGIG is an API Appmarket that connects buyers and sellers as a better way to buy Insurance Technology | 10.11 | July 9, 2024 | view details → |
Foсus To Inspect | - | 0 | 2 | Developer Tools | It's a tool that could help the developer to bring inspector focus to any page element determined as CSS selector. | 1.0.1 | December 21, 2023 | view details → |
HTML Attributes Editor | - | 0 | 57 | Developer Tools | View and edit the attributes of an HTML element. | 1.0.1 | October 21, 2023 | view details → |
Outline Chrome Extension | 5 | 7 | 3k | Developer Tools | Add an outline style and see the boundaries of every HTML element without affecting the layout (sizing or positioning). | 0.1.0 | June 16, 2022 | view details → |
Layout Debugger | 4 | 3 | 901 | Developer Tools | Chrome extension for highlighting DOM elements to better debug layout issues | 1.7 | April 19, 2022 | view details → |
CSS Debug | 5 | 1 | 13 | Developer Tools | This extension highlights borders of html elements | 1.0 | August 20, 2017 | view details → |
Slimmer DevTools (No-Metrics) | 5 | 1 | 18 | Developer Tools | Hides box-model/metrics pane from DevTools. Enable: 'Allow extensions to load custom stylesheets' in DevTools > Experiments to use. | 0.9.4 | April 19, 2024 | view details → |
Outliner CSS | 5 | 9 | 10k | Developer Tools | A totally awesome structure and layout debugger that inserts CSS outlines to all elements. | 1.0.1 | October 10, 2017 | view details → |
ClearFocus | 5 | 1 | 12 | Accessibility | Removes Chrome's horrible black focus outline on focused elements. | 1.0 | February 26, 2021 | view details → |
WT Wiki Unit Converter | 5 | 1 | 18 | Tools | Adds the ability to change the units for Speed, Altitude, and Rate of Climb on the WT Wiki. | 2.0 | January 9, 2024 | view details → |
JSON Viewer Pro | 4.7 | 120 | 300k | Developer Tools | A completely free extension to visualise JSON response in awesome Tree and Chart view with great user experience and options. ✅… | 1.0.3 | April 1, 2024 | view details → |
Masochist's Extension | 5 | 3 | 0 | Just for Fun | goes against all design principals | 2.3 | May 8, 2018 | view details → |
Your notifier | 5 | 1 | 9 | Workflow & Planning | Helps to monitor changes on different web-pages, notifies about changes | 1.0.10 | September 9, 2020 | view details → |
MCA non officiel | - | 0 | 8 | Just for Fun | Ajoute la possibilité de gérer les réservations à partir d'un planning en parsant toutes les pages des activités disponibles | 1.0.14 | March 1, 2023 | view details → |
ShowwcaseXS | 5 | 2 | 5 | Social Networking | ShowwcaseXS: Use showwcase on every website! Experience enhanced user experience and features. | 1.0.2.3 | June 16, 2023 | view details → |
Pesticide for Chrome | 4.7 | 81 | 300k | Developer Tools | This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page. | 1.1 | November 9, 2021 | view details → |
Azure Notifier | - | 0 | 5 | Workflow & Planning | Extension listening and reacting to Azure DevOps changes while on Boards page, also adding icons to collapse columns. | 0.2.0 | December 13, 2022 | view details → |
Red Border Chrome Extension | 5 | 4 | 1k | Developer Tools | Debug HTML/CSS by adding red outline to all elements | 0.0.6 | June 21, 2024 | view details → |
Bordify | - | 0 | 6 | Developer Tools | Add borders & background to all elements to help in pixel precise alignments and layouts | 0.1.0 | June 7, 2021 | view details → |
Babylon Inspector | - | 0 | 24 | Developer Tools | Retrieve info on page element and open it in Babylon Editorial | 1.1 | July 7, 2021 | view details → |
Hide UI | 5 | 1 | 12 | Tools | This extension hides selected UI elements on the page | 1.0 | May 11, 2024 | view details → |
Outliner | - | 0 | 6 | Developer Tools | Add outline to all the elements. | 0.0.1 | September 1, 2019 | view details → |
EdicaoON | - | 0 | 3 | Workflow & Planning | Edite e Veja como ficará sua página sem procurar o elemento no console | 0.1 | June 11, 2021 | view details → |
HTML Tree Generator | 4.3 | 38 | 100k | Developer Tools | Html is really a tree of elements, css is what defines the layout. This extension displays any page as a tree. | 1.0 | August 20, 2015 | view details → |
border.me | 5 | 1 | 0 | Developer Tools | Add borders to all of the page's elements with a custom colour | 1.0 | May 10, 2022 | view details → |
CSSViewer | 4.4 | 368 | 200k | Developer Tools | A simple CSS property viewer. | 1.7 | March 26, 2017 | view details → |
VisBug | 4.8 | 243 | 200k | Developer Tools | Open source browser design tools | 0.4.6 | June 26, 2024 | view details → |
HTML Hierarchy Visualizer | 5 | 8 | 2k | Developer Tools | This extension is a tool that helps visualize the layout of HTML elements on a webpage | 0.0.0.5 | September 13, 2016 | view details → |
HTML Visual Validation | 4.4 | 8 | 3k | Developer Tools | HTML Visual Validation gives you information about the html elements, live, on page. | 0.3.0 | November 3, 2021 | view details → |
Snippet Copier Shortcut | 3 | 1 | 2 | Developer Tools | Adds a keyboard shortcut to enable copying of contents inside the centermost div with class name 'highlight' | 1.0 | April 21, 2019 | view details → |
HTML Layout X-Ray | - | 0 | 52 | Developer Tools | Displays the html page layout, frames, border, sections, tables etc. | 1.0 | July 2, 2022 | view details → |
Layout Visualizer | - | 0 | 14 | Developer Tools | Visualize the layout of a page, boosting your dev or design experience. | 1.0 | December 12, 2022 | view details → |
CSS Layout Helper | - | 0 | 42 | Developer Tools | View layouts with varying degrees of depth for parent child relationship | 1.0 | September 9, 2019 | view details → |
TFS Bug Printer | - | 0 | 4 | Developer Tools | Displays a page formatted for print based on data from displayed TFS query result. | 2.0 | March 16, 2020 | view details → |
i-control | 5 | 1 | 4 | Just for Fun | An extension to controll the scrolling on a webpage with your eyes. Still in beta. | 0.0.0.1 | April 22, 2022 | view details → |
CSS Lens | 5 | 2 | 95 | Developer Tools | Highlights page elements with outlines and backgrounds. | 1.0 | October 19, 2023 | view details → |
Hide MSDN Inherited Members | 4 | 2 | 5 | Workflow & Planning | When visiting an MSDN page, this extension hides inherited members | 1.2 | July 18, 2016 | view details → |
CSSObj Check Stylesheet Code | - | 0 | 10 | Developer Tools | For cssobj in chrome extension, Add a sidebar that displays the stylesheet text associated with the selected style element. | 1.0.1 | March 21, 2018 | view details → |
@epa-wg/custom-element | - | 0 | 12 | Developer Tools | devtools helper for `@epa-wg/custom-element`, a Declarative Custom Element as 'Transformation' tab of DOM inspector | 0.0.2 | December 27, 2022 | view details → |
Box Borders | - | 0 | 81 | Developer Tools | Adds Red Borders to all Boxes on the Page | 1.0 | March 30, 2021 | view details → |
CSS Debugger | 5 | 9 | 229 | Developer Tools | CSS Debber is a powerful Chrome extension designed for web developers and designers. | 1.1.0 | October 2, 2023 | view details → |