Dakle, već smo saznali da je glavna upotreba JavaScript skripti na internet stranicama. Nadam se da znate barem generalno. Neću o tome.

Najjednostavnija Internet stranica sastoji se od jedne ili više web stranica (web stranica, ).

Da biste koristili JavaScript skripte, morate nekako ugraditi izvorni kod skripte u web stranicu.

To je ono o čemu ću danas pričati.

Dakle, skripta u tijelo HTML stranice može se umetnuti gotovo bilo gdje.

Ako ubacite neku vrstu funkcije, onda je bolje da je postavite u zaglavlje stranice. Odnosno, negde između

... .

Sama skripta se postavlja između oznaka

Ovdje kao parametar početne oznake

Kao što sam rekao, skripta se može umetnuti bilo gdje na stranici. Međutim, ako se to uradi između oznaka, tada će izvorni kod skripte biti vidljiv korisniku. To, naravno, nije neophodno u opštem slučaju.

Kako bi se spriječilo da tekst izvornog koda bude prikazan od strane pretraživača, izvorni kod mora biti napisan kao komentar HTML oznake, odnosno između znakova

to je ovako:

Ali postoji još jedna karakteristika. Posebno glupi pretraživači ne razumiju simbol -->. Stoga, kako biste osigurali da kod nije vidljiv korisniku u svim pretraživačima, preporučuje se da učinite ovo:

BILJEŠKA
Gotovo svi moderni pretraživači će raditi dobro čak i ako ne koristite znakove za komentare u HTML oznakama. Međutim, bolje je to učiniti, jer korisnik može imati neki stari pretraživač.

Pa, sada primjer jednostavne HTML stranice sa ugrađenim JavaScript-om:

Napravite tekstualnu datoteku, promijenite njenu ekstenziju (ne smije biti txt, već htm ili html), zalijepite gornji tekst i sačuvajte.

Zatim jednostavno pokrenite ovu datoteku dvostrukim klikom. Otvoriće se vaš podrazumevani pretraživač i pojaviće se poruka “Moja prva skripta na web stranici!”.

Kao što ste možda pretpostavili, HTML stranice i skripte ugrađene u njih mogu se pokretati na računaru korisnika čak i ako nemaju internet vezu. A to znači...

PAŽNJA!
Sa JavaScript-om možete pisati programe koji će se izvoditi na računaru korisnika. I Nije bitno koji operativni sistem ima! Glavna stvar je da njegov pretraživač podržava skriptiranje. A u isto vrijeme, ne trebaju vam nikakvi posebni razvojni alati koji koštaju ludi novac - dovoljan je samo uređivač teksta!

Izdali smo novu knjigu "Marketing sadržaja društvenih medija: Kako ući u glavu pretplatnika i natjerati ih da se zaljube u vaš brend."

Izvorni kod web lokacije je kolekcija HTML oznaka, CSS stilova i JavaScript skripti koje pretraživač prima od web servera.

Više videa na našem kanalu - naučite internet marketing uz SEMANTICA

Može se uporediti sa skupom komandi koje vojnicima daje komandant. Zamislite da publika ne vidi i ne čuje šefa. Sa njihove tačke gledišta, vojska samostalno izvodi akcije. U našem slučaju, komandant je pretraživač, komande su izvorni kod, a vojnici koji marširaju su krajnji rezultat.

Stranica je pohranjena na web serveru koji šalje stranicu na zahtjev korisnika. Zahtjev je upisivanje URL-a u adresnu traku, klik na vezu ili klik na dugme za slanje na obrascu. Nije bitno na kom su jeziku web stranice napisane, da li sadrže softverski dio. Krajnji rezultat bilo kojeg algoritma na strani servera je skup html oznaka i teksta.
Izvorni kod stranice je skup podataka koji uključuje:

• html markup;
• stilski list ili link na fajl;
• programi napisani u JavaScript-u ili veze do datoteka sa kodom.

Ovim trima sekcijama rukuje pretraživač. Za server, ovo je jednostavno tekst koji treba poslati kao odgovor na zahtjev.

Zašto bismo možda trebali proučiti izvorni kod

