# Debugmode

> Toggle debugmode on and off for when developing websites. It will set an outline to all the HTML elements and pseudo elements to see box-model behavior instantly.

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

## Overview

- **ID:** `debugmode`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** ff0000
- **Category:** web-development
- **Daily users:** 3
- **Version:** 1.0.3
- **Last updated:** 2021-04-16
- **First published:** 2021-04-15
- **Size:** 12 KB
- **Data as of:** 2026-09-06
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/debugmode/)
- **Website:** [https://github.com/richardj/debugmode](https://github.com/richardj/debugmode)

## Description

Debugmode is a Firefox add-on that allows you to toggle debug mode, which displays a dotted outline on every element on your page. It helps you locate elements that need adjustment and provides a quick overview of the displayed elements.

## Rankings

- #55,506 — Overall
- #97 — debug

## Permissions and access

### Permissions

- `activeTab`
- `storage`

### Content script matches

- `*`

## Safety

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

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- 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

- [Devil Debugger](https://chrome-stats.com/d/devil-debugger) — 3 users, 5.00 / 5
- [Toggle Debug Mode](https://chrome-stats.com/d/toggle-debug-mode) — 4 users, 5.00 / 5
- [Inspectre](https://chrome-stats.com/d/inspectre) — 8 users
- [Toggle CSS outline](https://chrome-stats.com/d/toggle-css-outline) — 76 users, 5.00 / 5
- [designMode - Page Editor](https://chrome-stats.com/d/designmode-page-editor)
- [Page Element Highlighter](https://chrome-stats.com/d/pageelementhighlighter)
- [CSS Layout Debugger](https://chrome-stats.com/d/css-layout-debugger) — 171 users, 4.71 / 5
- [Debug CSS](https://chrome-stats.com/d/pranay-joshi) — 961 users, 4.79 / 5
- [CSS Debug Overlay Plus](https://chrome-stats.com/d/css-debug-overlay-plus) — 1 users
- [Open Debug View (for Codepen)](https://chrome-stats.com/d/open-debug-view-for-codepen) — 1 users
- [Layout Debugger](https://chrome-stats.com/d/layout-debugger) — 2 users
- [Switch Debug View (for Codepen)](https://chrome-stats.com/d/switch-debug-view-for-codepen) — 11 users

---

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