Web Environment Banner

Shows a rolling banner at the top of pages whose URL you registered as local, development, or production.

Have you ever wiped data or shipped a deploy because you mistook production for development? This extension stops that. When you open a URL you registered, a banner with the environment name rolls across the top (or bottom) of the page. You choose the color and the name per environment, so a single glance tells you which server you are looking at. ■ Features · Register URLs per environment — local / development / production out of the box, plus staging, QA, or anything you add · Flexible patterns — localhost, localhost:3000, *.dev.example.com, dev.*, dev-*, path scoping, and regular expressions · Per-environment background and text color · Adjustable banner height, font size, scroll speed and direction, spacing, and a diagonal warning stripe · Pushes page content down by the banner height so nothing is hidden · Also offsets the site's own fixed / sticky header, which page padding alone cannot move · Click the toolbar icon to register the current URL in one step · Export and import settings as JSON so a whole team shares the same rules · Settings sync across Chrome instances signed in to the same Google account ■ Privacy No data is collected and nothing is transmitted. The extension contacts no external server and contains no analytics. It stores only what you type — environment names, URL patterns, and color settings — in Chrome storage. Page URLs are compared against your own patterns on your device only, and page content is never read. ■ Notes · Works on http and https pages; browser-internal pages such as chrome:// cannot show a banner · The close button hides the banner for that tab only; it returns in a new tab · The interface is available in English and Korean, following your Chrome language · Bundles Pretendard (SIL Open Font License 1.1)