Quali utili bookmarklet usi? [chiuso]


32

Io uso:

Tu?


2
Aggiunti i miei suggerimenti come risposte separate in modo che le persone possano votare i singoli bookmarklet.
Tom Savage,

7
Dovresti davvero collegare ciascuno di essi a un luogo che li fornisce.
Adam Tuttle,

I <3 Bookmarklets! Sono alcune delle migliori app Web!
Greg Bray,

1
si potrebbe anche sostenere che i bookmarklet sono per i browser e quindi questa domanda appartiene al superutente :)
Akira

Delicious presto scomparirà. Le informazioni trapelate da una riunione interna di Yahoo lo hanno confermato. Preparati a sentire presto della sua scomparsa. Inizia il backup dei segnalibri. Nel frattempo, la ricerca è in corso per qualcosa di buono o migliore di delizioso. Conosci qualcuno?
Mamta D,

Risposte:


25

Quello che probabilmente uso di più è Show Anchors , che ho realizzato. Mostra un'icona di ancoraggio accanto a ogni elemento della pagina a cui è possibile collegare direttamente.

Sembra stupido, ma è molto utile quando vuoi indirizzare qualcuno a una sezione specifica di un sito web. Ed è molto più facile che provare a capire dove il proprietario del sito ha messo i propri collegamenti di ancoraggio (se lo hanno fatto anche in primo luogo).


Ho scritto un bookmarklet per risolvere lo stesso problema semplicemente cambiando l'URL con l'ancoraggio o l'ID più vicino al testo selezionato. Questo è pulito però ... mostra anche gli ID?
intuito il

@intuited: sì, ti permette di collegarti agli ID ... questo è uno dei motivi per cui ho creato il mio.
Sensazionale

potresti per favore mostrarmi come "installarlo"?
phunehehe,

+1 È molto bello e sarebbe bello se potesse anche attivarlo e disattivarlo.
IsmailS,

@phunehehe: ho aggiornato l'articolo per includere le istruzioni. Se hai altre domande, per favore fatemelo sapere.
Senso




7

Uso SuperGenPass per convertire la mia password principale in password univoche per i siti che visito (l'hash si basa sul dominio). Molto conveniente.


+1 - Ho usato questo bookmarklet per così tanto tempo. È fantastico perché puoi usarlo su computer amici / parenti per generare la tua password o esiste anche una versione mobile per il tuo telefono.
BrianH,


6

BugMeNot per bypassare rapidamente l'accesso di siti Web che richiedono la registrazione obbligatoria e / o la raccolta di informazioni personali / demografiche (come il New York Times).



4

Uso il bookmarklet StackPrinter ; consente di stampare domande su Stack Exchange (come questa) in modo intuitivo.

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!')}})()

3
  1. Leggi più tardi (invia la pagina a InstaPaper )
  2. Clip su Evernote (salva la pagina come nota Evernote)
  3. leggibilità

Io stavo andando a fare un'osservazione snarky su come includere più raccomandazioni, ma ho tutti e tre di questi sui miei segnalibri bar e li consiglio, quindi ... fino voto!
Doug Harris,

Ti sento. Ho provato ad aggiungerli come suggerimenti separati, ma il sistema mi avrebbe permesso di inserire una sola risposta a questa domanda (fino a quando non fosse trascorso un tempo di ritardo arbitrario), e suggerito di metterli tutti insieme.
Mike Richardson,

Ho aggiunto Instapaper come copertina - poiché non uso le altre due. Nessun accenno però, a meno che uno smiley conta;)
Jon Hadley

Clip su Evernote è epico. :)
JFW,


3

jQuerify è il bookmarklet di cui non posso vivere. Aggiunge (se necessario) jQuery all'elenco di script nella pagina. Rende meno doloroso scrivere altri piccoli bookmarklet!


2

Uso un paio di bookmarklet (chiamati + e -) per aumentare o diminuire rapidamente la pagina di un articolo che sto leggendo.

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)();


2

Ecco il mio bookmarklet per tutti i siti Stack Exchange:

Questo codice mostra il conteggio dei voti positivi per tutti i tag che compaiono nella sezione dei tag principali della tua pagina utente. Dovrebbe funzionare su qualsiasi sito Stack Exchange a cui si è effettuato l'accesso (ma l'ho provato solo su Stack Overflow e Meta Stack Overflow). Sfortunatamente esiste un bug nella logica di reindirizzamento dei sinonimi dei tag che impedirà a questo script di funzionare con i sinonimi dei tag.

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)

Ed ecco una versione leggibile non bookmarklet dello 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();

(+1) Bookmarklet molto bello e utile. È necessario un pulsante "Chiudi barra laterale".
chanchal1987,



1

Ho un grande schermo. Alcuni siti Web non limitano la larghezza massima del contenuto. Ciò rende spesso illeggibili testi lunghi. Quindi il mio bookmarklet preferito è questo. Essa limita la larghezza massima della pagina.

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);}})();

2
Perché non usi document.getElementsByTagName( 'body' )[0].style.maxWidth = '800px';? Mi sembra molto più facile che aggiungere un nuovo foglio di stile ...
colpire il

1

XRAY
Lo uso per vedere il modello di scatola per qualsiasi elemento in qualsiasi pagina web.


1

Alla fine Zap Colors viene installato su qualsiasi browser che utilizzo. Testo grigio su sfondo nero? Zap ed è improvvisamente leggibile.



1

Chiunque ami i bookmarklet dovrebbe dare un'occhiata alle estensioni di Chrome e Chrome di iMacros . Ti consentono di creare "macro" (tipo di bookmarklet enormi) per autoamtare attività. Li usiamo per tutti i tipi di "roba" in ufficio.

Creazione di "Bookmarklets" di iMacros in Firefox: Creazione di "Bookmarklets" di iMacros


1

Aardvark, che è sia un'estensione di Firefox che un bookmarklet (per Chrome, Safari e Internet Explorer). È utile per gli sviluppatori Web e per le persone che vogliono semplicemente ripulire una pagina prima di stamparla. http://karmatics.com/aardvark/








0

Se sei un web designer o qualcuno che ama la tipografia, ti piacerebbe bookmarklet di Font Friend .

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.