Easy-peasy debugging of all your codepen codepens!

Latest Version

Version

1.0.3

Update

October 19, 2019

Size

18.88KiB

Developer

Codopen Extension

Adds a button and shortcut (Ctrl-Shift-i) to switch between Pen and Debug view tabs for a Codepen.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Codopen", "version": "1.0.3", "manifest_version": 2, "description": "Easy-peasy debugging of all your codepen codepens!", "background": { "scripts": ["background.js"], "persistent": false }, "page_action": { "default_icon": { "16": "icons/icon16.png", "32": "icons/icon32.png" } }, "commands": { "toggle-codepen-dbg": { "description": "Toggle CodePen Debugging Mode", "suggested_key": { "default": "Ctrl+Shift+I" } } }, "permissions": [ "activeTab", "declarativeContent", "tabs" ], "content_security_policy": "script-src 'self' https://www.google-analytics.com; object-src 'self'"}

Download CRX(18.88KiB)

Similar Extensions

Refined GitHub Extension · Developer Tools 1,000+ 213 ★ 572KiB

axe DevTools - Web Accessibility Testing Extension · Accessibility 1,000+ 114 ★ 2.89MiB

Palettab Extension · Productivity 1,000+ 224 ★ 49.1KiB

Vue.js devtools Extension · Developer Tools 1,000+ 2131 ★ 2.57MiB

Emmet Re:view Extension · Developer Tools 1,000+ 162 ★ 74.65KiB

Vue.js devtools (beta) Extension · Developer Tools 1,000+ 149 ★ 2.54MiB

DevTools Author Extension · Developer Tools 1,000+ 117 ★ 377KiB

Apollo Client Devtools Extension · Developer Tools 1,000+ 266 ★ 490KiB

VisBug Extension · Developer Tools 1,000+ 252 ★ 5.38MiB

LiveReload Extension · Developer Tools 1,000+ 808 ★ 60.78KiB

CodePen OmniSearch Extension · Productivity 1,000+ 4 ★ 11.51KiB

OctoLinker Extension · Developer Tools 1,000+ 110 ★ 184KiB

CSS Shapes Editor Extension · Developer Tools 1,000+ 101 ★ 84.76KiB

CSS Stacking Context inspector Extension · Developer Tools 1,000+ 21 ★ 262KiB

True Full Page for CodePen Extension · Productivity 1,000+ 6 ★ 20.08KiB

Sizzy Extension · Developer Tools 1,000+ 57 ★ 40.47KiB

30 Seconds of Knowledge Extension · Developer Tools 1,000+ 88 ★ 3.57MiB

CSS Feature Toggles Extension · Developer Tools 1,000+ 4 ★ 37.42KiB

Web Developer Checklist Extension · Developer Tools 1,000+ 54 ★ 32.65KiB

Testing Playground Extension · Developer Tools 1,000+ 60 ★ 646KiB

Web Maker Extension · Developer Tools 1,000+ 1002 ★ 5.76MiB

Octotree - GitHub code tree Extension · Developer Tools 1,000+ 1139 ★ 3.54MiB

Productive Twitter Extension · Productivity 1,000+ 37 ★ 25.78KiB

Accessibility Insights for Web Extension · Developer Tools 1,000+ 37 ★ 3.62MiB

User reviews

E A (ID: 000000c106fec3b6) Voted 5 ★ - Updated 06/26/2021 Amazing! This is an awesome tool that I discovered through Sarah Drasner's course: SVG Essentials & Animation course on Frontend Masters. She said her husband made it for her which is the sweetest thing and if I don't have a relationship like that then I don't want anything haha! Thank you guys for sharing this amazing tool!

Trang Nguyen (ID: 000000941c86c8f3) Voted 5 ★ - Updated 03/03/2021 Have been using Codepen for over 3 years but just knew this tool today. Very useful!

Sahil Kazi (ID: 0000001a61d274ca) Voted 5 ★ - Updated 10/23/2020 Amazing work :)

Luice Phillips (ID: 00000076aaaa64b3) Voted 3 ★ - Updated 11/17/2017 not working

Donatien L. (ID: 000000bde48f8aa7) Voted 5 ★ - Updated 04/19/2017 Excellent. très pratique pour un débutant, cette extension nettoie la surcouche de code "Codepen" dans le "devTool" et permet d'utilliser ReactDevTool, etc.

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Codopen