Remova os estilos embutidos e adicione o cabeçalho do site

Quer exibir um código limpo e sem conteúdo embutido?

Esta é uma maneira divertida de remover os códigos online e adicionar todo o cabeçalho do site dentro da styletag, é claro.

(function () {
    /*
     *
     * Variable definitions
     * 
     * @variables
     * a = Array (exit repeat loop)
     * c = Count (for new classes count)
     * e = Space (if there is already a class, add space)
     * h = Header (create a style based on the header "head")
     * n = New style (insert new style to the style base)
     * r = Random (creates a new class / id random)
     * s = Selectors (search all style selectors)
     * t = Inline text (inline text captures the style)
     *
     */

    var c, e, h, n, r, s, t;

    r = Math.random().toString(36).substring(14);

    s = document.querySelectorAll("*[style]");

    h = document.createElement('style');

    h.id = r;

    document.getElementsByTagName('head')[0].appendChild(h);

    c = 1;

    Array.prototype.forEach.call(s, function (a) {

        e = '';

        if (a.className !== '') {

            e = ' ';
        }

        a.className = a.className + e + r + '_' + c;

        t = a.style.cssText;

        n = document.getElementById(r);

        n.innerHTML = n.innerHTML + '.' + r + '_' + c + '{' + t + '}';

        a.style.cssText = '';

        c = c + 1;
    });

})();

Ótimo! Para visualizar o funcionamento, adicione este script no cabeçalho do seu site e apenas deixe funcionar.