Quais bookmarklets úteis você usa? [fechadas]

32

Eu uso:

Vocês?

Tal Galili
fonte
2
Adicionamos minhas sugestões como respostas separadas para que as pessoas possam votar em bookmarklets individuais.
Tom Savage
7
Você realmente deve vincular cada um deles ao local que os fornece.
Adam Tuttle
Eu <3 Bookmarklets! Eles são alguns dos melhores aplicativos da web!
Greg Bray
1
também se poderia argumentar que bookmarklets são para navegadores e, portanto, esta questão pertence a superusuário :)
akira
Delicioso logo desaparecerá. Informações vazadas de uma reunião interna do Yahoo confirmaram isso. Esteja preparado para ouvir em breve sobre seu fim. Comece a fazer backup dos seus favoritos. Enquanto isso, procura-se algo tão bom ou melhor que delicioso. Conhece algum?
Mamta D

Respostas:

25

O que eu provavelmente mais uso é o Show Anchors , que eu fiz. Ele mostra um ícone de âncora ao lado de cada elemento da página que pode ser vinculado diretamente.

Parece estúpido, mas é muito útil quando você deseja indicar alguém para uma seção específica de um site. E é muito mais fácil do que tentar descobrir onde o proprietário do site colocou seus links de ancoragem (se é que o fizeram).

Sensível
fonte
Eu escrevi um bookmarklet para resolver o mesmo problema, apenas alterando o URL para a âncora mais próxima ou o ID para o texto selecionado. Mas isso é legal ... também mostra IDs?
intuited
@ intuited: sim, isso permite que você faça o link para IDs ... essa é uma das razões pelas quais eu criei o meu.
Senseful
você poderia me mostrar como "instalá-lo"?
phunehehe
+1 É muito bom e seria ótimo se ele pudesse alternar entre ativar e desativar.
Ismails
@phunehehe: atualizei o artigo para incluir instruções. Se você tiver mais perguntas, entre em contato.
Sensible 26/11/10
15

Ler mais tarde (marca a página para leitura posterior no InstaPaper )

Jon Hadley
fonte
15

Arrebentar

http://erkie.github.com

Encontrei isso no GitHub . É divertido e gosta de tirar minha mente das coisas e também me livrar delas!

Muhammad
fonte
2
Este deve ser o melhor bookmarklet de todos os tempos !!!
Sean Patrick Floyd
2
essa é ótima ... embora a pergunta dissesse "Útil" :) #
Ben Ben
12

URL longo, por favor

Reescreve os URLs mais encurtados de uma página para mostrar para onde eles o levarão.

Tom Savage
fonte
7

Uso o SuperGenPass para misturar minha senha mestre em senhas exclusivas dos sites que visito (o hash é baseado no domínio). Muito conveniente.

cherrypj
fonte
+1 - usei este bookmarklet por tanto tempo. É ótimo porque você pode usá-lo em computadores de amigos / parentes para gerar sua senha ou também existe uma versão móvel para o seu telefone.
precisa saber é o seguinte
6

Bookmarklet TinEye para encontrar outras fontes de imagens em uma página da web.

Greg Bray
fonte
6

BugMeNot para ignorar rapidamente o login de sites que exigem registro obrigatório e / ou coleta de informações pessoais / demográficas (como o New York Times).

Greg Bray
fonte
4

Quix: http://quixapp.com

É um pouco como o Quicksilver para a web. É muito útil para desenvolvimento web. Você também pode configurar o Chrome para usá-lo como um mecanismo de pesquisa para transformar a barra de endereço em uma linha de comando.

Tom Savage
fonte
Doce, esse link "configurar o Chrome" contém links para o meu blog original sobre como fazê-lo.
Sensável
4

Eu uso o bookmarklet StackPrinter ; permite imprimir perguntas do Stack Exchange (como esta) de uma maneira fácil de imprimir.

javascript:(function(){var re = new RegExp('^http://(.*?)\.com/questions/([0-9]+)/');var group = re.exec(window.location.href);if (group!=null){var service = group[1];var questionid=group[2];window.open('http://www.stackprinter.com/export?format=HTML&service='+service+'&question='+questionid)}else{alert('Attention: question id not found!')}})()
systempuntoout
fonte
3
  1. Ler mais tarde (envia a página para InstaPaper )
  2. Clipe no Evernote (salva a página como nota do Evernote)
  3. Legibilidade
