QA Shield — Environment Guard

About

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