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).
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 )
+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.
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).
É 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.
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!')}})()
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;)
+1 para Bit.ly. Eu sei que existem muitos encurtadores por aí, mas esse eu acho mais útil.
Dillie-O
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!
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.
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();
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.
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.
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.
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/
Respostas:
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).
fonte
Ler mais tarde (marca a página para leitura posterior no InstaPaper )
fonte
Arrebentar
http://erkie.github.com
Encontrei isso no GitHub . É divertido e gosta de tirar minha mente das coisas e também me livrar delas!
fonte
URL longo, por favor
Reescreve os URLs mais encurtados de uma página para mostrar para onde eles o levarão.
fonte
Uso o SuperGenPass para misturar minha senha mestre em senhas exclusivas dos sites que visito (o hash é baseado no domínio). Muito conveniente.
fonte
Bookmarklet TinEye para encontrar outras fontes de imagens em uma página da web.
fonte
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).
fonte
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.
fonte
Eu uso o bookmarklet StackPrinter ; permite imprimir perguntas do Stack Exchange (como esta) de uma maneira fácil de imprimir.
fonte
fonte
Eu uso:
fonte
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!
fonte
Uso alguns bookmarklets (nomeados + e -) para aumentar ou diminuir rapidamente a página de um artigo que estou lendo.
Decremento:
Incremento:
fonte
PrintLiminator - semelhante a outros bookmarklets de impressão, mas permite selecionar elementos a serem removidos da página.
fonte
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.
E aqui está uma versão legível e não-bookmarklet do script:
fonte
Lembre-se da senha para remover autocomplete = "off"
fonte
KeepVid: http://keepvid.com/
fonte
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.
fonte
document.getElementsByTagName( 'body' )[0].style.maxWidth = '800px';
? Parece-me muito mais fácil do que adicionar uma nova folha de estilos ..XRAY
Eu o uso para ver o modelo da caixa de qualquer elemento em qualquer página da web.
fonte
Eventualmente, o Zap Colors é instalado em qualquer navegador que eu uso. Texto em cinza em um fundo preto? Zap e de repente é legível.
fonte
Eu tenho minha própria coleção de tais utilitários que podem ser encontrados aqui ...
http://saraswaticlasses.net/sites/links4.php
fonte
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:
fonte
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/
fonte
Coralize por adicionar um site ao CDN Coral antes que ele seja pontilhado .
Similarmente:
Cache do Google
Way Back Machine / Arquivo da Internet
fonte
Eu uso o Diigo e o diigolet no safari, mas eles têm uma barra de ferramentas para alguns navegadores.
Confie em mim, tente.
fonte
Wikipedia Pesquisa para pesquisar o texto destacado na Wikipedia
fonte
Lista de desejos universal da Amazon para rastrear coisas que talvez eu queira comprar mais tarde (aniversários, presentes de Natal etc.)
fonte
Existem muitos bookmarklets úteis para os serviços do Google :
fonte
Eu uso os seguintes bookmarklets:
fonte
Se você é um web designer ou alguém que gosta de tipografia, gostaria de bookmarklet Font Friend .
fonte