Omogućuje vam izvršavanje zadataka jednim klikom. Ovaj članak objašnjava što su bookmarkleti, kako ih instalirati i kako ih koristiti.
Koje radnje mogu učiniti bookmarkleti?
Bookmarklet je alat "jedan klik" koji proširuje mogućnosti preglednika dodavanjem značajki kao što su promjena izgleda web stranica, traženje odabranog teksta u tražilice, slanje stranice na servis automatski prijevod stranicama ili blogu.
Po čemu se bookmarkleti razlikuju od ekstenzija?
- Oni nastupaju osnovne zadatke na klik.
- Oni su univerzalni, tj. obično rade u bilo kojem pregledniku, ne samo u Firefoxu, a također rade bez obzira na platformu, mobilnu ili desktop.
- Njima se upravlja kao i svim oznakama. Za dobivanje dodatne informacije, pogledajte Kako koristiti oznake za pamćenje i organiziranje svojih omiljenih web-mjesta.
Kako da instaliram bookmarklete?
Instalacija bookmarkleta je jednostavna:
- Učinite traku oznaka vidljivom klikom desni klik miševiCtrl-klik na prazan prostor naslovne trake kartice i označite "Traka oznaka" u kontekstnom izborniku.
- Povucite bookmarklet sa stranice na traku oznaka. Trebao bi se pojaviti na alatnoj traci.
OK, sada je sve gotovo!
Proces je isti u drugim preglednicima. Obično je najteži dio prikazati traku s oznakama. Pa, onda znate što vam je činiti.
Kako koristiti bookmarklet?
Sve što trebate učiniti je:
- Idite na stranicu na kojoj želite koristiti svoj bookmarklet.
- Kliknite na bookmarklet na traci oznaka.
Gdje mogu pronaći bookmarklete?
Sada kada znate što su bookmarkleti, kako ih instalirati i koristiti, pogledajte neke zanimljive bookmarklete i počnite graditi vlastitu kolekciju!
- Čitljivost uklanja nepotrebno bočne ploče i povećava tekst, što stranicu čini lakšom za čitanje.
- Microsoft Translator Bookmarklet otkriva izvorni 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 u olujnim valovima interneta, kako ne bi zaboravio mjesto na koje je, hteli ili nevoljno, sudbina bacila korisnika, on pravi oznake u svom omiljenom pregledniku. Nazivaju se Oznake ili Favoriti. Oznake ili Favoriti su zbirka poveznica (URL-ova) na internetske resurse, obično cijele stranice ili odvojene stranice. Microsoft Internet Explorer sprema svaku vezu na zasebna datoteka, Netscape za to koristi html datoteku bookmark.htm. Za rad s velika količina oznake jednog preglednika nisu dovoljne. U pomoć korisniku se pozivaju posebne programe za rad s poveznicama.
Oni su razvrstani u:
Programi za organiziranje zbirke poveznica (menadžeri);
Programi za pretvaranje poveznica iz Microsofta Internet Explorer u Netscapeu, HTML stranici i obrnuto;
Programi za provjeru "vitalnosti" poveznica i također za otkrivanje promjena u resursima na navedenim stranicama.
Razmotrimo ove kategorije detaljnije s primjerima. najbolji programi ovom smjeru..
URL upravitelji
Kompas 2.82Dovoljno poznati menadžer oznake sa velike prilike.
Podržava formate za tri glavna preglednika: Netscape, Microsoft Internet Explorer, Opera i druge manje uobičajene formate.
Program nije samo upravitelj oznaka, on također obavlja funkcije pretvaranja i provjere istih. Omogućuje vam izvoz zbirki veza na raznim formatima, uključujući i HTML, dok vam omogućuje da varirate izgled rezultirajuću stranicu ovisno o potrebama korisnika.
Omogućuje prikaz poveznica za ispis, podržava pregled... Traži duplikate. Sadrži veliki broj postavki
Pretrage mrtve veze i mnogo više. Prema njihovim funkcionalnost jedan je od najboljih programa u ovom žanru.
Linkman 6.0.1.45
Još jedan prilično poznati upravitelj oznaka. Omogućujemo vam uvoz oznaka iz Microsoft Internet Explorera, Netscapea, a također vam omogućujemo konfiguriranje uvoza veza prilagođenog formata. Izvoz u Microsoft Internet Explorer, Netscape, HTML, Podržava vlasnički format... Sadrži predloške za izvoz u html datoteku, koje možete sami postaviti. Već sadrži dva gotove baze veze na internetske resurse, uključujući i onu za proizvođače računalnog hardvera. Omogućuje postavljanje ocjene od 0 do 5 za svaku vezu.
Traži duplikate. Odabir poveznica na lokalni disk zadovoljavanje navedenih uvjeta.
Provjera linkova na "preživljivost" i mijenjanje sadržaja stranica.
Program sadrži veliki broj postavki i po svojim karakteristikama nije inferioran u odnosu na Compass "y.
URL Organizator 2.4.5
Opet, kao što ime govori, upravitelj oznaka. Autor programa ograničio se na funkcije menadžera, usmjeravajući svoje glavne napore na razvoj običaja korisničko sučelje i praktičnost rada s programom, zahvaljujući veliki broj kombinacije tipki prečaca i druge postavke.
Program vam omogućuje uvoz/izvoz oznaka iz tri glavna preglednika: Netscape, Microsoft Internet Explorer i Opera. Sadrži malu bazu gotovih oznaka.
URL pretvarači
Pretvarač oznaka 2.9Program za pretvaranje Netscape oznaka u favorite Microsoft Internet Explorera.
i obrnuto.
Ništa ekstra. Jednostavno i ukusno. Podržava način naredbenog retka. Intuitivno sučelje. Također zna kako sinkronizirati veze između Netscapea i Microsoft Internet Explorera. Nema ograničenja u veličini zbirke, s mojih pet tisuća linkova odlično je prošao.
Bookmark Magic 2.31
Još jedan pretvarač oznaka. Pretvorba između Microsoft Internet Explorer, Netscape i html datoteke Program može tražiti duplicirane veze. Postoji sortiranje po opisima. Glavne funkcije programa također su dostupne putem naredbeni redak.
Tragači mrtvih veza
SiteChecker 3.5Program provjerava sve linkove na vašoj web-lokaciji (html datoteke, slike itd.), uključujući datoteke na koje nitko ne povezuje i ne povezuje vanjski resursi... Program se može izvoditi lokalno ili putem FTP-a.
Fleksibilan sustav postavki za rezultirajuće izvješće. Dostupno na web stranici proizvođača Detaljan opis: veza
SiteMapper 1.04
SiteMapper iz Trellian Software-a (koji je stvorio liniju proizvoda Wolf) temeljito će analizirati vašu stranicu, indeksirati sve resurse i generirati detaljno izvješće. Provjerava veze na stranice i slike koje nedostaju. Primjer izvješća možete pronaći ovdje. Program je dobio brojne nagrade i, očito, s dobrim razlogom.
Xenu "s Link Sleuth 1.1f
Još jedan program za provjeru stranice na prisutnost "mrtvih" veza. Provjerava jednostavne veze, slike, okvire, dodatke, stilove, skripte, Java applete itd. Izrađuje detaljno izvješće sortirano prema određenim kriterijima, ako provjerite sve opcije na velikim stranicama, daje izvješća veličine nekoliko megabajta.
Podržava SSL veze, FTP, Gopher, preusmjeravanje "s. Mogućnost ponovne provjere linkova u slučaju grešaka tijekom slučajnih kvarova na mreži. Program je dobio mnoge nagrade. Autorska stranica ima detaljan opis i odgovore na pitanja.
KopirajURL 2.30
Govoreći o poveznicama, ne može se ne reći o još jednom sjajnom programu koji se ne uklapa u gore navedene kategorije, ali često, unatoč svojoj veličini, olakšava život. Ovaj besplatna aplikacija CopyURL iz Moon Software. Omogućuje vam dodavanje tri dodatni izbornici: Kopiraj URL, Kopiraj vezu i Kopiraj naziv, koji se pojavljuju kada desnom tipkom miša kliknete URL datoteku.
Kao rezultat odabira ovih stavki, sljedeće informacije će se kopirati u međuspremnik:
Kopiraj URL:
Kopiraj link: mjesto
Naziv kopije: web stranica:
Možete odrediti više URL-ova odjednom. Ovdje možete preuzeti CopyURL 2.30
Pozdrav svima, danas biti će o korištenju bookmarkleta ili oznaka za preglednik.
Tko ne zna, ovo je takva stvar koju možete dodati u svoje oznake (da, danas ću debitirati u ulozi Captain Obvious :) i, kada kliknete na to, proizvesti neki efekt.
Primjer je junak današnje bilješke koja se nalazi na http: // ulizko. com / demo / allthat /. Upute za korištenje:
- Povucite vezu "veza" na traku oznaka ili je kliknite desnom tipkom miša i odaberite stavku izbornika "dodaj u favorite".
- Idite na neku stranicu poput http: // twitter. com, i kliknite na ovu oznaku (dobro, ili na svoje favorite).
Pojavit će se prozor u koji možete unijeti podatke. Općenito, pretpostavlja se da će to biti sučelje za dodavanje želja na liste želja (prethodno kreiranih na nekoj stranici), postavljanje okidača upozorenja i tako dalje. Postoji čak i neka vrsta provjere ulazna razina... I razmjena podataka s poslužiteljem je uspostavljena - to jest, lista vaših želja dolazi vam na bilo koju domenu, a vaša nova želja s bilo koje domene poletjet će na krilima ljubavi za listom ž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 prijeđem izravno na raščlanjivanje koda, želio bih odgovoriti na pitanje (koje mi nitko nije postavio :), naime, "Koje mogućnosti pruža bookmarklet?" Točan odgovor je bilo koji. Budući da imamo priliku učitati bilo koju skriptu, sa klijentskom stranicom možemo raditi što god želimo. Na primjer - napraviti "prijenosni" widget, u kojem na bilo kojoj stranici možete dodati unos u bilježnicu ili upravitelj zadataka. Ili čak učiniti cijeli upravitelj zadataka prenosivim. Ono što je također važno, radit će gotovo posvuda - to nisu dodaci za firefox i nisu widgeti za operu. Bookmarklete nije briga (pa, skoro :) koji OS ili preglednik imate. Općenito, ima mjesta za maštu.
Pa kako napraviti te iste bookmarklete?
Vrlo je jednostavno: trebate stvoriti sidrišni element na stranici s atributom href koji sadrži javascript kod. Ako prevodite na ruski, onda morate napraviti upravo 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 veze radio, morate dodati prije njega javascript riječ:. Ako me moja skleroza ne promijeni, to se zove "određivanje pseudo javascript protokola". Još jedan važan detalj- ako vaš kod vrati neku vrijednost, preglednik će to uzeti kao adresu na koju treba otići i otići Trenutna stranica... Da biste to izbjegli, nemojte vraćati vrijednosti, odnosno dodajte void 0 na kraj skripte; , ili omotati cijeli kod u anonimnu funkciju koja ne vraća vrijednosti - (funkcija () (... vaš kod bi mogao biti ovdje...)) ().
U svakom slučaju, sva ta pitanja detaljno razmatra Ilya Kantor u svom članku Bookmarkleti i pravila njihova pisanja, na koji vas upućujem za detalje.
Jedino što još trebamo znati je da svi preglednici ograničavaju maksimalna duljina bookmarklet kod. I, kao što je brzina karavane jednaka brzini najsporije deve, tako maksimalna veličina bookmarklet za više preglednika jednak je ograničenju koje nameće IE 6 SP2, odnosno 488 znakova.
Stoga je malo vjerojatno da ćemo uspjeti kodirati neku složenu logiku u manje od petsto znakova, pa najčešće bookmarkleti jednostavno kreiraju novu oznaku skripte, u koju je već učitan kod aplikacije.
I ja sam učinio isto. Evo mog koda bookmarkleta prilagođenog ljudima:
(funkcija () (
// stvoriti novu internu varijablu a (bolje u u ovom slučaju koristiti kratke identifikatore)
// i odmah dodamo naš objekt globalnom objektu prozora i upišemo u njega podatke koji su jedinstveni
// za svakog korisnika (na kraju krajeva, generirao ih je poslužitelj za korisnika prije nego što je sebi dodao ovaj bookmarklet)
var a = window.allThat = (
ID korisnika: "123345456",
poslužitelj: "http://mysite.com/",
skripta: dokument .createElement ("skripta"), // stvoriti i zapamtiti oznaku skripte,
// koji će nam prenijeti kod naše aplikacije - onda ćemo ga izbrisati ako korisnik klikne gumb "zatvori"
css: dokument .createElement ("link") // slično
},
/ * dinamički kreirajte i dodajte elemente u DOM: * /
h = dokument .getElementsByTagName ("glava");
a.css.rel = "tablica stilova";
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 = nula;
})();* Ovaj izvorni kod označen je alatom za označavanje izvornog koda.
Tada se izravno učitava kod samog prozora. Mislim da bi to moglo biti zanimljivo samo po sebi, pa ću ga objaviti i ovdje (svi komentari su na engleskom, pošto je kupac Amerikanac):
Ako ste zainteresirani, ovdje
Objekt Bookmark je samo oznaka. U praksi, ovo je najprikladniji način za kretanje kroz dokumente stvorene pomoću predložaka (na primjer, izvješća). Njegova temeljna 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 tijekom operacije postupka koji ih je kreirao, a oznake se spremaju uz dokument. Ako je dokument kreiran na temelju predloška, tada će sve oznake koje su definirane u predlošku također biti definirane u dokumentu kreiranom na temelju ovog predloška.
Napravite oznaku (izbornik Umetnuti-Označi) je mnogo lakše od brojanja broja znakova za objekt Range s početka dokumenta/odlomka/rečenice ili izvođenja operacija Move () (MoveDown (), MoveRight (), MoveNext ()) na objektu Selection.
Funkcionalnost Bookmark objekta nije sjajna. Ovaj objekt ima mnogo manje svojstava i metoda od objekata Selection i Range. Međutim, obično nitko ne pokušava koristiti objekt Bookmark za izravan rad s tekstom. Vrlo je lako dobiti objekt Selection iz objekta Bookmark (pomoću metode Select ()) ili objekta Range (pomoću svojstva Range ()) - a zatim možete koristiti svojstva i metode ovih objekata, na primjer:
ThisDocument.Bookmarks ("Bookmark1"). Odaberite
MsgBox Selection.Text
Nije potrebno programski kreirati Bookmark objekte, ali ako je potrebno, možete koristiti metodu Add () zbirke Bookmark:
ThisDocument.Bookmarks.Add Name: = "temp", Raspon: = Odabir.Raspon
Ova metoda ima samo dva parametra, od kojih su oba korištena u primjeru.
Neka važna svojstva Bookmark objekta
Prazno - ako ovo svojstvo vraća True, to znači da oznaka ukazuje na točku umetanja, a ne na tekst;
Naziv - naziv oznake. Vrlo je zgodno da u zbirci oznaka možete pronaći željenu oznaku ne samo pomoću indeksa (broja) oznake, već i prema njezinu nazivu.
Raspon - vraća objekt Range umjesto ove oznake.
Start, End, StoryType - slično istim svojstvima za objekt Selection.
Objekt Bookmark ima samo tri metode - Kopiraj (), Izbriši () i Odaberi (). Kopiraj () - stvara oznaku na temelju postojeće, Delete () - briše je, a Select () - odabire na što se oznaka odnosi.
Objekt Word.Range, programski rad s rasponom u dokumentu, svojstva i metode objekta Range, 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 po dokumentu. Objekt Range može se koristiti za iste svrhe. 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 objekta. pokazivača ili radnje korisnika.
Formalna definicija Range objekta je da je to programski objekt koji predstavlja susjedni dio teksta u dokumentu. Ovaj objekt je neovisan o objektu Selection — možete raditi s objektom Range bez mijenjanja trenutnog odabira. Ne smije sadržavati jedan znak (da predstavlja kursor za unos teksta).
U jednom trenutku može postojati onoliko Range objekata koliko želite, ali Selection objekata - samo jedan.
Možete kontrolirati sadržaj html stranice pomoću bookmarkleta. U ovom postu opisat ću jednostavne primjere bookmarkleta i njegovu upotrebu za ispunjavanje web obrazaca.
Crome je korišten za pisanje članka, možda drugi preglednici imaju svoje osobitosti. Najviše jednostavan primjer Upotreba bookmarkleta je za prikaz poruke u pregledniku. Da biste to učinili, na primjer, možete otvoriti www.google.ru i nakon otvaranja stranice u adresnoj traci umjesto www.google.ru unesite sljedeći kod
Javascript: upozorenje ("Zdravo svijet");
I pritisnite Enter, poruka će se pojaviti u prozoru preglednika
Kako ne biste stalno unosili kod u adresnu traku preglednika i imali ga stalno pri ruci, moguće je dodati kod ove funkcije u svoje oznake.
Postoji nekoliko opcija za to, opisat ću dvije od njih. Prvi je da ručno kreirate oznaku u izborniku za označavanje, drugi je da napišete html stranicu s posebno dizajniranom vezom, koju možete povući mišem na traku oznaka.
Razmotrimo prvu opciju. U Chromeu idite na izbornik oznaka.
Kliknite na "Označi ovu stranicu" pojavit će se sljedeći prozor
U njemu kliknite gumb "Promijeni". I u prozoru koji se pojavi unesite naziv oznake i kod funkcije.
Nakon toga pritisnite gumb "Spremi". Ova se oznaka sada pojavljuje na traci oznaka. A da biste pozvali ovu funkciju, možete kliknuti na ovu karticu na bilo kojoj stranici.
Razmotrite drugu opciju za dodavanje oznake s html stranice. Da biste to učinili, stvorite prazno tekstualnu datoteku s imenom AddBookmark.html. i umetnite sljedeći kod u njega:
Posebnost unosa JavaScript koda je zamjena navodnika njihovim simboličkim opisom. "Sada otvorite stranicu u pregledniku.
Veza na bookmarklet je označena plavom bojom, povucite je mišem na traku s oznakama, ako traka oznaka nije prikazana, to se može ispraviti - https://support.google.com/chrome/answer/95745?hl=ru
Sada pogledajte neke primjere.
1. Promjena boje pozadine. Dodajte još jednu vezu u html datoteku
Siva pozadina Povucite ga na traku oznaka. Kada pokrenete oznaku na stranici www.google.ru, dobit ćete sljedeći rezultat:
2. Popunite podatke u tekstualno polje i promijenite njegovu klasu.
Da biste ispunili tekstualna polja, pritisnite gumb, morate znati ili njihov naziv ili ID. Da biste pronašli naziv polja, trebate ga kliknuti desnom tipkom miša i odabrati "Prikaži kod". U desnom dijelu prozora pojavit će se prozor s kodom i istaknutim tekstualnim elementom.
U našem slučaju, pronađemo id atribut i zapamtimo ga, imamo ga lst-ib. Sada, znajući id tekstualnog polja, dodajte novu vezu na burkmarket na html stranicu:
Ispunjavanje google pretraživanja U našem slučaju mijenja se klasa tekstualni okvir na MyClass i ispunjen je tekstom "Hello world!"
Dodajmo nova oznaka na programsku traku. I idite na www.google.ru i izvršite bookmarklet i dobit ćete rezultat.
Da biste provjerili promjenu u klasi, ponovo otvorite kod elementa, prije je klasa bila ovako class = "gsfi" sada class = "MyClass"
