# Switch Debug View (for Codepen)

> Easier debugging of your codepens. Adds a button to switch between Debug and Editor view in Codepen. Opens the tab if it's not open already. Inspired by Codopen

Canonical page: [https://chrome-stats.com/d/switch-debug-view-for-codepen](https://chrome-stats.com/d/switch-debug-view-for-codepen)

## Overview

- **ID:** `switch-debug-view-for-codepen`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Erick Madrigal
- **Category:** web-development,other
- **Daily users:** 11
- **Version:** 1.1resigned1
- **Last updated:** 2024-04-25
- **First published:** 2017-11-18
- **Size:** 21 KB
- **Data as of:** 2026-09-10
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/switch-debug-view-for-codepen/)
- **Website:** [https://erickmadrigal.me](https://erickmadrigal.me/)

## Description

Switch Debug View (for Codepen) is a Firefox add-on that enables easier debugging in Codepen. It adds a button to switch between Debug and Editor view and opens the tab if it's not already open. Inspired by Codopen.

## Rankings

- #32,132 — Overall
- #20 — debug
- #112 — switch

## Permissions and access

### Permissions

- `tabs`

## Safety

- **Risk impact:** Moderate 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

- [Open Debug View (for Codepen)](https://chrome-stats.com/d/open-debug-view-for-codepen) — 1 users
- [CSS Debug Overlay Plus](https://chrome-stats.com/d/css-debug-overlay-plus) — 1 users
- [Devil Debugger](https://chrome-stats.com/d/devil-debugger) — 3 users, 5.00 / 5
- [codeTabber](https://chrome-stats.com/d/codetabber) — 1 users
- [Debugmode](https://chrome-stats.com/d/debugmode) — 3 users
- [Multi-Panel Source Viewer](https://chrome-stats.com/d/multi-panel-source-viewer)
- [Toggle Debug Mode](https://chrome-stats.com/d/toggle-debug-mode) — 4 users, 5.00 / 5
- [JavaScript Playground ⚡ Online JS Compiler](https://chrome-stats.com/d/javascript-compiler) — 28 users
- [JSDebugPro](https://chrome-stats.com/d/jsdebugpro) — 1 users
- [Quick Code Console](https://chrome-stats.com/d/quick-code-console)
- [Live Editor](https://chrome-stats.com/d/live-editor) — 70 users, 4.00 / 5
- [ES6 Script Editor for Developer Tools](https://chrome-stats.com/d/es6-script-editor) — 1 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/switch-debug-view-for-codepen)