Skip to main content
3 de 6
replaced http://stackapps.com/ with https://stackapps.com/

Que eu saiba o mais prático é fazer um Userscript, que é uma extensão do navegador. Para gerenciar isso, no Firefox tem o Greasemonkey e no Chrome tem o Tampermonkey (parece que o Chrome tem suporte nativo mas nunca testei).

O exemplo a seguir esconde o #footer da página com CSS e coloca um fundo amarelado nos comentários que foram editados com jQuery. Esses comentários já tem o ícone , mas, como edito meus comentários frequentemente, gosto de saber quem faz isso também e o ícone é imperceptível muitas vezes.

Atenção para o escape das quebras de linha na string do CSS usando \ no final exato de cada linha.

// ==UserScript==
// @name     Meu custom Stack
// @match    *://*.askubuntu.com/*
// @match    *://*.mathoverflow.net/*
// @match    *://*.serverfault.com/*
// @match    *://*.stackapps.com/*
// @match    *://*.stackexchange.com/*
// @match    *://*.stackoverflow.com/*
// @match    *://*.superuser.com/*
// ==/UserScript==

GM_addStyle("\
#footer { display:none; }\
");

/* roda em páginas que não são uma pergunta individual */
function allSite() {
    if (!window.StackExchange || window.StackExchange.options.user.isAnonymous )
        return;
    
    // fazer_algo_se_for_um_usuario_logado();
};

/* roda só quando vendo uma pergunta específica */
function singleQ() {
    if (!window.StackExchange)
        return;

    /* Destaca todos os comentários que foram editados */
    var do_it = function() {
        $('.comment-body').each(function(){
            if( $(this).find('span.edited-yes').length !== 0 )
                $(this).css('background-color', 'rgba(236, 229, 220, 0.239216)');
        });
    }; 
    
    /* Repetir ao clicar em "mostrar mais comentários" */
    $('.js-show-link.comments-link').click(function(){
        setTimeout( do_it, 1000 );
    });
    
    do_it();
};

/* inserir script habilitando jQuery  / executa função callback (f) */
/* script de https://stackapps.com/q/2050 */
function with_jquery(f) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.textContent = "(" + f.toString() + ")(jQuery)";
    document.body.appendChild(script);
};

/* detecta página atual */
function filter_so_check_page() {
    var path = window.location.pathname;
    var ok = true;
    if( path.indexOf('/questions') > -1 ) {
        var pathArray = window.location.pathname.split( '/' ); 
        if( pathArray[2] && !isNaN( parseInt( pathArray[2], 10 ) )  )
            ok = false;
    }
    return ok;
};

/* inicia o processo dependendo da página atual */
if( ( page = filter_so_check_page() ) !== false ) {
    with_jquery( allSite );
} else {
    with_jquery( singleQ );
}

Lá no # Stack Apps tem muita coisa legal.

Muitos exemplos, e é ponto obrigatório para começar a trabalhar com a API do Stack Exchange.
Segue um exemplo de script que insere um novo recurso consultando a API: “View Vote totals” without 1000 rep.

brasofilo
  • 6,7mil
  • 2
  • 43
  • 80