Mike Richardson
fonte
Eu estava indo fazer um comentário sarcástico sobre a inclusão de várias recomendações, mas eu tenho todos os três destes na minha barra de favoritos e recomendo a todos, então ... se voto!
Doug Harris
Eu te escuto. Tentei adicioná-los como sugestões separadas, mas o sistema só me permitiu dar uma resposta a esta pergunta (até que algum tempo de atraso arbitrário se passasse) e sugeri reuni-los todos.
9788 Mike Richardson
Eu adicionei o Instapaper como uma linha - pois não uso as outras duas. No entanto, nenhum snark, a menos que um smiley conte;)
Jon Hadley
O clipe para o Evernote é épico. :)
JFW
3

jQuerify é o bookmarklet do qual não posso viver. Adiciona (se necessário) jQuery à lista de scripts na página. Torna a escrita de outros bookmarklets muito menos dolorosa!

Goyuix
fonte
2

Uso alguns bookmarklets (nomeados + e -) para aumentar ou diminuir rapidamente a página de um artigo que estou lendo.

Decremento:

javascript:(function()%7B%20var%20e,s;%20IB=-1;%20function%20isDigit(c)%20%7B%20return%20(%220%22%20%3C=%20c%20&&%20c%20%3C=%20%229%22)%20%7D%20L%20=%20location.href;%20LL%20=%20L.length;%20for%20(e=LL-1;%20e%3E=0;%20--e)%20if%20(isDigit(L.charAt(e)))%20%7B%20for(s=e-1;%20s%3E=0;%20--s)%20if%20(!isDigit(L.charAt(s)))%20break;%20break;%20%7D%20++s;%20if%20(e%3C0)%20return;%20oldNum%20=%20L.substring(s,e+1);%20newNum%20=%20%22%22%20+%20(parseInt(oldNum,10)%20+%20IB);%20while%20(newNum.length%20%3C%20oldNum.length)%20newNum%20=%20%220%22%20+%20newNum;%20location.href%20=%20L.substring(0,s)%20+%20newNum%20+%20L.slice(e+1);%20%7D)();

Incremento:

javascript:(function()%7B%20var%20e,s;%20IB=1;%20function%20isDigit(c)%20%7B%20return%20(%220%22%20%3C=%20c%20&&%20c%20%3C=%20%229%22)%20%7D%20L%20=%20location.href;%20LL%20=%20L.length;%20for%20(e=LL-1;%20e%3E=0;%20--e)%20if%20(isDigit(L.charAt(e)))%20%7B%20for(s=e-1;%20s%3E=0;%20--s)%20if%20(!isDigit(L.charAt(s)))%20break;%20break;%20%7D%20++s;%20if%20(e%3C0)%20return;%20oldNum%20=%20L.substring(s,e+1);%20newNum%20=%20%22%22%20+%20(parseInt(oldNum,10)%20+%20IB);%20while%20(newNum.length%20%3C%20oldNum.length)%20newNum%20=%20%220%22%20+%20newNum;%20location.href%20=%20L.substring(0,s)%20+%20newNum%20+%20L.slice(e+1);%20%7D)();
Nev Stokes
fonte
2

PrintLiminator - semelhante a outros bookmarklets de impressão, mas permite selecionar elementos a serem removidos da página.

Brian Ortiz
fonte
Eu conhecia o PrintWhatYouLike.com, mas este é muito mais simples
CharlesB
2

Aqui está meu próprio bookmarklet para todos os sites do Stack Exchange:

Este código mostrará sua contagem de votos para todas as tags que aparecem na seção de tags principais da sua página de usuário. Ele deve funcionar em qualquer site do Stack Exchange em que você esteja conectado (mas eu o testei apenas no Stack Overflow e Meta Stack Overflow). Infelizmente, há um erro na lógica de redirecionamento de sinônimos de tags que impedirá esse script de trabalhar com sinônimos de tags.

