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 o Scriptish prefiro este, 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 */
var allSite = function() {
if (!window.StackExchange || window.StackExchange.options.user.isAnonymous )
return;
// fazer_algo_se_for_um_usuario_logado();
};
/* roda só quando vendo uma pergunta específica */
var singleQ = function() {
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 http://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 */
var filter_so_check_page = function() {
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.