JavaScript Bookmarklets Tutorial - How to create bookmarklet, amend DOM to add HTML links to page
Sommario:
- Stampa quello che ti piace
- Riempimento automatico
- Nascondi collegamenti ipertestuali visitati
- Ricerca Wikipedia
- Consenti tasto destro
- Cerca nel sito
- Cerca su Google
- Kwout
- Elenco Mailtos
- Goo.gl
- Visualizza password
- Scheda duplicata
- Dividi in orizzontale o in verticale
- Superiore
- clippable
- Pagina cerniera
- Visualizza selezione
- Mappa questo
- CiteBite
- Facebook Bookmarklet
- Targeting per nuove finestre
- Bonus: il CC: per me bookmarklet
- Conclusione
I bookmarklet sono piccoli JavaScript (o piccoli frammenti di codice) che ci offrono un modo elegante per migliorare la nostra esperienza di navigazione. Come se segnalassimo i nostri siti Web preferiti, potremmo anche aggiungere segnalibri ai nostri bookmarklet preferiti. Risiedono sulla barra dei segnalibri del browser (la barra degli strumenti che di solito si trova sotto la barra degli indirizzi in un browser) e forniscono funzionalità interessanti con un clic agli utenti.
In questo post elencheremo 21 di questi bookmarklet che potrebbero rivelarsi estremamente utili a seconda del tipo di lavoro che svolgi.
Nota: tutti i collegamenti sono collegamenti di bookmarklet diretti e è sufficiente trascinarli sulla barra degli strumenti dei segnalibri nel browser per iniziare a utilizzarli. Tuttavia, alcuni bookmarklet potrebbero non essere compatibili con determinati browser, quindi abbiamo anche fornito la pagina di origine per ognuno in modo che tu possa installarlo direttamente dalla loro pagina ufficiale se riscontri un problema installandolo direttamente da qui.
Stampa quello che ti piace
Stampa ciò che ti piace trasforma la pagina web in un'interfaccia per rimuovere elementi che non desideri stampare. (Pagina di origine: printwhatyoulike.com)
Riempimento automatico
Riempimento automatico ti aiuta a compilare moduli di registrazione su siti Web che non ti consentiranno di fare un passo avanti senza farlo. E lo fa con dati falsi o inutili! (Pagina di origine- manni-heumann.de)
Nascondi collegamenti ipertestuali visitati
Nascondi collegamenti ipertestuali visitati nasconde tutti i collegamenti ipertestuali già visitati su un sito Web. (Pagina di origine- operawiki.info)
Ricerca Wikipedia
Wikipedia Lookup è un modo semplice per evidenziare determinati testi e cercare Wikipedia per i dettagli al riguardo. (Pagina di origine - Techmeasy)
Consenti tasto destro
Consenti clic destro potrebbe essere la soluzione per quei siti Web in cui è vietato un clic destro. (Pagina di origine- subsimple.com )
Cerca nel sito
Cerca nel sito può essere utilizzato per cercare qualsiasi cosa nel sito Web senza nemmeno preoccuparsi della sua casella di ricerca. I risultati sono tramite Google. (Pagina di origine- SearchEngineJournal)
Cerca su Google
Cerca Google apre una finestra di dialogo per inserire le tue parole chiave nella ricerca di Google. Non è più necessario aprire Google tramite la barra degli indirizzi e quindi digitare le parole chiave su di essa! (Pagina di origine- subsimple.com )
Kwout
Kwout è un modo geniale per catturare e condividere uno screenshot di una pagina web con tutti i collegamenti intatti sull'immagine generata. Abbiamo anche un articolo in evidenza su Kwout qui.
Elenco Mailtos
Elenca Mailtos elenca tutti gli indirizzi email disponibili come link mailto nella pagina corrente in cui ti trovi. (Pagina di origine- manni-heumann.de)
Goo.gl
Goo.gl ti consente di generare URL più brevi per indirizzi lunghi in modo da poterli gestire facilmente. (Pagina di origine - Ispirazione digitale)
Visualizza password
Visualizza password mostra il testo della password dietro; utile quando lo digiti male ma senti di averlo digitato correttamente. (Pagina di origine - SquareFree)
Scheda duplicata
La scheda Duplica apre la pagina Web corrente in una nuova scheda; un modo semplice per iniziare una seconda sessione. (Pagina di origine - Techmeasy)
Dividi in orizzontale o in verticale
Dividi orizzontalmente è un modo fantastico per dividere il browser in due metà orizzontali con la pagina corrente in entrambe le metà. Un bel paragone aiuta davvero. Potresti voler anche dividere verticalmente. (Pagina di origine: Mozilla Bookmarklets norcimo.com)
Superiore
Top ti porta al livello più alto del dominio o della home page che potresti percepire. (Pagina di origine - Squarefree)
clippable
Clippable rimuove tutto il disordine attorno a una pagina Web e ne migliora la leggibilità. C'è anche il bookmarklet di leggibilità per lo stesso. (Pagina di origine- brettterpstra.com)
Pagina cerniera
Page Zipper ricama articoli che ti costringono a fare clic su "Avanti" più volte e attendono il rendering delle pagine. Non è più necessario leggere un singolo articolo in cinque pagine diverse. (Pagina di origine: printwhatyoulike.com)
Visualizza selezione
Visualizza selezione visualizza una porzione del testo selezionato in una nuova finestra / scheda. (Pagina di origine - Squarefree)
Mappa questo
Mappa Questo è un modo ordinato per cercare un indirizzo su Google Maps senza dover navigare attraverso l'intero processo. (Pagina di origine- googlesystem.blogspot.com)
CiteBite
CiteBite è un ottimo modo per evidenziare un testo specifico su una pagina Web e condividere il nuovo collegamento con un amico che lo porterà direttamente alla sezione evidenziata. (Pagina di origine - Citebite)
Facebook Bookmarklet
Facebook Bookmarklet è un modo pratico di condividere un collegamento su Facebook quando la pagina web non offre uno di questi strumenti di collaborazione. (Pagina di origine - Facebook)
Targeting per nuove finestre
Target New Windows apre automaticamente i collegamenti su cui si fa clic in una nuova scheda o finestra. (Pagina di origine - Squarefree)
Bonus: il CC: per me bookmarklet
Ecco un bonus: il super cool cc: per me bookmarklet per inviare rapidamente e-mail a te stesso.
Conclusione
Quindi, questo era l'elenco dei bookmarklet che ritenevamo interessanti e utili nella nostra navigazione quotidiana.
Quali sono i tuoi preferiti? Quali altri bookmarklet usi di frequente che non abbiamo trattato nell'elenco?
Attiva capovolgi su ie 10 per una migliore esperienza di navigazione
Ecco come attivare Flip Ahead su IE 10 per una migliore esperienza di navigazione con Swipe e tutti.
3 consigli utili per una migliore esperienza di imessage
Alcuni consigli per correggere alcuni dei comportamenti predefiniti più fastidiosi di iMessage sui tuoi dispositivi iOS e farlo funzionare meglio.
3 Suggerimenti utili su Gmail per una migliore produttività e utilizzo
Dai un'occhiata a questi 3 suggerimenti utili su Gmail per una migliore produttività e utilizzo.