Sve što vidimo, možemo analizirati i primijeniti za rješavanje određenih problema koji se javljaju u toku rada sa sajtom, posebno prilikom njegove optimizacije. Gledajući izvorni kod, možemo:

• Pogledajte meta tagove svoje ili tuđe stranice za njihovu analizu.
• Pogledajte prisustvo ili odsustvo određenih elemenata na sajtu: brojači, identifikacioni kodovi u različitim sistemima, određene skripte i drugo.
• Saznajte parametre elemenata: veličine, boje, fontove.
• Pronađite put do fotografija i drugih elemenata na stranici.
• Pregledajte veze sa stranice.
• Pronađite probleme s kodom koji ometaju proces optimizacije stranice: stilovi koji nisu premješteni u zasebne datoteke, skripte, nevažeći kod.

Ovo su glavne karakteristike, ali u stvari, ako budete u mogućnosti da pročitate kod, možete naučiti mnogo više o stranici.

Kako vidjeti izvorni kod web mjesta

Potpuno u obliku u kojem je postavljen na serveru, to se ne može učiniti iz pretraživača. Ali možete vidjeti cijelu oznaku klikom na stranicu desnim gumbom miša. Ovdje i ispod na primjeru Google Chrome-a.

Odaberite opciju "Prikaži šifru stranice" i preuzmite cijeli popis u posebnoj kartici.

To je samo tekst koji morate raščlaniti da biste ga razumjeli. Ali možete dobiti interaktivni kod pomoću alata za programere.

Kako pronaći izvorni kod web stranice

Kliknite na ikonu menija u pretraživaču. Najčešće je desno i izgleda kao tri tačke ili pruge.

U odjeljku dodatnih alata odaberite "Alati za programere".

Otvoriće se prozor koji prikazuje aktivno stanje koda. To znači da kada kliknete na oznaku pored, bit će prikazan stil elementa, a odabrani blokovi će biti istaknuti na stranici.

Na kartici "Izvor" možete vidjeti sadržaj nekih datoteka: skripte, fontove, slike.

U kartici "Sigurnost" dostupna je provjera certifikata stranice.

Kartica "Revizije" će vam pomoći da provjerite resurse objavljene na hostingu.

Ako je lokacija ploče na desnoj strani nezgodna, možete kliknuti na tri tačke i promijeniti je odabirom željene stavke.

Kako pogledati meta tagove

Svaki html dokument uključuje oznake strukture. Evo nekih od njih:

1. html je cijeli dokument.
2. Glava - odjeljak zaglavlja usluga.
3. Naslov – naslov stranice (prikazuje se na kartici).
4. Tijelo - tijelo dokumenta.
5. H1-H6 - naslovi teksta stranice.
6. Članak - članak.
7. Sekcija - sekcija.
8. Meni - meni.
9. Div - blok.
10. Span je niz.
11. P - stav.
12. Sto - sto.

Elementi su dizajnirani da logički razgraniče dijelove stranice i stilizirani su prema potrebi. Sadrže tekst koji je nekako vidljiv na stranici. Ali oznaka Head sadrži informacije o servisu. Meta tagovi se koriste da ga specificiraju. Sve što je u njima napisano je namenjeno serveru i pretraživačima.

Njihov sadržaj se ne može znati ni na koji drugi način.

Obratimo pažnju na oznaku Link. Koristi se za specificiranje veza do vanjskih uključenih datoteka. Ako želite, možete vidjeti sadržaj i spremiti na disk. Da biste to učinili, zadržite pokazivač miša iznad adrese i kliknite desnim tasterom miša. Odaberite "Otvori u novoj kartici".

Navedeni fajl će se otvoriti u novoj kartici, koju možete pogledati ili sačuvati.

Kako vidjeti izvorni kod stranice za otklanjanje grešaka u skripti

U ovom slučaju, najpogodnije je otvoriti stranicu na lokalnom računalu. Ako trebate samo popraviti oznake, stilove i skripte, to se može učiniti izravno iz mape. Html kod se posmatra na isti način. Ali greške JavaScript koda mogu se vidjeti na kartici "Konzola". Prikazuje opis greške i broj reda na kojem se dogodila.

Sintaksa se može vidjeti direktno u kodu. Ovo je kartica Izvor.

