Ovaj je članak dodatak članku o demaskiranju skripte. Ovdje će se raspravljati o osnovnim principima enkripcije i pakiranja. slabe točke zaštite, metode ručnog uklanjanja, kao i univerzalne alate za automatsko uklanjanje pakera i zaštite privitaka iz JavaScript skripti. U posljednje vrijeme sve češće izvor skripte su šifrirane ili pakirane. Yandex, DLE i drugi popularni projekti počeli su se zanositi ovim, a lijepe priče o "brizi o korisnicima", "uštedi prometa" i drugim glupostima izgledaju vrlo smiješno. Pa ako netko ima nešto za skrivati, onda je naš zadatak iznijeti ih na vidjelo.
Počnimo s teorijom. Zbog osobitosti izvršavanja JavaScripta, svi kriptori i pakeri, unatoč svojoj raznolikosti, imaju samo dvije varijante algoritma: ili alternativno: Druga metoda se najčešće koristi za zaštitu izvornog html koda stranice, kao i raznih trojanaca za ubacivanje zlonamjernog koda na stranicu, na primjer skriveni okvir. Oba algoritma mogu se kombinirati, "sofisticiranost" i složenost dekriptora može biti bilo što, samo princip ostaje nepromijenjen.
U oba slučaja ispada da funkcije eval() I document.write() Prenose se potpuno dešifrirani podaci. Kako ih presresti? Pokušajte zamijeniti eval() na upozorenje(), au otvorenom MessageBoxu odmah ćete vidjeti dešifrirani tekst Neki preglednici omogućuju kopiranje teksta iz MessageBoxa, ali bolje je koristiti ovaj poluautomatski dekoder:
- < html >
- < head >< title >JavaScript dekoder title > head >
- < body >
- < script type = "text/javascript" >
- // Funkcija za upisivanje rezultata dešifriranja u dnevnik
- dekoder funkcije (str) (
- dokument. getElementById("dekodirano"). vrijednost += str + "\n" ;
- < textarea id = "decoded" style = "width:900px; height:500px;" > textarea >
- < script type = "text/javascript" >
- body >
- html >
Na primjer, uzmimo neku skriptu iz Yandexa; nakon što pogledamo izvorni kod, vidimo nešto nezdravo:
Odmah ću reći da ovu skriptu obrađuje JavaScript Compressor, lako ju je prepoznati po potpisu - karakterističnom nazivu funkcije na početku skripte. Kopirajte cijeli izvorni tekst skripte, zamijenite prvi eval na dekoder, zalijepite ga u dekoder i spremite kao html stranicu. Otvorite ga u bilo kojem pregledniku i vidite da se raspakirana skripta odmah pojavljuje u tekstualnom području. Prerano je za veselje; svi prijelomi redaka i oblikovanje koda su uklonjeni. Kako se nositi s tim napisano je u članku o demaskiranju.
Drugi primjer. Ovdje je html stranica pokrivena programom HTML Protector. Ovo je stranica koja pokazuje mogućnosti programa, tako da su tamo uključene sve opcije: blokiranje odabira i kopiranja teksta, onemogućavanje desne tipke miša, zaštita slika, skrivanje statusne trake, šifriranje html koda itd. Otvorimo izvorni kod i pogledajmo. Na samom vrhu nalazi se već poznati dokument.write i šifrirana skripta. Provodimo ga kroz dekoder, dobivamo funkciju za dešifriranje glavnog sadržaja:
Kod (JavaScript):
- hp_ok = true ;function hp_d01 (s )( ... cut ... o = ar . join ("" )+ os ; document . write (o )
Zamjenjujemo posljednji dokument.write u funkciji s dekoderom i ubacujemo iza njega sve tri preostale šifrirane skripte:
- < script type = "text/javascript" >
- // Prvo ovdje zalijepite šifriranu skriptu
- // zamijeni sve pozive eval() i document.write() s decoder().
- hp_ok = true ;function hp_d01 (s)( .... o = ar . join ("" )+ os ; dekoder (o );
- hp_d01 (unescape (">QAPKRV%22NCLEWC ....
- hp_d01 (poništi izlaz ( ">QAPKRV%22NCLEWCEG? HctcQa ...
- hp_d01 (poništi izlaz ( ">`mf(%22`eamnmp? !DDDDDD %22v ...
Radi praktičnosti, skripte nisu dane u cijelosti u ovom članku; morate ih kopirati u cijelosti. Otvorimo dekoder u pregledniku i vidimo sigurnosne skripte koje je dodao program i dešifrirani izvorni tekst stranice. Radi praktičnosti, možete dešifrirati samo treću skriptu, koja sadrži html kod stranice. To je sva zaštita. Kao što vidite, ništa komplicirano. Ostale zaštite za HTML stranice uklanjaju se na isti način.
Prijeđimo s ručnog dešifriranja na automatsko dešifriranje. Da bih uklonio prvu vrstu zaštite, malo sam modificirao vama već poznatu skriptu Beautify Javascript i preveo je u exe datoteku. Bez problema se nosi s većinom JavaScript zaštita i omotača koje sam vidio.
Eval.JavaScript.Unpacker.1.1-PCL.rar (12.124 bajta)
Za teže slučajeve, morat ćete koristiti teško topništvo. Ovo je besplatan projekt osmišljen za istraživanje trojanaca i drugog zlonamjernog koda. Budući da su svi programi namijenjeni zaštiti autorskih prava očito zlonamjerni, Malzilla će nam pomoći u borbi protiv njih. Preuzmite (trenutno je 1.2.0), raspakirajte, pokrenite. Otvorite drugu karticu Decoder, zalijepite kod šifrirane skripte u gornji prozor, pritisnite gumb Pokreni skriptu.
U mapi procjena_temp Zbrajaju se svi rezultati izvršavanja funkcija eval(), uključujući srednje. Možete ih pogledati klikom na gumb Prikaži rezultate eval()., tekst će se otvoriti u donjem prozoru. Može se kopirati, zalijepiti u gornji prozor i odmah formatirati pritiskom na gumb Format koda. Osim dekodera, Malzilla ima mnogo više alata i postavki koje olakšavaju uklanjanje zaštite s JavaScript skripti.
Također možete obratiti pozornost na još jedan besplatni alat za rad s šifriranim skriptama - FreShow. Ima manje funkcija, ali ima gdje biti. S druge strane možete preuzeti demo video koji prikazuje primjer rada s programom.
Kao što vidite, nema ništa teško u uklanjanju zaštite s JavaScript skripti i html stranica. Nastavljate li i dalje braniti svoja podla "autorska prava"? Onda idemo k vama!
Ispod svih prekrasnih slika, savršene tipografije i prekrasno postavljenih poziva na akciju nalazi se izvorni kod vaše web stranice.
Svaki dan vaš preglednik pretvara ovaj kod u impresivne stranice za vaše posjetitelje i klijente.
Google i druge tražilice "čitaju" ovaj kod kako bi odredile gdje bi se vaše web stranice trebale pojaviti u njihovim indeksima za određeni upit za pretraživanje.
Stoga je vrlo važno za optimizacija pretraživača(SEO) ima ono što je u izvornom kodu.
Ovaj brzi vodič pokazat će vam kako čitati izvorni kod vaše web-lokacije kako biste bili sigurni da je vaš SEO ispravan i naučit će vas kako provjeriti svoje SEO uvjete.
Također ćemo pogledati nekoliko drugih situacija u kojima će vam znanje kako pregledati i ispitati glavne dijelove izvornog koda pomoći u drugim marketinškim naporima.
Kako vidjeti izvorni kod.
Prvi korak u provjeri izvornog koda vaše web-lokacije jest pogledati stvarni izvorni kod. Bilo koji web preglednik omogućuje vam da to jednostavno učinite.
Ispod su naredbe tipkovnice za pregled izvornog koda vaše web stranice PC I Mac.
- Firefox - CTRL + U (Držite tipku CTRL i pritisnite tipku "U") Alternativno, možete otići na izbornik "Firefox", zatim kliknuti "Web Developer" i zatim "Page Source".
- Internet Explorer- CTRL + U. Ili kliknite desni klik mišem i odaberite “View Source”.
- Chrome - CTRL + U. Možete kliknuti na sliku ključa s tri vodoravne crte u gornjem desnom kutu. Zatim kliknite na "Alati" i odaberite "View Source".
- Opera - CTRL + U. Također možete kliknuti desnom tipkom miša na web stranicu i odabrati "View Page Source."
Mac
- Safari - tipkovnički prečac je Option + Command + U. Također možete kliknuti desnom tipkom miša na web stranicu i odabrati Prikaži izvor stranice.
- Firefox - možete kliknuti desnom tipkom miša i odabrati "izvor" ili možete otići do izbornika "Alati", odabrati "Web programer" i kliknuti "Izvor stranice". Tipkovnički prečac je Ctrl + U.
- Chrome - idite na "View", zatim kliknite "developer" i zatim "View Source". Također možete kliknuti desnom tipkom miša i odabrati "View Page Source." Tipkovnički prečac je Option + Command + U.
Nakon što znate kako vidjeti izvorni kod, trebali biste znati kako ga pretraživati.
Obično se iste značajke pretraživanja koje koristite prilikom pregledavanja weba također primjenjuju i na pretraživanja izvora.
Naredbe CTRL + F (pronađi) pomoći će vam da brzo vidite izvorni kod važnih SEO elemenata.
Naslovne oznake.
Naslovna oznaka je najvažniji element SEO-a. Ovo je najvažnija stvar u izvornom kodu.
Ako iz ovog članka namjeravate uzeti samo jednu vrijednu stvar, razmislite o ovome:
Znate, ovo su rezultati koje Google daje kada nešto tražite.
Svi ovi rezultati preuzeti su iz naslovnih oznaka web stranica. Dakle, ako nemate oznake naslova u svom izvornom kodu, možda se nećete pojaviti na Googleu (ili bilo kojoj drugoj tražilici).
Vjerovali ili ne, vidio sam web stranice bez naslovnih oznaka. Pokušajmo brzo pretražiti Google za izraz " Marketinški vodiči". Što vidimo:
Možete vidjeti prvi rezultat pretraživanja za blog KISSmetrics poglavlje Marketinški vodiči.
Ako slijedimo poveznicu prvog rezultata pretraživanja i pogledamo izvorni kod stranice, možemo vidjeti oznaku u naslovu:
Naslovna oznaka označena je početnom oznakom:
I možemo vidjeti da sadržaj unutar oznake naslova odgovara onome što se koristi u naslovu rezultata Google pretraživanje.
No nisu samo oznake naslova potrebne za uključivanje u Google rezultate pretraživanja.
Google također identificira riječi u naslovnim oznakama kao važne ključne riječi za koje vjeruje da su relevantne za korisnička pretraživanja.
Dakle, ako želite dobiti određenu web stranicu u poretku za određenu temu, onda bolje provjerite jesu li riječi koje opisuju predmet uključene u oznaku naslova.
Postoji niz internetskih izvora na kojima možete saznati više o tome kako ključne riječi i naslovne oznake igraju važnu ulogu u cjelokupnoj arhitekturi vaše stranice.
Evo nekoliko važnih točaka koje će vam omogućiti da zapamtite važnost svojih oznaka naslova:
- Provjerite imate li samo jednu oznaku naslova po web stranici.
- Pobrinite se da svaka web-stranica na vašem web-mjestu ima vlastitu oznaku naslova.
- Provjerite je li svaka oznaka naslova na vašoj web stranici jedinstvena. Nikada nemojte duplicirati sadržaj određene oznake naslova.
Sljedeći važan element Glavni dio vaše web stranice je meta description tag.
Ovo je isječak vašeg sadržaja od 160 znakova koji se pojavljuje ispod vašeg naslova u tražilicama.
Vidio sam stotine stranica koje potpuno ignoriraju ovu oznaku. Vrlo je lako pronaći u izvornom kodu:
Dakle, provjerite i uvjerite se da je ova oznaka prisutna na svim web stranicama vaše stranice. Još važnije, pobrinite se da ga ne duplicirate na više stranica.
Dupliciranje meta description taga nije kazna za tražilicu, ali je vrlo velika marketinška greška.
Mnogi ljudi ignoriraju oznaku meta description, ali stvarno biste trebali poraditi na njoj jer se čita pretraživač.
Razmislite o tome kako će oznaka meta opisa pomoći privući više posjetitelja i povećati ciljane pretvorbe na vašu web-lokaciju.
HTML kod je u biti sama vaša stranica; on točno određuje kako će vaša stranica biti izgrađena i prikazana na zaslonu korisnika. U pravilu, ovaj kod je otvoren, što znači da ga svaki korisnik može lako vidjeti i pročitati. Ako iz ovog ili onog razloga ne želite da itko imao pristup vašem kodu, Možeš . To uključuje stvaranje posebnog algoritma koji kodira vaš kod, odnosno skriva svoj primarni izgled, čineći ga nedostupnim korisnicima stranice.Kada i kome može zatrebati?
Apsolutno svaki webmaster ili vlasnik web stranice može napraviti ovu enkripciju. Pitanje je koliko je to opravdano i potrebno. Na primjer, ako imate običnu odredišnu stranicu izrađenu pomoću predloška i koja se ne razlikuje od ostalih, nema smisla kodirati, jer je takav predložak već javno dostupan. U ovom slučaju malo je vjerojatno da će itko kopirati i proučavati vaš kod. Ali ako imate web stranicu koja ima jedinstven dizajn, dugo ste i mukotrpno radili na njoj ili ste platili mnogo novca za nju, onda ipak vrijedi razmisliti o kodu. Vrlo su česti slučajevi kada vlasnik ima web stranicu u koju je uloženo puno truda, vremena i novca, a nakon nekog vremena, na ovaj ili onaj način, otkrije potpuno istu web stranicu, istog dizajna i strukture, ali na drugoj domeni i hostingu. Vrlo često vlasnicima web stranica to govore sami korisnici u komentarima. U ovom slučaju možemo sa sigurnošću zaključiti da netko jednostavno kopirao HTML kod svoju stranicu i pokrenuo je na mojoj.Što trebate učiniti da se zaštitite?
Nije se lako zaštititi od situacija kopiranja i korištenja tuđeg HTML koda bez dopuštenja. I općenito, ako je osoba već vidjela vašu stranicu, moći će je duplicirati čak i bez koda, pod uvjetom da ima određeno znanje u području web razvoja. No, što se tiče samog HTML koda, on se može šifrirati. Ovo radi na temelju posebne javascript skripte. S našim alatom... U tom slučaju stvara se posebna skripta koja je namijenjena dešifriranju. Radi vrlo jednostavno: kada posjetitelj ode na vašu stranicu, učitava se šifrirani kod koji on ne može razumjeti. Istog trenutka pokreće se kreirani javascript koji dekriptira kod i prikazuje stranicu na ekranu korisnika. Istovremeno, sam posjetitelj ne može vidjeti pravi kod. Međutim, ova metoda ima i mali nedostatak. Postoje korisnici čiji preglednici ne dopuštaju pokretanje javascripta na web-mjestu; u ovom slučaju skripta se neće pokrenuti, stoga se HTML kod neće dešifrirati i web-mjesto neće biti prikazano. Ali nemojte se uzrujavati, takve su postavke preglednika vrlo rijetke, možemo reći da 99% preglednika dopušta pokretanje javascripta.Kako to učiniti?
To se može učiniti vrlo jednostavno pomoću našeg alata. Sve što trebate učiniti je zalijepiti svoj HTML kod u polje na ovoj stranici i kliknuti na gumb za početak enkripcije. Kao rezultat toga, u drugom polju dobit ćete već šifrirani kod koji se već može koristiti izravno na vašoj web stranici. 1 glasDobar dan, dragi čitatelji mog bloga. Ponekad pronađete neku lijepu značajku na web stranici i počnete se pitati kako je kreator postigao tako zanimljiv učinak.
Ispostavilo se da je odgovor vrlo jednostavan. A ako imate neke vještine, možete prikupiti puno ovih značajki i stvoriti vlastitu jedinstvenu web stranicu u kratkom vremenu.
Danas ćemo razgovarati o tome kako otvoriti kod stranice, određenog elementa i naučiti kako koristiti ovu vještinu za svoju korist.
Osnovno poznavanje koda
Moja stranica je namijenjena početnicima i prvo bih želio ukratko govoriti o stranicama i kodu općenito.
Nacrtati sliku, zatim je izrezati na male dijelove, napisati kod tako da će preglednik ponovno sastaviti sve elemente u jednu cjelinu. Čini li se da je sve vrlo komplicirano? Nimalo, i nema smisla tugovati zbog toga.
Tako nastaju kvalitetne web stranice. Ako hoćeš, uključi se u ovu stvar i proučavaj, ako nećeš, nitko te ne može prisiliti.
Reći ću samo jedno... nema ništa ugodnije nego vidjeti kako se nerazumljive riječi koje si napisao pretvaraju u jedinstvenu cjelinu i oživljavaju: linkovi rade, gumbi se pomiču, slike se pomiču, tekst puzi. Mislim da znam kako se osjećao Victor Frankenstein.
Kada počnete shvaćati tajni jezik i vidite da je zapravo sve puno jednostavnije nego što se u početku činilo, ne možete a da ne povjerujete u vlastite snage i sposobnosti mozga. Ovo je jako cool.
Kako se izrađuju web stranice? Idealno, prvo. On samo slika sliku. Na primjer, kao što je prikazano na slici ispod. Za sada je to samo slika, fotografija. Nijedan link ne radi, kada kliknete ne idete nikamo, ne provodi se nikakva pretraga.
Prema ovom crtežu. Pogledajte snimak zaslona u nastavku. Možda mislite da je ovo smiješan i vrlo složen skup simbola. Zapravo, sve nije tako komplicirano, postoji određeni algoritam.
Postoji samo oko 150 oznaka i svaka od njih odgovorna je za određenu radnju: poveznicu, rastavljanje crtica, podebljano, boju, naslov i tako dalje. Razumjeti ih nije tako teško ako imate želju i ne smeta vam vrijeme.
Zahvaljujući poznavanju ovih atributa, možete riješiti gotovo svaki problem. Ali svaki programer pronalazi svoje načine za postizanje cilja.
Iskusni kreatori odmah vide kako postići rezultate, dok drugi moraju razmišljati, tražiti odgovor u člancima ili u izvornom kodu konkurenata. Jednostavno preuzmu potrebni dio sa stranice treće strane i uređuju ga za sebe. To značajno skraćuje proces rada.
Malo kasnije ću vam pokazati konkretan primjer.
Pogledaj kod
Dakle, dopustite mi da vam prvo pokažem kako postupiti ako trebate saznati tuđi html. Zatim ćemo detaljnije pogledati sva ostala pitanja.
Najbolji način
Metoda koju ću prvo opisati je malo komplicirana za početnike, ali kao uvod, pročitajte je. Otvorite stranicu i kliknite desnom tipkom miša. Odaberite "Spremi kao..."
Spremite cijelu web stranicu. Kao što vidite na snimci zaslona, sve sam već preuzeo unaprijed. Ovdje imamo dvije mape.
Sve što trebate je ovdje. Svaki element. Ako ovo razumijete, možete brzo dobiti sve što vam je potrebno. Ali takav zadatak sve više postaje nemoguć. Nema preuzimanja. Što učiniti ako je zabranjeno kopiranje stranice?
Ovo je Google Chrome
Kao što ste već mogli primijetiti, najčešće koristim Google Chrome a učenje tuđeg koda u ovom pregledniku jednostavno je poput guljenja kruške. Kao u principu i sa svakim drugim. Shema neće biti samo slična, već i identična. Otvorite stranicu čiji kod želimo znati i desnom tipkom miša kliknite bilo gdje. U prozoru koji se pojavi kliknite "Prikaži kod stranice".
U novom prozoru otvorit će se list koda, što je početniku prilično teško razumjeti. Ali nemojte biti uznemireni prije vremena.
Ako trebate znati kod samo jednog elementa, samo prijeđite mišem iznad njega i kliknite desnom tipkom miša. Odaberite drugu Chromeovu funkciju: “Prikaz koda elementa”.
Na primjer, moglo bi me zanimati kako je napravljen logo, pomoću slike ili programskog jezika? Uostalom, možete nacrtati kvadrat s css pomoć. Mnogi stručnjaci savjetuju zapisivanje što više informacija u kodu. Kako funkcioniraju na popularnim stranicama?
Sada su se pojavile potrebne informacije. html na vrhu, css na dnu. To su dva jezika. Prvi je odgovoran za tekstualnu komponentu, a drugi za dizajn. Da nema CSS-a, morali biste svaki put odrediti boju i veličinu fonta. Za svaku stranicu, ovo je jako dugo. Ali da nema html-a, ne bismo imali tekstove. Ugrubo sam objasnio, ali generalno, to je tako.
Usput, ako vas zanima kako to radi ovdje, možete pogledati link na sliku ispod. Evo ti odgovora.
Mozilla Firefox
Ako volite raditi u mastiku, onda će sve biti potpuno isto. Otvorite stranicu i kliknite desnom tipkom miša. “Izvorni kod stranice” ako želite vidjeti cijeli kôd.
Kada prijeđete pokazivačem iznad elementa, možete otvoriti njegov kod.
Ovdje se podaci prikazuju na dnu ekrana, ali inače je sve potpuno isto.
Yandex preglednik
U pregledniku Yandex sve je potpuno isto kao u prethodne dvije opcije, otvorite stranicu, kliknite desnom tipkom miša, pogledajte kod stranice.
Lebdimo kursorom iznad elementa ako želimo točno saznati njegov kod.
Ovdje je sve prikazano potpuno isto kao u Chromeu.
Opera
I na kraju, Opera.
Usput, možda ste primijetili da ne morate koristiti miš. Postoji brzi tipkovnički prečac za otvaranje koda, a isti je za sve preglednike: CTRL+U.
Za elemente: Ctrl+Shift+C.
Ovako izgleda rezultat.
Ovo će biti zanimljivo za početnike
Sada pogledajte kako sve funkcionira. Pronađete mjesto i jako vam se svidi neki element. Na primjer, ovaj. Već znate kako otvoriti kod elementa.
Sad kopiraj.
Koristim , zalijepite ovaj kod u novu html datoteku, u oznaku body (body na engleskom).
Sada da vidimo kako će to sve izgledati u pregledniku.
Spreman. Da bi se tekst poravnao po rubovima i dobio zelenkastu boju, potrebno je spojiti css na ovaj dokument i kopirati drugi kod sa stranice sa koje smo kopirali ovaj.
Neću to sada učiniti. Za to je potrebno više vremena: i mog i vašeg. Mislim da ću sve detalje opisati u svojim budućim publikacijama. Pretplatite se na newsletter i budite prvi koji će saznati kada se članak pojavi.
Ako ne možete podnijeti, ali želite sada naučiti više o html-u i css-u, tradicionalno vam mogu preporučiti besplatne tečajeve.
Ovdje su 33 lekcije koje će vam omogućiti da savladate html - "Besplatni tečaj o HTML-u" .
A ovdje su potpune informacije o css-u - “Besplatni tečaj o CSS-u (45 video lekcija!)” .
Sad znaš malo više. Želim vam uspjeh u vašim nastojanjima. Vidimo se opet!
Mozilla Firefox Proširite odjeljak "Prikaz" u izborniku i kliknite "Izvorni kod". Ista točka je u kontekstni izbornik, koji ako desnom tipkom miša kliknete tekst stranice. Također možete koristiti tipkovnički prečac CTRL + U. Mozilla FireFox ne koristi vanjske programe - izvorni kod stranice s označenom sintaksom otvorit će se u zasebnom prozoru preglednika.
U Internet Exploreru kliknite izbornik Datoteka i odaberite Uredi u Notepadu. Umjesto naziva Notepad može biti napisano drugo ime koje ste dodijelili u postavkama preglednika za pregled izvornog koda. Desnim klikom na stranicu pojavljuje se kontekstni izbornik koji također ima stavku koja vam omogućuje otvaranje izvornog koda stranice u vanjskom programu - “View HTML Code”.
U Preglednik Opera otvorite izbornik, idite na odjeljak "Stranica" i imat ćete priliku odabrati stavku "Izvorni kod" ili stavku "Izvorni kod okvira" u pododjeljku "Alati za razvoj". Ovim odabirima dodijeljene su tipke prečaca CTRL + U odnosno CTRL + SHIFT + U. Kontekstni izbornik povezan s desnim pritiskom na stranicu također ima stavku "Izvorni kod". Opera otvara izvor stranice u vanjskom programu koji je određen u OS-u ili u postavkama preglednika za uređivanje HTML datoteka.
Google preglednik Chrome ima, bez sumnje, najbolje iskustvo gledanja izvornog koda. Desnim klikom na stranicu možete odabrati “View page code” i tada će se izvorni kod s isticanjem sintakse otvoriti u posebnoj kartici. Ili možete odabrati redak “View element code” u istom izborniku i preglednik će na istoj kartici otvoriti dva dodatna okvira u kojima možete pregledati HTML i CSS kod bilo kojeg elementa stranice. Preglednik će odgovoriti na pomicanje kursora preko redaka koda označavanjem elemenata na stranici koji odgovaraju tom dijelu HTML koda.