# Devil Debugger

> Toggle visual borders to debug HTML structure. Built for frontend developers who demand pixel-perfect precision.

Canonical page: [https://chrome-stats.com/d/devil-debugger](https://chrome-stats.com/d/devil-debugger)

## Overview

- **ID:** `devil-debugger`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Vignesh Miller
- **Category:** web-development,search-tools,appearance
- **Daily users:** 3
- **Rating:** 5.00 / 5 (2 ratings)
- **Version:** 2.0.0
- **Last updated:** 2026-06-17
- **First published:** 2025-05-29
- **Size:** 47 KB
- **Data as of:** 2026-09-06
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/devil-debugger/)

## Description

Devil Debugger is a lightweight developer tool that lets you instantly toggle outlines around core HTML elements like <div>, <section>, <img>, and more. It helps frontend developers quickly inspect page structure without modifying the DOM.

Toggle borders with a single click

Works on any site (via permissions)

Built for clean debugging with no injected inline styles

Perfect for anyone building or troubleshooting CSS layouts.

## Rankings

- #52,024 — Overall
- #72 — debug

## Permissions and access

### Permissions

- `tabs`
- `storage`
- `<all_urls>`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** Moderate risk likelihood

### Analysis details

- Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [CSS Debug Overlay Plus](https://chrome-stats.com/d/css-debug-overlay-plus) — 1 users
- [Debugmode](https://chrome-stats.com/d/debugmode) — 3 users
- [CSS Layout Debugger](https://chrome-stats.com/d/css-layout-debugger) — 171 users, 4.71 / 5
- [Layout Debugger](https://chrome-stats.com/d/layout-debugger) — 2 users
- [DevScope - Developer Diagnostics](https://chrome-stats.com/d/devscope) — 2 users
- [Inspectre](https://chrome-stats.com/d/inspectre) — 8 users
- [Web Developer Lite](https://chrome-stats.com/d/webdeveloperlite) — 3 users
- [Page Element Highlighter](https://chrome-stats.com/d/pageelementhighlighter)
- [Web Inspector Lite](https://chrome-stats.com/d/web-inspector-lite) — 1 users
- [Css Debug with Pesticide CSS](https://chrome-stats.com/d/css-debug-with-pesticide) — 7 users
- [VisBug](https://chrome-stats.com/d/visbug) — 2,324 users, 5.00 / 5
- [Page Element Inspector](https://chrome-stats.com/d/pageelementinspector) — 16 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/devil-debugger)