QA Shield — Environment Guard

QA Shield helps QA engineers and developers avoid costly mistakes on production environments. It automatically detects when you're browsing a production, staging, or UAT environment — and warns you with clear visual indicators before you accidentally modify live data. CORE FEATURES Environment Detection - Automatically identifies environments based on URL keywords (e.g. "prod", "staging", "uat") - Add custom URLs for exact hostname matching - Create unlimited custom environments with unique colors and severity levels Visual Warnings - Red border overlay around the entire viewport (with pulse animation for production) - Corner tags displaying the environment name at all four corners - Top banner with environment name and blocked methods - Confirmation modal on first visit to dangerous environments - Title prefix showing the current environment name API Method Blocking - Block specific HTTP methods (GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS) per environment - Uses Chrome's declarativeNetRequest API for reliable network-level blocking - Flexible per-environment configuration: block write operations on production while allowing everything on staging Request Logging - Logs all blocked requests with timestamp, method, and URL - Real-time toast notifications when a request is blocked - View and clear the full log from the settings page Configuration Management - Export settings as JSON to share with your team - Import team configurations with a single click - Reset to defaults at any time - All settings auto-save as you edit HOW IT WORKS 1. Install the extension 2. Visit any page — QA Shield checks the URL against your environment patterns 3. If a match is found, visual warnings appear and API blocking rules activate 4. Customize environments, colors, severity levels, and blocked methods in settings DEFAULT CONFIGURATION Production: matches "prod", "production" — blocks POST, PUT, PATCH, DELETE Staging: matches "staging", "stg" — no methods blocked UAT: matches "uat" — no methods blocked You can modify these defaults or add new environments at any time. BUILT FOR TEAMS Share your configuration with your entire QA team using the export/import feature. Everyone stays protected with the same rules. PRIVACY QA Shield works entirely locally. It does not collect, transmit, or store any data outside your browser. All configuration is saved in Chrome's local storage. No analytics, no tracking, no external servers. PERMISSIONS EXPLAINED - Storage: Save your configuration locally - Tabs: Detect which environment you're currently on - declarativeNetRequest: Block dangerous API calls at the network level - Host permissions (all URLs): Needed to show visual warnings on any page you visit