React devtools panel
Adds a React devtools panel to the browser that reads the inspected page.
Runs on Chrome, Edge, Firefox · Manifest V3 · Surfaces: devtools panel · Styling: CSS · Level: beginner · Framework: react
Create this project
npx extension@latest create my-devtools-react --template devtools-react
cd my-devtools-react
npm install
npm run dev
Files in this template
- extension.config.js
- src/devtools/index.html
- src/devtools/scripts.js
- src/images/icon.png
- src/images/react.png
- src/manifest.json
- src/panel/PanelApp.tsx
- src/panel/index.html
- src/panel/scripts.tsx
- src/panel/styles.css
Source on GitHubDocumentation
extension.devDocumentation for extension.dev