Identify development environment

Display an alert on your work environment for disambiguation

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
Deuchnord
1日のインストール数
0
累計インストール数
3
評価
0 0 0
バージョン
1.0.0
作成日
2025/02/19
更新日
2025/02/19
大きさ
1.6KB
ライセンス
AGPL-3.0
対象サイト
すべてのサイト

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"
    }
  ]
}