Vă permite să finalizați sarcini cu un singur clic. Acest articol explică ce sunt bookmarkleturile, cum să le instalezi și cum să le folosești.

Ce acțiuni pot face bookmarklet-urile?

Bookmarklet este un instrument „cu un singur clic” care extinde capacitățile browserului prin adăugarea de caracteristici precum schimbarea aspectului paginilor web, căutarea textului selectat în motoare de căutare, trimiterea paginii către serviciu traducere automată pagini sau blog.

Prin ce se deosebesc bookmarklet-urile de extensii?

• Ei performează sarcini de bază la clic.
• Ele sunt universale, adică de obicei funcționează în orice browser, nu doar Firefox și funcționează, de asemenea, indiferent de platformă, mobil sau desktop.
• Sunt gestionate ca orice marcaj. Pentru obtinerea Informații suplimentare, consultați Cum să utilizați marcajele pentru a vă aminti și a organiza site-urile dvs. preferate.

Cum instalez bookmarklet-uri?

Instalarea unui bookmarklet este simplă:

1. Faceți bara de marcaje vizibilă făcând clic Click dreapta soareciCtrl-clic pe spațiu gol barele de titlu ale filei și bifând „Bara de marcaje” în meniul contextual.
2. Trageți marcajul din pagină în bara de marcaje. Ar trebui să apară în bara de instrumente.

OK, totul sa terminat acum!

Procesul este același în alte browsere. De obicei, cea mai grea parte este să afișați bara de marcaje. Ei bine, atunci știi ce să faci.

Cum se folosește un bookmarklet?

Tot ce trebuie să faci este:

1. Accesați pagina în care doriți să utilizați marcajul.
2. Faceți clic pe un bookmarklet din bara de marcaje.

Unde pot găsi bookmarkleturi?

Acum că știți ce sunt bookmarkleturile, cum să le instalați și să le utilizați, verificați câteva bookmarkleturi interesante și începeți să vă construiți propria colecție!

