Identify development environment

Deuchnord
2025-02-19T12:18:42Z

Display an alert on your work environment for disambiguation

Display an alert on your development environment, so you can make the difference between your preproduction and production, for instance.

How to configure your environments

Refresh any webpage, then open the values stored by the userscript (in Violentmonkey: open the script's code and select the Values tab). Then edit the environments value.

Each environment is a JSON object with the following attributes:

hostname: the domain name that matches the environment

name: the name displayed for that environment

background: the background color of the alert that will be displayed on the pages of the environment

textColor: the text color of the alert that will be displayed on the pages of the environment

Example

{
  "environments": [
    {
      "hostname": "example.com",
      "name": "Production",
      "background": "red",
      "textColor": "white"
    }
  ]
}