Ajuda a distinguir o ambiente de homologação do de produção baseado pelo domínio

ux-homologation.js

// ==UserScript==
// @name         UxHomologation
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Ajuda a detectar se esta em que ambiente baseado no domínio
// @author       Guilherme Nascimento
// @match        *://dominio-do-ambiente-de-homologação.com.br/*
// @grant        none
// ==/UserScript==

(function(doc) {
    'use strict';

    function trigger() {
        var s = doc.createElement("style");
        s.textContent = '.ux-homologation {' +
                        '     pointer-events: none;' + //Permite o mouse ultrapassar o div
                        '     position: fixed;' +
                        '     bottom: 10px;' +
                        '     right: 10px;' +
                        '     padding: 10px;' +
                        '     border-radius: 4px;' +
                        '     background-color: rgba(0,0,0,0.8);' +
                        '     color: #fff;' +
                        '} ' +
                        '.ux-homologation:hover {' +
                        '     opacity: 0.02;' + //Oculta a DIV
                        '}';

        doc.head.appendChild(s);

        var d = doc.createElement("div");
        d.className = "ux-homologation";
        d.textContent = "Homologação";
        doc.body.appendChild(d);

        document.title = "[Homologação] " + document.title;
    }

    if (/^(interactive|complete)$/i.test(doc.readyState)) {
        trigger();
    } else {
        doc.addEventListener('DOMContentLoaded', trigger);
    }
})(document);

ux-homologation.md

Requisitos

Primeiro instale o Tampermonkey se for Chrome ou Opera:

• https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en
• https://addons.opera.com/pt/extensions/details/tampermonkey-beta/?display=en

Ou Greasemonkey ou Tampermonkey para Firefox:

• https://addons.mozilla.org/pt-br/firefox/addon/tampermonkey/
• https://addons.mozilla.org/pt-br/firefox/addon/greasemonkey/

Como usar

• Tutorial para tampermokey http://tampermonkey.net/faq.php?ext=dhdg
• Tutorial para greasemonkey https://wiki.greasespot.net/Greasemonkey_Manual:Installing_Scripts

Depois acesse a URL ux-homologation.js ou copie o conteudo dela e siga os passos dos tutoriais acima.

Configurar

Para configurar basta trocar esta linha:

// @match        *://dominio-do-ambiente-de-homologação.com.br/*

Pelo dominio que você usa para homologação ou desenvolvimento, por exemplo:

// @match        *://dominio-intranet.com/*

Ou:

// @match        *://localhost/*

Adicionar mais de um dominío

// @match        *://localhost/*
// @match        *://127.0.0.1/*
// @match        *://192.168.*
// @match        *://10.*