☰

Prod Detect

Displays a simple warning bar at the top of your site if you're on production.

当前为 2014-11-26 提交的版本，查看 最新版本。

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name         Prod Detect
// @namespace    http://jordanbalagot.com/
// @version      0.1
// @description  Displays a simple warning bar at the top of your site if you're on production.
// @author       Jordan B
// @match        http://www.google.com/*
// ==/UserScript==

//Replace http://www.google.com/* with your production URL.
if(window.location.href.indexOf("http://www.google.com/") > -1)
{
    document.body.innerHTML += '<div style="position:absolute;text-align:left;top:0;width:100%;height:20px;opacity:1;z-index:100;background:red;color:white;">PROD</div>';
    var css = document.createElement("style");
    css.type = "text/css";
    css.innerHTML = "body { margin-top: 20px; }";
    document.body.appendChild(css);
}