「EnvGuard」的項目標誌圖片

EnvGuard

EnvGuard的項目媒體 1 (螢幕截圖)

總覽

Detect PROD / STAGING / DEV environments and show a color bar

Stop accidentally running tests on Production! EnvuGuard is a lightweight, powerful browser extension designed to help developers and testers distinguish between different web environments at a glance. By adding a highly visible color bar or ribbon to your pages, you'll never confuse a Staging server with a Live server again. Key Features: 🚀 Smart Detection: Automatically identifies PROD, STAGING, DEV, and LOCAL environments based on URL patterns. 🎨 Fully Customizable: Choose your own colors, text, and bar thickness to suit your workflow. 📍 Flexible Positioning: Place the indicator at the top, bottom, or corners of the page. 🔗 Regex Support: Use regular expressions to match complex domain structures. 🔒 Privacy First: All configurations are stored locally. No data collection, no tracking. 別再把測試資料誤刪到正式環境了!EnvuGuard 是一支專為開發者與測試人員設計的輕量級工具。透過直覺的顏色邊條標示,讓您一眼就能辨識當前網頁是正式環境 (PROD)、測試環境 (STAGING) 還是開發環境 (DEV)。 核心功能: 🚀 智能辨識:根據 URL 自動偵測 PROD、STAGING、DEV、LOCAL 等多種環境。 🎨 高度自定義:自由設定顏色、文字內容與邊條粗細,完美融入您的工作流程。 📍 靈活位置:支援頂部、底部或頁面角落顯示,不干擾開發偵錯。 🔗 正則表達式:支援 Regex 匹配,輕鬆應對各種複雜的網域架構。 🔒 隱私至上:所有設定僅儲存在瀏覽器本地端,不收集資料,安全無虞。

0 分 (滿分 5 分)無評分

進一步瞭解結果與評論。

詳細資料

  • 版本
    0.2.0
  • 已更新
    2026年5月30日
  • 提供者
    kidd.jk
  • 大小
    14.16KiB
  • 語言
    中文(台灣)
  • 開發人員
    電子郵件
    kidd.jk@gmail.com
  • 非交易商
    這位開發人員並未表明自己是交易商。歐盟地區的消費者請注意,消費者權利不適用於你和這位開發人員之間簽訂的合約。

隱私權

管理擴充功能,並瞭解貴機構的擴充功能使用情形
開發者已表示這項商品不會蒐集或使用你的資料。 詳情請參閱開發人員的《privacy policy》。

這位開發者就你的資料做出下列聲明:

  • 經核准的用途外,不會將你的資料販售給第三方
  • 不會基於與商品核心功能無關的目的,使用或轉移資料
  • 不會為了確認信用度或基於貸款目的,使用或轉移資料

相關項目

Serifio: Font & Colour Inspector

4.6

Identify fonts, copy colour codes and check WCAG contrast ratios. The essential tool for designers and developers.

jQuery Version Detector

0.0

Detects jQuery version and links on current webpage with colored indicators

Developer DOM Inspector

5.0

Inspect DOM elements visually

Element Inspector - Precision UI Analysis

5.0

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

Color Palette

4.5

Lists and displays color codes of the current page

SEO FontScope

5.0

Inspect SEO data, detect webpage fonts, and identify colors instantly with SEO FontScope. By Daniel Imad

Frontend Inspector

0.0

Inspect any element's design properties. Hover to see colors, spacing, fonts, and dimensions instantly.

Design Snap – Design Tokens, Tailwind & shadcn/ui Themes

5.0

Extract design tokens from any website, generate shadcn/ui & Tailwind themes, and inspect any element's CSS.

Salesforce Environment Indicator

5.0

Displays a visual indicator for different Salesforce environments

ServiceNow Environment Guard - Environment Marker

0.0

Visual warning overlay for ServiceNow environments — never accidentally edit production again

Know Your Environment

5.0

Manage and customize environment indicators for your websites.

AccessiWeb Color Contrast Tester

4.9

Verifica il rapporto di contrasto tra due colori secondo le WCAG.

Serifio: Font & Colour Inspector

4.6

Identify fonts, copy colour codes and check WCAG contrast ratios. The essential tool for designers and developers.

jQuery Version Detector

0.0

Detects jQuery version and links on current webpage with colored indicators

Developer DOM Inspector

5.0

Inspect DOM elements visually

Element Inspector - Precision UI Analysis

5.0

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

Color Palette

4.5

Lists and displays color codes of the current page

SEO FontScope

5.0

Inspect SEO data, detect webpage fonts, and identify colors instantly with SEO FontScope. By Daniel Imad

Frontend Inspector

0.0

Inspect any element's design properties. Hover to see colors, spacing, fonts, and dimensions instantly.

Design Snap – Design Tokens, Tailwind & shadcn/ui Themes

5.0

Extract design tokens from any website, generate shadcn/ui & Tailwind themes, and inspect any element's CSS.

Google 應用程式