• Lizibilitatea elimină cele inutile panouri lateraleși mărește textul, ceea ce face pagina mai ușor de citit.
• Microsoft Translator Bookmarklet detectează limba sursă a textului paginii și o traduce în limba dvs. Acest bookmarklet nu funcționează pe site-uri web securizate (https: //).

Puteți găsi mai multe bookmarkleturi la

Călătorind în valurile furtunoase ale Internetului, pentru a nu uita locul în care, vrând sau fără voie, soarta l-a aruncat pe utilizator, acesta își face marcaje în browserul său preferat. Se numesc Marcaje sau Favorite. Marcajele sau Favoritele sunt o colecție de link-uri (URL-uri) către resurse de Internet, de obicei site-uri întregi sau pagini separate. Microsoft Internet Explorer salvează fiecare link către dosar separat, Netscape folosește fișierul html bookmark.htm pentru aceasta. A lucra cu cantitate mare marcajele unui browser nu sunt suficiente. Pentru a ajuta utilizatorul sunt chemati programe speciale pentru a lucra cu link-uri.
Ele sunt clasificate in:

Programe pentru organizarea unei colecţii de link-uri (manager);

Programe pentru convertirea link-urilor de la Microsoft Internet Explorerîn Netscape, pagină HTML și invers;

Programe pentru verificarea „vitalității” legăturilor și, de asemenea, pentru detectarea modificărilor resurselor de pe paginile specificate.

Să luăm în considerare aceste categorii mai detaliat cu exemple. cele mai bune programe această direcție..

Manageri URL

Busolă 2.82
Suficient manager celebru marcaje cu mari oportunități.

Acceptă formate pentru cele trei browsere majore: Netscape, Microsoft Internet Explorer, Opera și alte formate mai puțin obișnuite.

Programul nu este doar un manager de marcaje, ci îndeplinește și funcții de conversie și verificare. Vă permite să exportați colecții de link-uri către diverse formate, inclusiv în HTML, permițându-vă totodată să variați aspect pagina rezultată în funcție de nevoile utilizatorului.

Vă permite să afișați link-uri pentru a imprima, suportă previzualizare... Caută duplicate. Conține un număr mare de setări

Căutări legături moarteși mult mai mult. Potrivit lor funcţionalitate este unul dintre cele mai bune programe din acest gen.

Linkman 6.0.1.45
Un alt manager de marcaje destul de cunoscut. Vă permitem să importați marcaje din Microsoft Internet Explorer, Netscape și, de asemenea, vă permitem să configurați importul de link-uri în format personalizat. Exportați în Microsoft Internet Explorer, Netscape, HTML, suportă format proprietar... Conține șabloane pentru export în fișierul html, pe care le puteți seta singur. Conține deja două baze gata link-uri către resurse de internet, inclusiv una pentru producătorii de hardware de computer. Vă permite să setați o evaluare de la 0 la 5 pentru fiecare link.

Căutați duplicate. Selectarea link-urilor către disc local satisfacerea conditiilor specificate.

Verificarea link-urilor pentru „supraviețuire” și modificarea conținutului paginilor.

Programul conține un număr mare de setări și, în caracteristicile sale, nu este inferior Compass „y.

Organizator URL 2.4.5
Din nou, după cum sugerează și numele, un manager de marcaje. Autorul programului s-a limitat la funcțiile de manager, îndreptându-și principalele eforturi către dezvoltarea unui obicei interfața cu utilizatorulși comoditatea de a lucra cu programul, datorită un numar mare combinații de taste rapide și alte setări.

Programul vă permite să importați/exportați marcaje ale celor trei browsere principale: Netscape, Microsoft Internet Explorer și Opera. Conține o bază mică de marcaje gata făcute.

Convertoare URL

Bookmark Converter 2.9
Program pentru conversia marcajelor Netscape în favorite Microsoft Internet Explorer.

si invers.

Nimic in plus. Simplu și cu gust. Suporta modul linie de comandă. Interfață intuitivă. De asemenea, știe cum să sincronizeze legăturile între Netscape și Microsoft Internet Explorer. Nu există nicio limită în ceea ce privește dimensiunea colecției, cu cele cinci mii de link-uri ale mele s-a descurcat grozav.

Marcaj Magic 2.31
Un alt convertor de marcaje. Conversie între Microsoft Internet Explorer, Netscape și fișierul html Programul poate căuta link-uri duplicate. Există sortare după descrieri. Principalele funcții ale programului sunt disponibile și prin intermediul Linie de comanda.

Găsește linkuri moarte

SiteChecker 3.5
Programul verifică toate legăturile de pe site-ul dvs. (fișiere html, imagini etc.), inclusiv fișierele la care nimeni nu le trimite și la care nu face linkuri resurse externe... Programul poate rula local sau prin FTP.

Sistem flexibil de setări pentru raportul rezultat. Disponibil pe site-ul producătorului descriere detaliata: link

SiteMapper 1.04
SiteMapper de la Trellian Software (care a creat linia de produse Wolf) va analiza temeinic site-ul dvs., va indexa toate resursele și va genera un raport detaliat. Verifică linkurile către pagini și imagini lipsă. Un exemplu de raport poate fi găsit aici. Programul a primit numeroase premii și, aparent, din motive întemeiate.

Xenu's Link Sleuth 1.1f
Un alt program pentru verificarea site-ului pentru prezența legăturilor „moarte”. Verifică linkuri simple, imagini, cadre, pluginuri, foi de stil, scripturi, applet-uri Java etc. Produce un raport detaliat sortat după criterii specificate, dacă verificați toate opțiunile pe site-uri mari, oferă rapoarte de câțiva megaocteți.

Suportă conexiuni SSL, FTP, Gopher, redirecționare „s. Capacitate de a verifica din nou link-urile în cazul erorilor aleatorii ale rețelei. Programul a primit multe premii. Pagina autorului are o descriere detaliată și răspunsuri la întrebări.

CopyURL 2.30
Apropo de link-uri, nu putem decât să spunem despre un alt program grozav care nu se încadrează în categoriile de mai sus, dar adesea, în ciuda dimensiunii sale, face viața mai ușoară. Acest aplicatie gratuita CopyURL din Moon Software. Vă permite să adăugați trei meniuri suplimentare: Copiați adresa URL, Copiați linkul și Copiați numele, care apar când faceți clic dreapta pe un fișier URL.

Ca urmare a selectării acestor elemente, următoarele informații vor fi copiate în clipboard:
Copiați adresa URL:
Copiază legătură: site-ul
Copiați numele: site-ul web:
Puteți specifica mai multe adrese URL simultan. Puteți descărca CopyURL 2.30 de aici

Salutare tuturor, azi va fi despre utilizarea unui bookmarklet sau a marcajelor pentru browser.

Cine nu știe, acesta este așa ceva pe care îl poți adăuga la marcajele tale (da, astăzi voi debuta în rolul Căpitanului Obvious :) și, când dai clic pe el, să produci ceva efect.

Un exemplu este eroul notei de astăzi, care se află la http: // ulizko. com / demo / allthat /. Instructiuni de folosire:

1. Trageți linkul „link” în bara de marcaje sau faceți clic dreapta pe el și selectați elementul de meniu „adăugați la favorite”.
2. Accesați un site ca http://twitter. com, și faceți clic pe acest marcaj (bine, sau pe favoritele dvs.).

Va apărea o fereastră în care puteți introduce date. În general, se presupune că aceasta va fi o interfață pentru adăugarea de dorințe la listele de dorințe (create anterior pe un site), configurarea declanșatoarelor de alertă și așa mai departe. Există chiar și un fel de validare nivel de intrare... Și schimbul de date cu serverul a fost stabilit - adică o listă cu listele tale de dorințe îți vine pe orice domeniu, iar noua ta dorință din orice domeniu va zbura pe aripile iubirii pentru o listă de dorințe și se va instala confortabil în brațele ei. .

Dar. Astăzi nu vorbim despre asta, ci despre cum să facem astfel de lucruri în principiu.

Înainte de a trece direct la analizarea codului, aș dori să răspund la o întrebare (pe care nimeni nu mi-a pus-o :) și anume „Ce oportunități oferă un bookmarklet?” Răspunsul corect este oricare. Deoarece avem posibilitatea de a încărca orice script, putem face tot ce vrem cu pagina client. De exemplu - pentru a face un widget „portabil”, în care pe orice pagină puteți adăuga o intrare într-un blocnotes sau manager de activități. Sau chiar faceți portabil întregul manager de activități. Ceea ce este, de asemenea, important, ele vor funcționa aproape peste tot - acestea nu sunt pluginuri pentru firefox și nu widget-uri pentru opera. Bookmarklet-urilor nu le pasă (bine, aproape :) ce sistem de operare sau browser aveți. În general, există loc pentru imaginație.

Deci, cum să faci aceleași bookmarklets?
Este foarte simplu: trebuie să creezi un element ancora pe pagină cu un atribut href care conține codul javascript. Dacă traduceți în rusă, atunci trebuie să faceți doar un astfel de link, a cărui adresă, conform în general, și va fi un bookmarklet:

< a href = "javascript: alert ("Sunt bookmarklet"); void 0;"> Bookmarklet

Pentru ca codul javascript din adresa linkului să funcționeze, trebuie să îl adăugați înainte cuvânt javascript:. Dacă scleroza nu mă schimbă, asta se numește „specificarea unui protocol pseudo javascript”. Încă una detaliu important- dacă codul dvs. returnează o anumită valoare, atunci browserul o va lua ca o adresă la care să mergeți și să plecați pagina curenta... Pentru a evita acest lucru, nu returnați valori, adică adăugați void 0 la sfârșitul scriptului; , sau împachetați întregul cod într-o funcție anonimă care nu returnează valori - (funcția () (... codul dvs. ar putea fi aici ...)) ().

În orice caz, toate aceste probleme sunt discutate în detaliu de Ilya Kantor în articolul său Bookmarklets și regulile de scriere a acestora, la care vă trimit pentru detalii.

Singurul lucru pe care trebuie să-l știm este că toate browserele restricționează lungime maxima cod bookmarklet. Și, la fel cum viteza rulotei este egală cu viteza celei mai lente cămile, la fel dimensiune maximă bookmarklet cross-browser este egal cu limita impusă de IE 6 SP2, adică 488 de caractere.

Astfel, este puțin probabil să reușim să codificăm o logică complexă în mai puțin de cinci sute de caractere, așa că cel mai adesea bookmarkleturile creează pur și simplu o nouă etichetă de script, în care codul aplicației este deja încărcat.

Am făcut la fel. Iată codul meu bookmarklet adaptat uman:

(funcția () (
// creează o nouă variabilă internă a (mai bine în în acest caz utilizați identificatori scurti)
// și adăugați imediat obiectul nostru la obiectul fereastră globală și scrieți în el date care sunt unice
// pentru fiecare utilizator (la urma urmei, acestea au fost generate de server pentru utilizator înainte de a-și adăuga acest bookmarklet)
var a = window.allThat = (
userId: "123345456",
server: „http://mysite.com/”,
script: document .createElement ("script"), // creează și reține eticheta de script,
// care ne va încărca codul aplicației noastre - apoi îl vom șterge dacă utilizatorul face clic pe butonul „închidere”
css: document .createElement ("link") // similar
},
/ * creați și adăugați în mod dinamic elemente la DOM: * /
h = document .getElementsByTagName ("cap");
a.css.rel = "foaia de stil";
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 = nul;
})();

* Acest cod sursă a fost evidențiat cu Sursa de evidențiere a codului.

Apoi codul ferestrei în sine este încărcat direct. Cred că poate fi de interes în sine, așa că o voi posta și aici (toate comentariile sunt în engleză, deoarece clientul este american):

Daca te intereseaza, aici

Obiectul Bookmark este doar un marcaj. În practică, acesta este cel mai convenabil mod de a naviga în documentele create folosind șabloane (de exemplu, rapoarte). Diferența sa fundamentală față de obiectele Selection și Range este că toate selecțiile și intervalele se pierd atunci când documentul este închis (obiectele Range există, în general, numai în timpul funcționării procedurii care le-a creat, iar marcajele sunt salvate împreună cu documentul. Dacă documentul este create pe baza unui șablon, apoi toate marcajele care au fost definite în șablon vor fi definite și în documentul creat pe baza acestui șablon.

Creați marcaj (meniu Introduce-Marcaj) este mult mai ușor decât numărarea numărului de caractere pentru un obiect Range de la începutul unui document/paragraf/propoziție sau efectuarea operațiunilor Move () (MoveDown (), MoveRight (), MoveNext ()) pe un obiect Selection.

Funcționalitatea obiectului Bookmark nu este grozavă. Acest obiect are mult mai puține proprietăți și metode decât obiectele Selection și Range. Cu toate acestea, de obicei nimeni nu încearcă să folosească obiectul Bookmark pentru a lucra direct cu text. Este foarte ușor să obțineți un obiect Selection din obiectul Bookmark (folosind metoda Select ()) sau un obiect Range (folosind proprietatea Range ()) - și apoi puteți utiliza proprietățile și metodele acestor obiecte, de exemplu:

ThisDocument.Bookmarks ("Bookmark1"). Selectați

MsgBox Selection.Text

Nu este necesar să creați obiecte Bookmark în mod programatic, dar dacă este necesar, puteți utiliza metoda Add () a colecției Bookmark:

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

Această metodă are doar doi parametri, ambii utilizați în exemplu.

Câteva proprietăți importante ale obiectului Bookmark

Gol - dacă această proprietate returnează True, înseamnă că marcajul indică punctul de inserare, nu textul;

Nume - numele marcajului. Este foarte convenabil să găsiți marcajul dorit în colecția de marcaje nu numai folosind indexul (numărul) marcajului, ci și după numele acestuia.

Range - Returnează un obiect Range în locul acestui marcaj.

Start, End, StoryType - similar cu aceleași proprietăți pentru obiectul Selection.

Obiectul Marcaj are doar trei metode - Copiere (), Ștergere () și Selectare (). Copiere () - creează un marcaj pe baza unuia existent, Delete () - îl șterge și Select () - selectează la ce se referă marcajul.

Obiect Word.Range, care lucrează programatic cu un interval dintr-un document, proprietăți și metode ale obiectului Range, avantaje față de obiectul Selection

După cum sa menționat mai sus, cel mai adesea dezvoltatorii folosesc obiectul Selection pentru a determina unde să introducă text și să navigheze în document. Obiectul Range poate fi folosit în aceleași scopuri. Principala diferență dintre obiectele Range și Selection este că obiectul Selection poate fi definit și de utilizator (prin selectarea textului cu mouse-ul), în timp ce obiectul Range poate fi definit doar programatic și nu depinde de poziția curentă a pointer sau acțiuni ale utilizatorului.

Definiția formală a unui obiect Range este că este un obiect programatic care reprezintă o secțiune adiacentă de text într-un document. Acest obiect este independent de obiectul Selection — puteți lucra cu obiectul Range fără a modifica selecția curentă. Este posibil să nu includă un singur caracter (pentru a reprezenta cursorul de introducere a textului).

Pot exista oricâte obiecte Range dorești, dar obiecte Selection - doar unul.

Puteți controla conținutul paginii html folosind bookmarklet. În această postare voi descrie exemple simple de bookmarklet și utilizarea acestuia pentru completarea formularelor web.

Crome a fost folosit pentru a scrie articolul, poate că alte browsere au propriile lor particularități. Cel mai exemplu simplu Utilizarea unui bookmarklet este pentru a afișa un mesaj în browser. Pentru a face acest lucru, de exemplu, puteți deschide www.google.ru și după deschiderea paginii în bara de adrese în loc de www.google.ru introduceți următorul cod

Javascript: alertă („Bună ziua, lume”);

Și apăsați Enter, va apărea un mesaj în fereastra browserului

Pentru a nu introduce codul constant în bara de adrese a browserului și a-l avea la îndemână constant, este posibil să adăugați codul acestei funcții la marcajele dvs.

Există mai multe opțiuni pentru aceasta, voi descrie două dintre ele. Primul este de a crea manual un marcaj în meniul de marcaje, al doilea este de a scrie o pagină html cu un link special conceput, care poate fi tras cu mouse-ul în bara de marcaje.
Să luăm în considerare prima opțiune. În Chrome, accesați meniul de marcaje.

Faceți clic pe „Marcați această pagină” va apărea următoarea fereastră

În el, faceți clic pe butonul „Modificați”. Și în fereastra care apare, introduceți numele pentru marcaj și codul funcției.

După aceea, apăsați butonul „Salvare”. Acest marcaj apare acum în bara de marcaje. Și pentru a apela această funcție, puteți face clic pe această filă în orice pagină.
Luați în considerare a doua opțiune pentru adăugarea unui marcaj dintr-o pagină html. Pentru a face acest lucru, creați un gol fisier text cu numele AddBookmark.html. și introduceți următorul cod în el:

Mesajul „Bună lume!”

Particularitatea introducerii codului JavaScript este înlocuirea ghilimelelor cu descrierea lor simbolică. „Acum deschideți pagina într-un browser.
Link-ul către marcaj este evidențiat în albastru, trageți-l în bara de marcaje cu mouse-ul, dacă bara de marcaje nu este afișată, atunci acest lucru poate fi corectat - https://support.google.com/chrome/answer/95745?hl=ru

Acum uită-te la câteva exemple.

1.Schimbarea culorii de fundal. Adăugați încă un link la fișierul html
Fundal gri Trageți-l în bara de marcaje. Când lansați un marcaj pe pagina www.google.ru, obțineți următorul rezultat:

2. Completați datele în câmpul de text și schimbați-i clasa.

Pentru a completa câmpurile de text, apăsați butonul, trebuie să le cunoașteți fie numele, fie id-ul. Pentru a găsi numele câmpului, trebuie să faceți clic dreapta pe el și să selectați „Vizualizare cod”. O fereastră cu un cod și un element de text evidențiat va apărea în partea dreaptă a ferestrei.

În cazul nostru, găsim atributul id și îl amintim, îl avem lst-ib. Acum, cunoscând id-ul câmpului de text, adăugați un nou link către burkmarket la pagina html:

Completarea căutării pe google În cazul nostru, clasa se schimbă casetă de text la MyClass și este umplut cu textul „Hello world!”
Să adăugăm marcaj nou la bara de activități. Și accesați www.google.ru și executați bookmarklet-ul și obțineți rezultatul.

Pentru a verifica modificarea în clasă, deschideți codul elementului din nou, anterior clasa era așa class = "gsfi" acum class = "MyClass"