Omogućava vam da izvršite zadatke jednim klikom. Ovaj članak objašnjava šta su bookmarkleti, kako ih instalirati i kako ih koristiti.

Koje radnje mogu izvršiti bookmarkleti?

Bookmarklet je alat "jednog klika" koji proširuje mogućnosti preglednika dodavanjem funkcija kao što su promjena izgleda web stranica, traženje odabranog teksta u tražilice, slanje stranice servisu automatski prevod stranice ili blog.

Po čemu se bookmarkleti razlikuju od ekstenzija?

• Oni nastupaju osnovne zadatke na klik.
• Oni su univerzalni, tj. obično rade u bilo kojem pretraživaču, ne samo u Firefoxu, a također rade bez obzira na platformu, mobilni ili desktop.
• Njima se upravlja kao i svaki bookmark. Za dobijanje Dodatne informacije, pogledajte Kako koristiti oznake za pamćenje i organiziranje omiljenih web lokacija.

Kako instalirati bookmarklete?

Instalacija bookmarkleta je jednostavna:

1. Učinite traku oznaka vidljivom klikom desni klik miševidugme miša držeći Ctrl on prazan prostor naslovna traka kartice i označite "Traka sa oznakama" u kontekstualnom meniju.
2. Prevucite bookmarklet sa stranice na traku sa oznakama. Trebalo bi da se pojavi na traci sa alatkama.

OK, sada je sve gotovo!

Proces je isti u drugim pretraživačima. Obično je najteži dio prikazati traku sa oznakama. Pa, onda znaš šta da radiš.

Kako koristiti bookmarklet?

Sve što trebate učiniti je:

1. Idite na stranicu na kojoj želite da koristite svoj bookmarklet.
2. Kliknite na bookmarklet na traci sa oznakama.

Gdje mogu pronaći bookmarklete?

Sada kada znate šta su bookmarkleti, kako ih instalirati i koristiti, pogledajte neke zanimljive bookmarklete i počnite graditi svoju kolekciju!