Kako vidjeti kod određenog elementa

Za velike stranice sa mnogo elemenata, teško je pronaći pravi kod u svim oznakama. U tom slučaju trebate koristiti posebnu naredbu iz kontekstnog izbornika. Zadržite pokazivač miša preko fragmenta i pritisnite RMB. Odaberite naredbu View Code.

Otvara se isti prozor, ali sa fokusom na odabranom objektu.

Sažetak

Rekli smo vam koji je izvorni kod stranice. Dovoljno je savladati elementarno znanje HTML-a i CSS-a, a pomoću praktičnih alata za programere možete otkloniti greške u vlastitim html dokumentima.

Pregledavanje koda resursa na webu omogućit će vam da učite ne samo iz vlastitog iskustva, već i da koristite stvarne radne primjere. A za seo stručnjake, meta tagovi će biti korisni, informacije u kojima mogu puno reći o web mjestu.

Vrlo jednostavno - samo kliknite desnim tasterom miša i odaberite odgovarajuću stavku u kontekstualnom meniju. Formulacija može varirati u zavisnosti od pretraživača koji se koristi: u Mozilla Firefox-u se zove "Izvor", u Apple Safariju - "Prikaži izvor", u Google Chrome-u - "Pogledaj kod stranice", u Operi - "Izvorni kod", u Internet Exploreru - " Pogledajte HTML kod.

Izvorni kod serverskih skripti koji generišu HTML kod stranice sa normalno konfigurisanim serverskim softverom ne može se dobiti jednostavnim zahtevom. Možete vidjeti izvorni kod PHP ili Perl skripti samo preuzimanjem njihovih datoteka putem FTP protokola ili putem upravitelja datoteka kontrolne table hostinga ili sistema za upravljanje sadržajem. Ove datoteke možete otvoriti običnim uređivačem teksta.

Izvorni kod klijentskih skripti koje se izvršavaju direktno u pretraživaču (na primjer, JavaScript) može se vidjeti izdvajanjem njihovih datoteka iz keša pretraživača. I još lakše - spremite stranicu sa svim pratećim datotekama na određenu lokaciju. U ovom slučaju, ne morate iskopati sve što je pohranjeno u kešu. Da biste to učinili, u bilo kojem pretraživaču trebate pritisnuti kombinaciju tipki CTRL + S, a zatim u polju "Vrsta datoteke" odabrati "Cijela web stranica". Također možete otvoriti datoteke s ekstenzijom js koja sadrži izvorni kod skripte pomoću običnog uređivača teksta.

Izvorni kod za flash filmove koje pretraživač preuzima na vaš računar nije tako lako pogledati. Pregledač ne prima izvorni kod, već samo njegovu kompajliranu verziju - izvršni kod. Međutim, postoje programi za dekompajler koji su u stanju da izvedu proceduru obrnute konverzije. Na primjer, Flash Decompiler Trillix je ugrađen u vaš pretraživač i omogućava vam da izdvojite Flash objekat sa stranice i sačuvate ga. Nakon što otvorite flash u dekompajleru, dobićete pristup njegovim pojedinačnim komponentama - slikama, skriptama, zvukovima itd. Naravno, ovaj kod neće u potpunosti odgovarati autorovim izvorima, već samo sa stepenom tačnosti koji je dovoljan za funkcioniranje.

"Izvorni kod" se najčešće naziva kodom programa na ljudskom razumljivom (visokom nivou) programskom jeziku. Pomoću ovog koda možete izvršiti promjene u programu (skripta, flash film, java aplikacija, aplikacijski program, itd.). Autor ili distributer programa odlučuje da li će distribuirati izvorni kod zajedno sa gotovim proizvodom. Postoji čitava klasa aplikacija koje se distribuiraju "open source", izvorni kod drugih programa (na primjer, JavaScript skripte ili HTML stranice) po definiciji ne može biti sakriven, a izvorni kod drugih programa podliježe autorskim pravima.

Uputstvo

Nabavite izvorni kod za aplikaciju otvorenog koda sa stranice autora ili distributera softverskog proizvoda. Adresa stranice obično možete saznati u odjeljku menija pod nazivom "Pomoć", ako u njemu odaberete stavku "O".

