Staging Site Warning Banner

WHAT IT DOES

Automatically detects when you're browsing a staging, development, test, or QA environment and adds a prominent warning banner at the corner of your screen. The banner reminds you that you're on a non-production site, helping prevent accidental actions like deleting data, sending test emails to real customers, or making configuration changes on the wrong environment. You can customize the URL patterns that trigger the banner, add your own staging indicators, and remove patterns you don't need.

WHERE IT RUNS

Works on all websites, all URLs, all protocols. The script checks every page load against your configured patterns and shows the banner only when a match is found. Perfect for developers, QA engineers, project managers, and anyone who works across multiple environments daily.

HOW TO USE

Install the script and it starts working immediately. The banner appears automatically on any page whose URL contains "staging", "stage", "dev", "test", or "qa". Click the gear icon to open the configuration panel where you can add custom patterns like "preprod", "sandbox", or "uat". Remove patterns you don't use or reset to defaults at any time. Changes take effect on the next page refresh. The banner includes a clear warning message and shows the current URL for quick verification.

REAL MECHANISM: DOM OBSERVER WITH PATTERN PIPELINE

This script uses a MutationObserver watching for DOM changes combined with a URL pattern matching pipeline. When the page loads, the URL is normalized to lowercase and checked against an array of user-defined patterns using includes() matching. The pattern array is persisted via GM_setValue and loaded on each page visit. If a match occurs, the BGPanel framework instantiates the warning interface within the first 500ms of page load. The panel uses CSS transforms for positioning and z-index layering to ensure it stays above all page content. Each pattern is case-insensitive, and the matching occurs before any DOM rendering to eliminate flash of unstyled content. Custom patterns are added to the array with deduplication logic that prevents duplicates.

THE PANEL

Drag the panel anywhere on screen by clicking and holding the header. It snaps to screen edges when released. Collapse it to a small bubble by clicking the minimize button, and expand it back by clicking the bubble. Resize the panel from any corner. Press Escape to close the configuration panel. Your position and size preferences are saved automatically per site.

PLEASE NOTE

This script requires the free BotGentz browser extension which provides the BGPanel framework and storage APIs. Websites change frequently; if the script stops working on a particular site, check for updates or adjust your patterns. All data (your custom patterns) is stored locally in your browser using GM_setValue and never sent anywhere. No analytics, no tracking, no external calls. The script only reads the current URL and your stored patterns; it never accesses passwords, forms, or any user input fields.