Item logo image for Environment Tagger

Environment Tagger

Item media 3 (screenshot) for Environment Tagger
Item media 1 (screenshot) for Environment Tagger
Item media 2 (screenshot) for Environment Tagger
Item media 3 (screenshot) for Environment Tagger
Item media 1 (screenshot) for Environment Tagger
Item media 1 (screenshot) for Environment Tagger
Item media 2 (screenshot) for Environment Tagger
Item media 3 (screenshot) for Environment Tagger

Overview

Visual indicators for web environments - distinguish between production, test, and development sites with colored favicon overlays

Environment Tagger - Never Deploy to Production by Mistake Again A simple yet powerful tool for developers, system administrators, and teams working with multiple environments. Environment Tagger adds visual indicators to your browser tabs, making it instantly clear whether you're working on production, test, development, or customization environments. Key Features: Visual Environment Identification - Colored square favicons with client initials replace site favicons Environment-Specific Colors - Red for Production, Yellow for Test/QA, Green for Development, Grey for Customizing Auto-Detection - Smart URL pattern recognition automatically suggests environment types Compact Interface - Clean, minimal popup design that doesn't clutter your workflow Flexible Configuration - Tag any website with custom client names and environment types Fallback Protection - Uses tab title prefixes when favicon replacement is blocked Production Warnings - Special alerts when working with production environments Perfect for: Developers managing staging and production deployments System administrators working across multiple environments QA teams testing different system configurations Consultants managing multiple client environments Anyone who needs to quickly identify which environment they're working in How it works: Visit any website and open the extension Enter the site URL and client/project name Select the environment type (Production/Test/Development/Customizing) The extension replaces the site's favicon with a colored square containing client initials Instantly recognize environments across all your browser tabs Privacy & Security: All data stored locally in your browser No external servers or data transmission No tracking or analytics Open source and transparent Stop the confusion and prevent costly mistakes. Make environment identification effortless with Environment Tagger.

Details

  • Version
    1.0.0
  • Updated
    August 30, 2025
  • Size
    13.7KiB
  • Languages
    English
  • Developer
    Email
    a.tebouda@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Element Inspector - Precision UI Analysis

5.0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

WebLabeler

5.0

Label your projects easily and avoid confusing production with test or development environments

Know Your Environment

5.0

Manage and customize environment indicators for your websites.

Screen Ruler - Web Inspector & Design Tools

4.6

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Vibe - Detect AI-Generated Websites

5.0

Detects vibecoded websites by analyzing visual patterns and content markers

HTML Viewer

5.0

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

Visited Links Marker

0.0

Mark visited links with customizable colors across all websites

Color Accessibility Checker

5.0

Use a color accessibility checker to check color contrast ratio, fulfill wcag color standards, and improve website accessibility.

HTML Diff Check Tool

4.4

Tool for checking HTML difference between tabs ,or between production and development environment.

Responsive Website Testing Toolkit - Multiple Viewport Simulator

3.9

An essential tool to test the responsiveness of any website on multiple screens simultaneously

Salesforce Environment Indicator

5.0

Displays a visual indicator for different Salesforce environments

Snable: UI Inspector & CSS Scanner

4.6

Analyze any web page that catches your eye! Get a detailed overview of colors, fonts, and visual elements for design inspiration.

Element Inspector - Precision UI Analysis

5.0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

WebLabeler

5.0

Label your projects easily and avoid confusing production with test or development environments

Know Your Environment

5.0

Manage and customize environment indicators for your websites.

Screen Ruler - Web Inspector & Design Tools

4.6

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Vibe - Detect AI-Generated Websites

5.0

Detects vibecoded websites by analyzing visual patterns and content markers

HTML Viewer

5.0

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

Visited Links Marker

0.0

Mark visited links with customizable colors across all websites

Color Accessibility Checker

5.0

Use a color accessibility checker to check color contrast ratio, fulfill wcag color standards, and improve website accessibility.

Google apps