Desni klik na web stranicu ako želite pristupiti njenom izvornom kodu. U svakom pretraživaču, padajući kontekstni meni će sadržati komandu za pregled izvora, iako se njen tekst može neznatno razlikovati. Možete i bez kontekstnog menija - prečica na tastaturi ctrl + u duplira poziv na komandu izvornog prikaza. Neki od pretraživača imaju ugrađene alate za pretraživanje (Mozilla Firefox, Google Chrome), drugi za to koriste eksterne programe - najčešće Notepad. Izvor stranice dobiven na ovaj način možete spremiti u datoteku.

Natasha 31. oktobar 2011. u 03:10

JavaScript: Skrivanje skripte od znatiželjnih očiju

• Drvna soba *

Da li ste ikada poželeli da sakrijete od stranaca na svojoj stranici skriptu koja implementira nerealno lep izgled menija ili druge radnje koje ne biste želeli da vidite uskoro na svakom drugom sajtu?
Ako da, onda će vam metoda opisana u ovom članku dobro doći zajedno sa zamagljivanjem koda. Istovremeno, odmah ću napraviti rezervu da metoda nije 100 posto, ali će vjerovatno zaštititi od većine neprofesionalaca i nekih profesionalaca.

Teorija

Recimo da imamo stranicu nojs.php, a na njoj je secret.js skripta koju treba sakriti. Pregledač i korisnik mogu dobiti skriptu sa servera na sljedeće načine:

1. Učitavanje skripte direktno postavljene na stranicu ili učitane pomoću DOM-a;
2. Pogledaj skriptu u prozoru Izvorni kod stranice;
3. Pohranjivanje stranice sa svim datotekama na tvrdi disk;
4. Unošenje direktnog URL-a u adresnu traku.

U prvom slučaju, pretraživač mora proći HTTP_REFERER http zaglavlje.
U drugom i trećem slučaju, ne prenose ga svi pretraživači (Chrome, FireFox izdaju prethodno učitanu skriptu iz keša; Opera, IE ponovo učitavaju skriptu, ali bez slanja referera).
U četvrtom slučaju, ni jedan od četiri pretraživača ne prenosi referer.
Ako dinamički izdamo JavaScript uz provjeru prisutnosti upućivača zaglavlja u zahtjevu, tada ćemo se odmah zaštititi od Opera i IE, ali za Crome i Firefox ćemo morati smisliti nešto složenije. Prvo ćemo učitati jednu skriptu, koja će zauzvrat učitati drugu skriptu, dok će oba preuzimanja biti provjerena na prisustvo http-referera. Naučnim poketom je ustanovljeno da ako dinamički kreirate skriptu na stranici document.createElement("script"), a zatim je izbrišete sa stranice, skripta će raditi kao i obično, ali neće biti sačuvana.

Vježbajte

nojs.php

Ova stranica je namijenjena za učitavanje script1.php

script1.php

Njegov posao je da dinamički učita script2.php ako postoji upućivač zaglavlja. Vremenska ograničenja se mogu smanjiti, ovisno o približnom vremenu izvršenja skrivene skripte.

script2.php

Njegov zadatak je izdati konačnu skriptu ako postoji referer zaglavlje

Rezultati

Kao rezultat, dobijamo da ne možemo ni pogledati izvorni kod stranice, ni preuzeti, ni sačuvati skrivenu skriptu koristeći četiri pretraživača koja se testiraju. Općenito, možete ga pogledati na dva načina:

• Slijedeći link koji direktno vodi do script2.php i nalazi se na stranici naše stranice;
• Formiranje http zahtjeva sa zaglavljem referera u njemu.

Efikasnost skrivanja možete povećati na sljedeće načine:

1. Koristeći mod-rewrite, zamenite script1.js i script2.js koji idu na server sa script1.php i script2.php, respektivno, tako da stranica sadrži sve uobičajene js fajlove, pošto je php upečatljiv;
2. Učiniti fiktivni scenario što složenijim, uvjerljivijim i zbunjujućim, tako da bi osoba koja pokušava da ga raščlani prilično patila prije nego što bi shvatila da je prevarena;
3. Zamagljivanje koda.