• Čitljivost uklanja suvišne bočne ploče i povećava tekst, čineći stranicu lakšom za čitanje.
• Microsoft Translator Bookmarklet otkriva originalni jezik teksta stranice i prevodi ga na vaš jezik. Ovaj bookmarklet ne radi na sigurnim (https://) web stranicama.

Više bookmarkleta možete pronaći na

Putujući uzburkanim talasima interneta, kako ne bi zaboravio mesto na koje je, hteo ili ne, sudbina bacila korisnika, on pravi bookmark u svom omiljenom pretraživaču. Nazivaju se Bookmarks ili Favorites. Bookmarks (Bookmarks) ili Favorites (Favorites) je skup linkova (URL) ka Internet resursima, po pravilu, čitave stranice ili pojedinačne stranice. Microsoft Internet Explorer sprema svaku vezu zaseban fajl, Netscape za ovo koristi html fajl bookmark.htm. Za rad sa velika količina markeri jednog pretraživača više nisu dovoljni. Pozivaju se na pomoć korisniku specijalni programi za rad sa linkovima.
Dijele se na:

Programi za organiziranje zbirke linkova (menadžeri);

Programi za pretvaranje linkova iz Microsofta Internet Explorer u Netscapeu, HTML stranica i obrnuto;

Programi za provjeru "preživljivosti" linkova, kao i za utvrđivanje promjene resursa na navedenim stranicama.

Pogledajmo ove kategorije detaljnije na primjerima. najbolji programi ovom pravcu..

URL menadžeri

Kompas 2.82
Dosta poznati menadžer bookmarks with velike prilike.

Podržava formate tri glavna pretraživača: Netscape, Microsoft Internet Explorer, Opera i druge manje uobičajene formate.

Program nije samo upravitelj oznaka, već obavlja i funkcije njihove konverzije i provjere. Omogućava vam izvoz kolekcija veza u raznim formatima, uključujući i HTML, dok vam omogućava da varirate izgled rezultirajuće stranice ovisno o potrebama korisnika.

Omogućava štampanje linkova za štampanje, podržava preview. Tražim duplikate. Sadrži veliki broj postavki

Vrši pretragu mrtve veze i mnogo više. Sami funkcionalnost jedan je od najboljih programa u ovom žanru.

Linkman 6.0.1.45
Još jedan prilično poznati upravitelj oznaka. Omogućava vam da uvezete markere iz Microsoft Internet Explorer-a, Netscape-a, a također vam omogućava da prilagodite uvoz veza prilagođenog formata. Izvoz u Microsoft Internet Explorer, Netscape, HTML, podržava sopstveni format. Sadrži šablone za izvoz u html datoteku, koje možete sami postaviti. Već sadrži dva gotove baze linkovi na Internet resurse, uključujući i jedan za proizvođače računarskog hardvera. Omogućava vam da postavite ocjenu od 0 do 5 za svaki link.

Potražite duplikate. Izbor linkova za lokalni disk, koji zadovoljava zadate uslove.

Provjera veza za "opstanak" i promjena sadržaja stranica.

Program sadrži veliki broj postavki i nije inferioran u odnosu na Compass po svojim karakteristikama.

URL organizator 2.4.5
Opet, kao što ime govori, bookmark manager. Autor programa ograničio se na funkcije menadžera, usmjeravajući svoje glavne napore da razvije običaj korisnički interfejs i pogodnost rada sa programom, zahvaljujući veliki broj kombinacije prečica i druge postavke.

Program vam omogućava da uvezete/izvezete markere iz tri glavna pretraživača: Netscape, Microsoft Internet Explorer i Opera. Sadrži malu bazu podataka gotovih oznaka.

URL pretvarači (konvertori oznaka)

Bookmark Converter 2.9
Program za pretvaranje Netscape oznaka u favorite Microsoft Internet Explorer-a.

i obrnuto.

Ništa ekstra. Jednostavno i ukusno. Podržava način komandne linije. Intuitivno sučelje. Takođe može da sinhronizuje veze između Netscape-a i Microsoft Internet Explorer-a. Nema ograničenja u veličini kolekcije, odradila je odličan posao sa mojih pet hiljada linkova.

Bookmark Magic 2.31
Još jedan konverter obeleživača. Konvertovanje između Microsoft Internet Explorer-a, Netscape-a i html-fajla. Program može pronaći duple veze. Postoji sortiranje po opisima. Glavne funkcije programa su također dostupne putem komandna linija.

Programi za pronalaženje "mrtvih" linkova

SiteChecker 3.5
Program provjerava sve linkove na vašoj web-lokaciji (html datoteke, slike, itd.), uključujući datoteke na koje niko ne povezuje i ne povezuje eksterni resursi. Program može raditi lokalno ili preko FTP-a.

Fleksibilan sistem podešavanja za rezultujući izveštaj. Dostupno na web stranici proizvođača Detaljan opis: veza

SiteMapper 1.04
SiteMapper od Trellian Software-a (koji je kreirao liniju proizvoda Wolf) pažljivo će analizirati vašu stranicu, indeksirati sve resurse i generirati detaljan izvještaj. Provjerava veze do stranica i slika koje nedostaju. Primjer izvještaja možete pogledati ovdje. Program je osvojio brojne nagrade, i očigledno s dobrim razlogom.

Xenu's Link Sleuth 1.1f
Još jedan program za provjeru sajta na "mrtve" veze. Provjerava jednostavne veze, slike, okvire, dodatke, stilove, skripte, Java applete, itd. Izrađuje detaljan izvještaj sortiran prema navedenim kriterijima, ako su sve opcije provjerene na velikim stranicama, proizvodi izvještaje veličine nekoliko megabajta.

Podržava SSL veze, FTP, Gopher, preusmjeravanje "s. Mogućnost ponovne provjere linkova u slučaju grešaka tokom nasumičnih kvarova na mreži. Program je dobio mnoge nagrade. Autorska stranica ima detaljan opis i odgovore na pitanja.

CopyURL 2.30
Kad smo kod linkova, ne može se ne govoriti o još jednom sjajnom programu koji se ne uklapa u navedene kategorije, ali često, uprkos svojoj veličini, olakšava život. to besplatna aplikacija CopyURL od Moon Software. Omogućava vam da dodate tri dodatni meniji: Kopiraj URL, Kopiraj vezu i Kopiraj naziv koji se pojavljuju kada kliknete desnim tasterom miša na URL datoteku.

Kao rezultat odabira ovih stavki, sljedeće informacije će se kopirati u međuspremnik:
Kopiraj URL:
Kopiraj link: web stranica
Naziv kopije: stranica:
Možete postaviti više URL-ova odjednom. CopyURL 2.30 možete preuzeti ovdje

zdravo svima, danas razgovaraćemo o korišćenju bookmarkleta ili markera za pretraživač.

Za one koji ne znaju, ovo je nešto što možete označiti (da, danas debitujem kao Captain Obvious :) i, kada kliknete, proizvesti neki efekat.

Primjer je junak današnje bilješke koja se nalazi na http://ulizko. com/demo/allthat/ . Uputstvo za upotrebu:

1. Prevucite vezu "link" na traku sa obeleživačima ili kliknite desnim tasterom miša na nju i izaberite stavku menija "dodaj u favorite".
2. Idite na web stranicu kao što je http://twitter. com, i kliknite na ovu oznaku (pa ili na favorite).

Pojavit će se prozor u koji možete unijeti podatke. Generalno, trebalo bi da bude interfejs za dodavanje želja na liste želja (prethodno kreiranih na nekom sajtu), postavljanje okidača upozorenja i tako dalje. Postoji čak i neka vrsta validacije ulazni nivo. I uspostavljena je razmjena podataka sa serverom - to jest, na bilo kojoj domeni vam dolazi lista vaših lista želja, a vaša nova želja iz bilo kojeg domena će letjeti na krilima ljubavi prema listi želja i udobno se smjestiti u njenom zagrljaju.

Ali. Danas ne govorimo o tome, već o tome kako se takve stvari u principu rade.

Prije nego što pređem direktno na analizu koda, želio bih odgovoriti na pitanje (koje mi niko nije postavio :), odnosno "Kakve mogućnosti pruža bookmarklet?". Tačan odgovor je bilo koji. Pošto imamo mogućnost učitavanja bilo koje skripte, možemo raditi šta god želimo sa klijentskom stranicom. Na primjer - da napravite "udaljeni" widget u koji na bilo kojoj stranici možete dodati unos u notepad ili upravitelj zadataka. Ili čak učinite cijeli upravitelj zadataka udaljenim. Ono što je takođe važno, oni će raditi skoro svuda - ovo nisu dodaci za firefoxy i nisu widgeti za operu. Bookmarklete nije briga (pa, skoro :) koji OS ili pretraživač imate. Općenito, ima prostora za maštu.

Dakle, kako napraviti ove iste bookmarklete?
Vrlo jednostavno: trebate kreirati sidreni element na stranici s atributom href koji sadrži javascript kod. Ako se prevede na ruski, onda morate napraviti takvu vezu, čija adresa, prema uglavnom, i bit će bookmarklet:

< a href ="javascript:alert("Ja sam bookmarklet"); void 0;"> bookmarklet

Da bi javascript kod u adresi linka radio, morate dodati prije njega riječ javascript: . Ako me moja skleroza ne promijeni, to se zove "određivanje javascript pseudo-protokola". Drugi važan detalj- ako vaš kod vrati neku vrijednost, pretraživač će to uzeti kao adresu na koju će otići i otići s njom trenutna stranica. Da biste to izbjegli, nemojte vraćati vrijednosti, odnosno dodajte void 0 na kraj skripte; , ili umotajte cijeli kod u anonimnu funkciju koja se ne vraća - (function()(... vaš kod bi mogao biti ovdje...))() .

U svakom slučaju, sva ova pitanja detaljno razmatra Ilya Kantor u svojoj bilješci Bookmarkleti i pravilima za njihovo pisanje, na koju vas upućujem za detalje.

Jedino što još treba da znamo je da svi pretraživači ograničavaju maksimalna dužina bookmarklet kod. I kao što je brzina karavana jednaka brzini najsporije deve, tako je maksimalna veličina cross-browser bookmarklet je jednak ograničenju koje nameće IE 6 SP2, odnosno 488 znakova.

Dakle, malo je vjerovatno da ćemo uspjeti kodirati neku složenu logiku u manje od pet stotina znakova, pa najčešće bookmarkleti jednostavno kreiraju novu skriptu tag u koju je već učitan kod aplikacije.

I ja sam. Evo koda mog bookmarkleta u obliku prilagođenom ljudima:

(funkcija()(
// kreiramo novu internu varijablu a (bolje u ovaj slučaj koristite kratke identifikatore)
// i odmah dodamo naš objekat globalnom objektu prozora i upišemo u njega podatke koji su jedinstveni
// za svakog korisnika (na kraju krajeva, generira ih server za korisnika prije nego što je sebi dodao ovaj bookmarklet)
var a = window.allThat = (
userId: "123345456" ,
server: "http://mysite.com/" ,
skripta: dokument .createElement("script"), // kreirajte i pohranite oznaku skripte,
// koji će nam preuzeti kod naše aplikacije - kasnije ćemo ga izbrisati ako korisnik klikne na dugme "zatvori".
css: document .createElement("link" ) // slično
},
/* dinamički kreirajte i dodajte elemente u DOM: */
h = document .getElementsByTagName("head");
a.css.rel = "stylesheet" ;
a.css.href = a.server + "css/bookmarklet.2.css" ;
h.appendChild(a.css);
a.script.src = a.server + "js/bookmarklet.7.js" ;
h.appendChild(a.script);
h=null ;
})();

* Ovaj izvorni kod je označen sa izvornim kodom Highlighter.

Tada se direktno učitava kod samog prozora. Mislim da bi to moglo biti interesantno samo po sebi, pa ću ga objaviti ovdje (svi komentari su na engleskom, pošto je kupac Amerikanac):

Ako ste zainteresovani, ovde

Objekat Bookmark je samo bookmark. U praksi, ovo je najpogodniji način za navigaciju kroz dokumente kreirane pomoću šablona (na primjer, izvještaji). Njegova fundamentalna razlika od objekata Selection i Range je u tome što se svi odabiri i rasponi gube kada se dokument zatvori (Objekti raspona općenito postoje samo tokom operacije procedure koja ih je kreirala, a oznake se pohranjuju uz dokument. Ako je dokument kreiran na osnovu šablona, ​​tada će sve oznake koje su definisane u šablonu biti definisane u dokumentu kreiranom na osnovu ovog šablona.

Kreirajte marker (meni Insert-Bookmark) je mnogo lakše od brojanja broja znakova za objekt Range od početka dokumenta/paragrafa/rečenice ili izvođenja operacija Move() (MoveDown(), MoveRight(), MoveNext()) na objektu Selection.

Funkcionalnost Bookmark objekta nije sjajna. Ovaj objekat ima mnogo manje svojstava i metoda od objekata Selection i Range. Međutim, obično niko ne pokušava da koristi objekat Bookmark za direktan rad sa tekstom. Vrlo je lako dobiti objekt Selection (koristeći metodu Select()) ili objekt Range (koristeći svojstvo Range()) iz Bookmark objekta - i tada možete koristiti svojstva i metode ovih objekata, na primjer:

ThisDocument.Bookmarks("Bookmark1").Select

MsgBox Selection.Text

Programsko kreiranje Bookmark objekata je opciono, ali ako je potrebno, možete koristiti metodu Add() kolekcije Bookmark:

ThisDocument.Bookmarks.Add Name:="temp", Range:= Selection.Range

Ova metoda ima samo dva parametra, a oba se koriste u primjeru.

Neka važna svojstva Bookmark objekta

Prazno - ako ovo svojstvo vraća True, onda to znači da oznaka ukazuje na tačku umetanja, a ne na tekst;

Ime - naziv markera. Vrlo je zgodno da željenu oznaku možete pronaći u kolekciji oznaka ne samo koristeći indeks (broj) oznake, već i njeno ime.

Raspon - vraća objekt Range na lokaciji ove oznake.

Start, End, StoryType - slično istim svojstvima objekta Selection.

Postoje samo tri metode za objekt Bookmark - Copy(), Delete() i Select(). Copy() - kreira obeleživač na osnovu postojećeg, Delete() - briše ga, a Select() - bira na šta se oznaka odnosi.

Word.Range objekt, programski rad sa rasponom u dokumentu, svojstva i metode Range objekta, prednosti u odnosu na objekt Selection

Kao što je gore spomenuto, programeri najčešće koriste objekt Selection kako bi odredili gdje će unijeti tekst i kretati se kroz dokument. Za istu svrhu možete koristiti objekt Range. Glavna razlika između objekata Range i Selection je u tome što objekt Selection također može definirati korisnik (odabirom teksta mišem), dok se objekt Range može definirati samo programski i ne ovisi o trenutnoj poziciji pokazivača. ili radnje korisnika.

Formalna definicija Range objekta je da je to programski objekat koji predstavlja kontinuirani dio teksta u dokumentu. Ovaj objekt je nezavisan od objekta Selection - možete raditi sa objektom Range bez promjene trenutne selekcije. Ne smije sadržavati nijedan znak (predstavlja kursor za unos teksta).

U svakom trenutku može postojati onoliko objekata Range, ali samo jedan objekt Selection.

Možete upravljati sadržajem html stranice koristeći bookmarklet. U ovoj napomeni opisat ću jednostavne primjere bookmarkleta i njegovu upotrebu za popunjavanje web obrazaca.

Crome je korišten za pisanje članka, možda drugi pretraživači imaju svoje karakteristike. po najviše jednostavan primjer Upotreba bookmarkleta je prikazivanje poruke u pretraživaču. Da biste to učinili, na primjer, možete otvoriti www.google.ru i nakon otvaranja stranice u adresnu traku umjesto www.google.ru unesite sljedeći kod

Javascript:alert("Zdravo svijete");

I pritisnite Enter, poruka će se pojaviti u prozoru pretraživača

Kako ne biste stalno unosili kod u adresnu traku pretraživača i imali ga uvijek pri ruci, moguće je dodati kod ove funkcije u markere.

Postoji nekoliko opcija za to, opisat ću dvije od njih. Prvi je da ručno kreirate obeleživač u meniju za kreiranje obeleživača, drugi je da napišete html stranicu sa posebno dizajniranim linkom, koji prevlačite mišem na traku sa obeleživačima.
Razmotrimo prvu opciju. U Chrome-u idite na meni sa oznakama.

Kliknite na "Označi ovu stranicu" pojavit će se sljedeći prozor

U njemu kliknite na dugme "Uredi". I u prozoru koji se pojavi unesite naziv oznake i kod funkcije.

Nakon toga kliknite na dugme "Sačuvaj". Sada se ova oznaka pojavljuje na traci sa oznakama. A da biste pozvali ovu funkciju, možete kliknuti na ovu karticu na bilo kojoj stranici.
Razmotrite drugu opciju za dodavanje oznake sa html stranice. Da biste to učinili, kreirajte prazno tekstualnu datoteku pod nazivom AddBookmark.html. i zalijepite sljedeći kod u njega:

Poruka "Zdravo svijete!"

Karakteristika JavaScript koda je zamjena navodnika njihovim simboličkim opisom ". Sada otvorite stranicu u pretraživaču.
Veza do bookmarkleta je označena plavom bojom, prevucite je mišem na traku sa oznakama, ako traka oznaka nije prikazana, to se može popraviti - https://support.google.com/chrome/answer/95745?hl=sr

Sada razmotrite nekoliko primjera.

1.Promijenite boju pozadine. Dodajte još jednu vezu u html datoteku
Siva pozadina Prevucite ga na traku sa oznakama. Kada pokrenete bookmark na stranici www.google.ru, dobićete sljedeći rezultat:

2. Popunite podatke u tekstualno polje i promijenite njegovu klasu.

Da biste popunili tekstualna polja, kliknite na dugme, morate znati ili njihovo ime ili ID. Da biste pronašli naziv polja, kliknite desnim tasterom miša na njega i izaberite "Prikaži kod". U desnom dijelu prozora pojavit će se prozor sa kodom i odabranim tekstualnim elementom.

U našem slučaju, pronađemo id atribut i zapamtimo ga, imamo ga lst-ib. Sada, znajući id tekstualnog polja, dodajmo novu vezu na burkmarket na html stranicu:

Popunjavanje Google pretrage U našem slučaju, razred se mijenja tekstualno polje na MyClass-u i ispunjen je tekstom "Hello world!".
Hajde da dodamo novi bookmark na traku zadataka. I idemo na www.google.ru, izvršimo bookmarklet i dobićemo rezultat.

Da provjerite promjenu klase, ponovo otvorite kod elementa, ranije je klasa bila ovakva class =" gsfi "sada class ="MyClass"