javascript:var uP=$('#hlinks-user a:eq(1)')[0].href;var uN=uP.replace(/.*\//gi,'');var uI=uP.replace(/.*\/([\d]+)\/.*/,'$1');var tsp='/tags/$0/topusers';var tqp='/questions/tagged/$0';var rD='result';var mA=5;var cA=0;var cO=0;var tT;var aT=[];var rT=[];var lI=function(tA,tP,tX,tT,bK){return' <span style="font-size:smaller;">[<a style="color:#777" href="'+tP.replace('$0',tA)+'"'+(bK?' target="_BLANK"':'')+(tT?' title="'+tT+'"':'')+'>'+tX+'</a>]</span>';};var pR=function(){if($('#'+rD).size()==0){$(document.body).append($('<div id="'+rD+'"></div>').css({'position':'fixed','top':'0','bottom':'0','left':'0','width':'40ex','background':'#fff','border-right':'solid #777 5px','overflow':'auto','text-align':'left','padding':'.3em'}));}};var dR=function(){rT.sort(function(a,b){return b[1]-a[1];});$('#'+rD+' h3').html('Your top '+tT+' tag scores:');$.each(rT,function(index,item){var tA=item[0],sC=item[1];var select=$('#tA'+(index+1));select.find('td:eq(1)').html(tA+lI(tA,tqp,'q','questions')+lI(tA,tsp,'s','stats'));select.find('td:eq(2)').html(sC);if(sC>99){select.find('td:eq(2)').css({'background':(sC>999?'gold':sC>399?'silver':'#A67D3D')});} select.find('td:eq(0)').remove();select.find('td').css({'padding':'.3em'});});};var dP=function(){if(aT.length==0&&cA==0){dR();return;}else if(cA<mA&&aT.length>0){rS(aT.pop());} window.setTimeout(dP,200);};var rS=function(tA){cA++;var oS=++cO;var dI='tA'+oS;$('#'+rD+' table').append($('<tr id="'+dI+'"><td>'+oS+' / '+tT+'</td><td>'+tA+'</td><td>...</td></tr>'));jQuery.get(tsp.replace('$0',tA),function(data){var sT=$(data.replace(/<img[^>]*>/gi,'')).find(".fl:eq(1) a[href*='"+uI+"']").parents('tr:eq(0)').find('.top-count:eq(0)').contents().text().trim().replace(/\D+/,'');rT.push([tA,sT?parseInt(sT):0]);$('#'+dI+' td:last').html('Done.');cA--;});};var tU=function(){jQuery.get(uP,function(result){fT($(result.replace(/<img[^>]*>/gi,'')));})};var fT=function(pN){if(!pN)pN=$('html');pN.find('.user-stats-table:eq(3) a.post-tag').each(function(index,item){aT.push(item.innerHTML.replace(/<[^>]*>/gi,''));});tT=aT.length;$('#'+rD).html('<h3>Retrieving tag scores...</h3><table style="width: 100%;"></table>');dP();};pR();if(document.URL==uP) fT(false);else tU();void(0)

E aqui está uma versão legível e não-bookmarklet do script:

// begin config
var uP = $('#hlinks-user a:eq(1)')[0].href; // user page URL
var uN = uP.replace ( /.*\//gi, '' ); // user name
var uI = uP.replace(/.*\/([\d]+)\/.*/, '$1'); // user id
var tsp = '/tags/$0/topusers'; // template for stats page
var tqp = '/questions/tagged/$0'; // template for questions page
var rD = 'result'; // dom id for generated div
var mA = 5; // max concurrent ajax requests
// end config

var cA = 0;  // current ajax requests
var cO = 0;  // current tag offset
var tT;      // total number of tags
var aT = []; // all remaining tags
var rT = []; // retrieved tags (format: [[tag,score]]
var lI = function(tA,tP,tX,tT,bK){ // build link using a tag, a template and a text
    bK = bK!==false;
    return ' <span style="font-size:smaller;">[<a style="color:#777" href="'
           + tP.replace('$0', tA) + '"'
           + (bK ? ' target="_BLANK"' : '')
           + (tT ? ' title="' + tT + '"' : '')
           + '>' + tX + '</a>]</span>';
};
var pR = function(){ // prepare result div
    if($('#'+rD).size()==0){
        $(document.body).append(
            $('<div id="' + rD + '"></div>')
                .css({
                    'position':'fixed',
                    'top':'0',
                    'bottom':'0',
                    'left':'0',
                    'width':'40ex',
                    'background':'#fff',
                    'border-right':'solid #777 5px',
                    'overflow':'auto',
                    'text-align':'left',
                    'padding':'.3em'
                })
        );
    }
};
var dR = function(){ // display results
    rT.sort(function(a,b){
        return b[1]-a[1];
    });
    $('#'+rD+ ' h3').html('Your top '+tT + ' tag scores:');
    $.each(
            rT,
            function(index, item) {
                var tA = item[0], sC = item[1];
                var select = $('#tA'+(index+1));
                select.find('td:eq(1)').html(tA + lI(tA,tqp,'q','questions') + lI(tA,tsp,'s','stats'));
                select.find('td:eq(2)').html(sC);
                if(sC > 99){
                    select.find('td:eq(2)').css({
                        'background' : (
                            sC > 999 ? 'gold'   :
                               sC > 399 ? 'silver' :
                               '#A67D3D'
                        )
                    });
                }
                select.find('td:eq(0)').remove();
                select.find('td').css({'padding':'.3em'});
            }
        );

};
var dP = function(){ // dispatcher function
    if(aT.length == 0 && cA == 0){
        dR();
        return;
    }else if(cA < mA && aT.length > 0){
        rS(aT.pop());
    }
    window.setTimeout(dP, 200);
};
var rS = function(tA){ // retrieve tag score
    cA++;
    var oS = ++cO; // current offset
    var dI = 'tA' + oS; // corresponding dom ID
    $('#'+rD + ' table').append($(
        '<tr id="' + dI + '"><td>'+oS+' / ' + tT + '</td><td>'
        + tA + '</td><td>...</td></tr>'
    ));
    jQuery.get(tsp.replace('$0', tA),function(data){
        // score as text:
        var sT = $(data.replace( /<img[^>]*>/gi, ''))
        .find(".fl:eq(1) a[href*='" + uI + "']")
        .parents('tr:eq(0)').find('.top-count:eq(0)')
        .contents().text().trim().replace(/\D+/,'');

        rT.push(
            [tA,sT ? parseInt(sT) : 0]
        );
        $('#' + dI + ' td:last').html('Done.');
        cA--;
    });
};
var tU = function(){ // get user page via ajax
    jQuery.get(uP, function(result){
        fT($(result.replace( /<img[^>]*>/gi, '')));
    })
};
var fT = function(pN){ // find tags in page node
    if(!pN)pN = $('html');
    pN.find('.user-stats-table:eq(3) a.post-tag').each(
        function(index,item){
            aT.push(item.innerHTML.replace(/<[^>]*>/gi, ''));
        }
    );
    tT=aT.length;
    $('#'+rD).html('<h3>Retrieving tag scores...</h3>'
        + '<table style="width: 100%;"></table>');
    dP();
};
pR();
if(document.URL==uP)// we're in user page
    fT(false);
else // load user page per AJAX
    tU();
Sean Patrick Floyd
fonte
(+1) Bookletlet muito agradável e útil. Precisa de um botão "Fechar barra lateral".
chanchal1987
2

Lembre-se da senha para remover autocomplete = "off"

AndreKR
fonte
1

Eu tenho uma tela grande. Alguns sites não limitam a largura máxima do conteúdo. Isso geralmente torna textos longos ilegíveis. Então, meu bookmarklet favorito é esse. Ele limita a largura máxima da página.

javascript:(function(){var%20newSS,%20styles='body%20{max-width:%20800px;}';%20if(document.createStyleSheet)%20{document.createStyleSheet(%22javascript:'%22+styles+%22'%22);}%20else%20{newSS=document.createElement('link');%20newSS.rel='stylesheet';%20newSS.href='data:text/css,'+escape(styles);%20document.documentElement.childNodes[0].appendChild(newSS);}})();
Fczbkk
fonte
2
Por que você não usa document.getElementsByTagName( 'body' )[0].style.maxWidth = '800px';? Parece-me muito mais fácil do que adicionar uma nova folha de estilos ..
cutuca
1

XRAY
Eu o uso para ver o modelo da caixa de qualquer elemento em qualquer página da web.

Alex
fonte
1

Eventualmente, o Zap Colors é instalado em qualquer navegador que eu uso. Texto em cinza em um fundo preto? Zap e de repente é legível.

stuartd
fonte
1

Quem gosta de bookmarklets deve dar uma olhada nas extensões do iMacros Firefox e chrome. Eles permitem que você crie "macros" (como bookmarklets grandes) para autoamte tarefa. Nós os usamos para todos os tipos de "coisas" no escritório.

Criando "Bookmarklets" do iMacros no Firefox: Criando "Bookmarklets" do iMacros

FrankJK
fonte
1

Aardvark, que é uma extensão do Firefox e um bookmarklet (para Chrome, Safari e Internet Explorer). É útil para desenvolvedores da Web e para pessoas que desejam apenas limpar uma página antes de imprimi-la. http://karmatics.com/aardvark/

roubo
fonte
1

Eu uso o Diigo e o diigolet no safari, mas eles têm uma barra de ferramentas para alguns navegadores.

Confie em mim, tente.

GiH
fonte
Eu também gosto muito ...
pgras
0

Se você é um web designer ou alguém que gosta de tipografia, gostaria de bookmarklet Font Friend .

Jin
fonte