debugging-guide
CommunityMaster Chrome Extension debugging end-to-end.
Software Engineering#debugging#service worker#network#DevTools#storage#content script#Chrome extension
Authorfrancanete
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive, structured guide for diagnosing and fixing Chrome Extension debugging issues.
Core Features & Use Cases
- DevTools-based debugging workflows for multiple extension contexts (Service Worker, Popup, Content Script, Options)
- Lifecycle insights and practical tips for troubleshooting common extension problems, including storage, network, and performance
- Real-world use cases and step-by-step guidance to reproduce and resolve issues across DevTools, manifest, and permissions
Quick Start
Open Chrome, navigate to chrome://extensions, enable Developer mode, and consult the sections on Service Worker debugging, Content Script debugging, Storage, and Network to diagnose and fix issues.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: debugging-guide Download link: https://github.com/francanete/fran-marketplace/archive/main.zip#debugging-guide Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.