Sygnal Devmode

Switch between DEV, TEST, and PROD script sources instantly. No code changes. No deployments. Just seamless environment control.

Delivered as a 100% free Chrome extension.

Sygnal Shortcode is 100% free and available in the Chrome web store. Get it soon.

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
  • Automatic disabling when your are using Sygnal's Devproxy solution for dedicated DEV / TEST environments.
  • 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

  1. Install the extension
  2. Add dev-src/test-src attributes to your script tags
  3. Click the extension icon and choose your environment
  4. 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.

Business Expert
Need help with your project?
We love to code.

Check out our micro-consulting options. You do the the design, we take care of the technical work.

TwitterLinked InBlog