Sygnal Devmode icon

Sygnal Devmode

Extension Actions

How to install Open in Chrome Web Store
CRX ID
cackddedadgjjhkajcjkkcpeohohcacf
Description from extension meta

Toggle DEV/TEST/PROD and rewrite external script src to dev-src/test-src values or redirect via DNR.

Image from store
Sygnal Devmode
Description from store

Transform how you test and debug web applications across environments. Sygnal Devmode gives developers superpowers: switch between development, testing, and production script sources with a single click—no code changes, no deployments, no hassle.

🚀 What Makes It Special
Instant Environment Switching Toggle between DEV, TEST, and PROD modes from your toolbar. Changes apply per-origin, so you can test multiple sites simultaneously without conflicts. Visual Clarity

🔴 Red dot = DEV mode active
🟡 Yellow dot = TEST mode active
🟢 Green dot = PROD mode (default)

Page titles show colored dots so you always know which environment you're in
Zero Code Changes Just add dev-src and test-src attributes to your script tags once. The extension handles the rest—rewriting URLs on the fly using Chrome's native redirect engine.

<script src="https://cdn.example.com/prod/app.js"
dev-src="http://localhost:3000/app.js"
test-src="https://test-cdn.example.com/app.js">
</script>

Smart & Safe
- Works with dynamically injected scripts
- Per-origin state means production sites stay in PROD while you test elsewhere
- Network-level redirects using Manifest V3's Declarative Net Request API

💡 Perfect For
- Frontend Developers: Test local changes on production pages instantly
- QA Engineers: Switch between staging and production without browser profiles
- DevOps Teams: Debug script issues across environments in real-time
- Anyone who's tired of: Constant URL swaps, multiple browser profiles, or commenting/uncommenting script tags

⚡ Get Started in Seconds
- Install the extension
- Add dev-src/test-src attributes to your script tags
- Click the extension icon and choose your environment
- Reload the page—scripts now load from your selected source
- That's it. No configuration files. No build steps. No complexity.

🛡️ Privacy & Security
- Stores only URL mappings locally—no data collection
- Works entirely on your device
- Manifest V3 compliant

Stop switching browser profiles. Stop editing production code. Stop wasting time. Start developing smarter with Sygnal Devmode.