Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • U kontaktu s
  • Izvorni kod skripte. Kako ugraditi JavaScript kod u HTML stranicu

Izvorni kod skripte. Kako ugraditi JavaScript kod u HTML stranicu

Odricanje!

Ono što ćete vidjeti unutar izvornika je užasan sranje kod, koji je preporučljivo ne koristiti u svojim projektima kako biste izbjegli sve probleme s kojima sam se i sam jednom susreo. Ako, naravno, budući da ste besmrtna osoba, odlučite koristiti moj kod u svojim projektima, tada vas upozoravam da odbacujem svaku odgovornost za njegovo korištenje i bilo kakve probleme na koje biste mogli naići. Kada objavljujete svoje različite izmjene, ako postoje, promijenite im nazive, jer Policijski alati još uvijek postoje i podržava ih programer. Preporuča se da takve stvari shvatite ozbiljno, jer nitko nije imun na Takedown, a ja namjeravam zaštititi autorska prava na svoj proizvod do kraja podrške za ovu skriptu ne samo za objavljivanje na BlastHacku, već i na sve stranice općenito. Hvala na razumijevanju!

Sretno istraživanje!

Ugodan dan, gospodo ljudi iz LUA-e. Danas, 1. siječnja 2019., želio bih vam predstaviti puni izvorni kod svoje skripte Policijski alati. Kako ljudi ne bi trčali stvarati vlastite kopije moje ideje, reći ću da je ova verzija dovoljno stara da njezini sustavi više ne predstavljaju opasnost za moj glavni projekt. Odmah ću reći da ovaj projekt objavljujem ovdje jer... Želim pomoći ljudima koji žele znati LUA da nauče. Nije glupo kopirati šifru, promijeniti ime i predstavljati projekt kao svoj, već steći znanje. Ja, kao nitko drugi, razumijem kako je to krenuti potpuno od nule, a da pri ruci nemaš koliko-toliko dobar primjer. Također neću reći da je ovaj projekt divan. Počeo sam to upisivati 2017, tada sam tek počeo raditi skripte na LUA, mogu postojati užasni sustavi.

Velik dio koda je komentiran, ne morate ga ni pogledati, bio sam previše lijen da ga izrežem.


Preporučujem da pročitate ovu temu u cijelosti, inače najvjerojatnije nećete ništa razumjeti kada otvorite izvorni kod. Spremni za čitanje? Nadam se da je vaš odgovor pozitivan. Počnimo. ​


Sam izvor sastoji se od nekih stvari koje je početnicima vrlo teško svladati:


ImGUI prozori i slojevi [glavno sučelje]
Rad s mrežom [asinkroni zahtjevi / redovni HTTP zahtjevi]
Rad s INI konfiguracijama [postavke skripte]
Rad s dijalozima u više koraka [dodatno sučelje]
Rad s regularnim izrazima [lua uzorak]
Malo rada sa SAMP LUA.


Raspravljajmo sada o problematičnim dijelovima mog izvornog koda:


Vrlo zbunjujući kod jer... Pisao sam ga skoro tri godine, Bog ga blagoslovio.
Puno komentara koji u biti nemaju nikakvog smisla i bili su samo bilješke.
Na nekim mjestima postoji ogroman broj redaka umjesto jednog mogućeg, ali to nije kritično.


Ako govorimo o prednostima, možemo istaknuti sljedeće:

10k čistog koda + još 3k ponekad korisnih komentara.
Privatni sustavi za koje sam svojedobno platio svoj teško zarađeni novac.
Visokokvalitetni sustavi koji mogu poslužiti kao izvori mrežnih funkcija.


Također ću pojednostaviti vaš zadatak i navesti zanimljive funkcije:

Automatsko igranje uloga oružja.

Može se pronaći u glavnom komentaru [ WEAPON_FUNCTION_BEGIN ]. ​

Blago redizajniran sustav cikličkih asinkronih zahtjeva.

Može se pronaći pretraživanjem, funkcija [loop_async_http_request]. ​

Potpuni sustav za razgovor u skripti s gornjim funkcijama.

Može se pronaći na liniji [3985] ili putem ključa. riječ [getmsg2.php]. ​

Punopravna baza podataka Ministarstva unutarnjih poslova poslužit će kao primjer.

Može se pronaći na liniji [8124] ili putem ključa. riječ [cmd_baza_podataka]. ​

Punopravni sustav povezivanja u skripti s oznakama.

Mini MVDHelper, kako mnogi vjeruju, može se naći u cijeloj skripti.


Ovaj izvorni kod koristi sljedeće biblioteke:

Samp.lua
dragi imgui
memorija
kodiranje [za ImGUI, odnosno] ​



Možda ću ovoj temi dodati korisne i zanimljive informacije. Razumijete, noć nakon Nove godine je uvijek teška. Ako sam nešto zaboravio dodati, a vi ste to pronašli u izvoru, onda napišite u temu, bit ću vam vrlo zahvalan. Nadam se da svojim izvornim kodom mogu pomoći barem nekome od onih koji počinju učiti LUA, ili pokušavaju napisati svoju prvu skriptu. Ako imate pitanja o izvoru, također ih možete postaviti u ovoj temi. Ako želite ostaviti recenziju, samo naprijed, cijela tema vam je na raspolaganju. I da vas podsjetim još jednom da sam ovaj scenarij počeo pisati dok sam tek studirao, tako da ga ne biste trebali previše kritizirati. Svi smo mi ljudi, svi griješimo na ovaj ili onaj način. Ogroman zahtjev, stvarajte jedinstvene skripte, nemojte ponavljati za drugima, osim ako, naravno, ne učite na tuđem primjeru. Upamtite, ako vam nešto ne ide, pokušajte dalje - jednog dana ćete sigurno uspjeti ako ne odustanete. Ne pokušavajte sakriti svoj kod, neka ljudi vide što možete učiniti. Uostalom, samo tako će vas moći prepoznati kao osobu koja zna napisati kod i ne boji se to pokazati. Razumijem da nisam prvi koji je objavio ogroman projekt, ali se također nadam da nisam posljednji koji je to učinio. Pa, Pavel Garson je bio u kontaktu s vama, učite i postignite sve što želite. I da, dajem ovaj izvor na pregled, a ne na otvoreno kopiranje. Ako kopiraš napiši gdje si nabavio. I hvala svima.


Zapravo, mislim da vas apsolutno nije briga što sam gore napisao, vi samo tražite izvor.
Ogroman respekt za one ljude koji su pročitali cijeli tekst koji sam smislio nakon Nove godine =))


Dakle, već smo saznali da su glavna primjena skripti u JavaScriptu internetske stranice. Nadam se da znate barem općenito. Neću o ovome.

Najjednostavnije internetsko mjesto sastoji se od jedne ili više web stranica (web stranica, ).

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

O tome ću danas govoriti.

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

Ako umećete funkciju, bolje je staviti je u naslov stranice. Odnosno, negdje između

... .

Sama skripta nalazi se između oznaka

Ovdje kao parametar otvarajuće oznake

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

Da biste spriječili da preglednik prikaže tekst izvornog koda, izvorni kod mora biti napisan kao komentar HTML oznake, to jest između znakova

Odnosno ovako:

Ali postoji još jedan trik. Osobito glupi preglednici ne razumiju simbol -->. Stoga, kako biste bili sigurni da kod nije vidljiv korisniku u svim preglednicima, preporučuje se učiniti sljedeće:

BILJEŠKA
Gotovo svi moderni preglednici dobro će raditi čak i ako ne koristite znakove komentara u svom HTML označavanju. Međutim, bolje je to učiniti jer korisnik može imati stari preglednik.

Pa, sada primjer jednostavne HTML stranice s ugrađenom JavaScript skriptom:

Napravite tekstualnu datoteku, promijenite joj nastavak (ne smije biti txt, već htm ili html), zalijepite gornji tekst i spremite.

Zatim samo pokrenite ovu datoteku dvostrukim klikom na nju. Otvorit će se vaš zadani preglednik i pojavit će se poruka "Moja prva skripta na web stranici!".

Kao što možda pretpostavljate, HTML stranice i skripte ugrađene u njih mogu se izvoditi na računalu korisnika, čak i ako on nema internetsku vezu. Što znači...

PAŽNJA!
S JavaScriptom možete pisati programe koji će se izvoditi na računalu korisnika. I uopće nije važno koji operativni sustav ima! Glavna stvar je da njegov preglednik podržava izvršavanje skripte. A u isto vrijeme, ne trebate nikakve posebne razvojne alate koji koštaju lude novce - dovoljan je samo uređivač teksta!

Vrlo je jednostavno - samo kliknite desnom tipkom miša i odaberite odgovarajuću stavku u kontekstnom izborniku. Tekst se može razlikovati ovisno o pregledniku koji koristite: u Mozilla Firefoxu zove se "Izvor", u Apple Safariju - "Prikaži izvor", u Google Chromeu - "Prikaži kod stranice", u Operi - "Izvorni kod", u Internet Explorer - "Prikaz HTML koda."

Izvorni kod poslužiteljskih skripti koje generiraju HTML kod stranice s normalno konfiguriranim poslužiteljskim softverom nije moguće dobiti jednostavnim zahtjevom. Izvorni kod PHP ili Perl skripti možete vidjeti samo preuzimanjem njihovih datoteka putem FTP protokola ili putem upravitelja datotekama upravljačke ploče hostinga ili sustava za upravljanje web-stranicom. Takve datoteke možete otvoriti uobičajenim uređivačem teksta.

Izvorni kod skripti na strani klijenta koje se izvode izravno u pregledniku (na primjer, JavaScript) može se pregledati izdvajanjem njihovih datoteka iz predmemorije preglednika. A još je lakše spremiti stranice sa svim popratnim datotekama na određeno mjesto. U ovom slučaju nećete morati kopati po svemu pohranjenom u predmemoriju. Da biste to učinili, u bilo kojem pregledniku morate pritisnuti kombinaciju tipki CTRL + S, a zatim u polju "Vrsta datoteke" odabrati "Cijela web stranica". Također možete otvoriti datoteke s ekstenzijom js koje sadrže izvorni kod skripte pomoću običnog uređivača teksta.

Izvorni kod Flash filmova koje preglednik preuzima na vaše računalo nije tako jednostavan za pregled. Preglednik ne prima izvorni kod, već samo njegovu prevedenu verziju - izvršni kod. Međutim, postoje programi za dekompiliranje koji mogu izvesti postupak obrnute pretvorbe. Na primjer, Trillixov Flash Decompiler ugrađen je u vaš preglednik i omogućuje vam izdvajanje Flash objekta sa stranice i njegovo spremanje. Do tada otvarajući flash u dekompilatoru, imat ćete pristup njegovim pojedinačnim komponentama - slikama, skriptama, zvukovima itd. Naravno, ovaj kod neće u potpunosti odgovarati izvornom kodu autora, već samo sa stupnjem točnosti koji je dovoljan za funkcioniranje.

"Izvorni kod" najčešće se odnosi na kod programa u programskom jeziku (visoke razine) čitljivom za čovjeka. S ovim kodom možete mijenjati program (skriptu, flash film, java aplikaciju, aplikacijski program itd.). Autor ili distributer programa odlučuje hoće li distribuirati izvorni kod zajedno s gotovim proizvodom. Postoji cijela klasa aplikacija koje se distribuiraju "otvorenog koda"; izvorni kod drugih programa (na primjer, JavaScript skripte ili HTML stranice) po definiciji se ne mogu sakriti, a izvorni kod drugih programa podliježe autorskim pravima.

upute

Nabavite otvoreni izvorni kod aplikacije na web stranici autora ili distributera ovog softverskog proizvoda. Adresu web stranice obično možete pronaći u odjeljku izbornika pod nazivom "Pomoć" ako u njemu odaberete stavku "O programu".

Desnom tipkom miša kliknite web stranicu ako želite pristupiti njenom izvornom kodu. U bilo kojem pregledniku, skočni kontekstni izbornik sadržavat će naredbu za pregled izvora, iako se tekst može malo razlikovati. Možete i bez kontekstnog izbornika - kombinacija tipki ctrl + u duplicira poziv na naredbu za prikaz izvora. Neki preglednici imaju ugrađene alate za pregledavanje (Mozilla Firefox, Google Chrome), drugi za to koriste vanjske programe - najčešće Notepad. Izvor stranice dobiven na ovaj način možete spremiti u datoteku.

Jeste li ikada poželjeli sakriti skriptu na svojoj stranici od stranaca koja čini nestvarno lijep izbornik ili izvoditi druge radnje koje ne biste željeli uskoro vidjeti na svakoj drugoj web stranici?
Ako da, tada će vam metoda navedena u ovom članku biti korisna zajedno s maskiranjem koda. Istodobno, odmah ću reći da metoda nije 100 posto učinkovita, ali će vas vjerojatno zaštititi od većine neprofesionalaca i nekih profesionalaca.

Teorija Recimo da imamo stranicu nojs.php, a na njoj tajnu.js skriptu koju treba sakriti. Preglednik i korisnik mogu primiti skriptu s poslužitelja na sljedeće načine:
  • Učitavanje skripte izravno postavljene na stranicu ili učitane pomoću DOM-a;
  • Pogledajte skriptu u prozoru Izvorni kod stranice;
  • Spremanje stranice sa svim datotekama na vaš tvrdi disk;
  • Unos izravnog URL-a u adresnu traku.
  • U prvom slučaju preglednik mora poslati HTTP_REFERER HTTP zaglavlje.
    U drugom i trećem slučaju ne prenose je svi preglednici (Chrome, FireFox prikazuju prethodno preuzetu skriptu iz predmemorije; Opera, IE ponovno preuzimaju skriptu, ali bez slanja referera).
    U četvrtom slučaju, referer se ne prenosi niti jednim od četiri preglednika.
    Ako dinamički izdajemo JavaScript i provjeravamo prisutnost zaglavlja referera u zahtjevu, odmah ćemo se zaštititi od Opere i IE, ali za Crome i Firefox morat ćemo smisliti nešto lukavije. Prvo ćemo preuzeti jednu skriptu, koja će zauzvrat preuzeti drugu skriptu, a oba preuzimanja će se provjeriti na prisutnost http-referera. Znanstveno je utvrđeno 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 spremljena Practicenojs.php Ovo stranica ima svrhu učitavanja skripte1.php
    Find JS Nakon 10 sekundi trebali biste vidjeti skrivenu skriptu koja radi u obliku upozorenja, kliknite na poveznicu nakon upozorenja kako biste bili sigurni da događaji također nisu otpali. Na ovoj poveznici možete vidjeti skrivenu skriptu script1.php. Njena zadaća: dinamičko učitavanje script2.php ako postoji referentno zaglavlje. Vremenska ograničenja mogu se smanjiti, ovisno o približnom vremenu izvršenja skrivene skripte.
    script2.php Njegova je zadaća proizvesti konačnu skriptu ako postoji referentno zaglavlje
    Rezultati Kao rezultat toga, dobivamo da ne možemo niti pogledati izvorni kod stranice, niti preuzeti ili spremiti skrivenu skriptu koristeći četiri testirana preglednika. Općenito, možete ga gledati na dva načina:
    • Slijedite vezu koja vodi izravno na script2.php i nalazi se na stranici naše web stranice;
    • Formiranje http zahtjeva koji ukazuje na zaglavlje referera.
    Možete povećati učinkovitost skrivanja pomoću sljedećih metoda:
  • Koristeći mod-rewrite, zamijenite script1.js i script2.js koji idu na poslužitelj sa script1.php odnosno script2.php, tako da stranica sadrži poznate js datoteke, budući da je php upečatljiv;
  • Učinite fiktivni scenarij što je moguće složenijim, uvjerljivijim i zbunjujućim, tako da će osoba koja ga pokušava raščlaniti jako patiti prije nego shvati da je prevarena;
  • Zamagljivanje koda.
  • Izdali smo novu knjigu, Marketing sadržaja društvenih medija: Kako ući u glave svojih sljedbenika i navesti ih da se zaljube u vaš brend.

    Izvorni kod web-mjesta zbirka je HTML oznaka, CSS stilova i JavaScript skripti koje preglednik prima od web poslužitelja.

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

    Može se usporediti sa skupom naredbi koje vojnicima daje zapovjednik. Zamislite da publika ne vidi i ne čuje šefa. S njihove točke gledišta, vojska akcije provodi samostalno. U našem slučaju, zapovjednik je preglednik, naredbe su izvorni kod, a vojnici koji marširaju konačni su rezultat.

    Stranica je pohranjena na web poslužitelju koji šalje stranicu na zahtjev korisnika. Zahtjev je upisivanje URL-a u adresnu traku, klik na vezu ili klik na gumb za slanje na obrascu. Nije važno na kojem su jeziku web-stranice napisane ili sadrže li softversku komponentu. Krajnji rezultat bilo kojeg algoritma na strani poslužitelja je skup html oznaka i teksta.
    Izvorni kod stranice je skup podataka koji uključuje:

    • html markup;
    • lista stilova ili poveznica na datoteku;
    • programe napisane u JavaScriptu ili poveznice na datoteke s kodom.

    Ova tri odjeljka obrađuje preglednik. Za poslužitelj, 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 nastaju u radu sa stranicom, posebice pri optimizaciji iste. Gledajući izvorni kod, možemo:

    • Pogledajte meta oznake svoje ili tuđe web stranice kako biste ih analizirali.
    • Pogledajte prisutnost ili odsutnost određenih elemenata na web mjestu: brojači, identifikacijski kodovi u različitim sustavima, određene skripte i druge stvari.
    • Saznajte parametre elemenata: veličine, boje, fontove.
    • Pronađite put do fotografija i drugih elemenata koji se nalaze na stranici.
    • Istražite veze sa stranice.
    • Pronađite probleme s kodom koji ometaju proces optimizacije web stranice: stilovi koji nisu smješteni u zasebne datoteke, skripte, nevažeći kod.

    Ovo su osnovne značajke, ali zapravo, čitanjem koda možete saznati puno više o stranici.

    Kako vidjeti izvorni kod stranice

    To neće biti moguće učiniti u potpunosti u obliku u kojem je objavljeno na poslužitelju iz preglednika. Ali možete vidjeti sve oznake desnim klikom na stranicu. Ovdje i dolje na primjeru Google Chromea.

    Odaberite opciju "Prikaz koda stranice" i dohvatite cijeli popis u zasebnoj kartici.

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

    Kako pronaći izvorni kod web stranice

    Kliknite na ikonu izbornika u pregledniku. Najčešće je s desne strane i izgleda kao tri točke ili pruge.

    U odjeljku s dodatnim alatima odaberite "Alati za razvojne programere".

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

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

    U kartici "Sigurnost" možete provjeriti certifikat stranice.

    Kartica "Revizije" pomoći će vam provjeriti resurs objavljen na hostingu.

    Ako je mjesto ploče s desne strane nezgodno, možete kliknuti tri točke i promijeniti ga odabirom željene stavke.

    Kako vidjeti meta oznake

    Svaki HTML dokument uključuje strukturne oznake. Ovo su neki od njih:

  • Html – cijeli dokument.
  • Glava – odjeljak zaglavlja usluga.
  • Naslov – naslov stranice (prikazuje se na kartici).
  • Tijelo – tijelo dokumenta.
  • H1-H6 – naslovi teksta stranice.
  • Članak – članak.
  • Sekcija - sekcija.
  • Jelovnik – jelovnik.
  • Div – blok.
  • Raspon – niz.
  • P – stavak.
  • Stol – stol.
  • Elementi su dizajnirani za logično omeđivanje odjeljaka na stranici, ako je potrebno, dizajnirani su pomoću stilova. Sadrže tekst koji je na neki način vidljiv na stranici. Ali oznaka Head sadrži servisne informacije. Meta oznake se koriste za označavanje. Sve što je u njima napisano namijenjeno je serveru i tražilicama.

    Njihov sadržaj se ne može saznati na drugi način.

    Obratimo pozornost na oznaku Link. Uz njegovu pomoć navedene su veze na vanjske uključene datoteke. Po želji možete vidjeti sadržaj i spremiti ga na disk. Da biste to učinili, pomaknite pokazivač na adresu i pritisnite RMB. Odaberite "Otvori u novoj kartici".

    Navedena datoteka otvorit će se u novoj kartici koju možete pogledati ili spremiti.

    Kako vidjeti izvorni kod stranice za otklanjanje pogrešaka skripte

    U ovom slučaju, najprikladnije je otvoriti stranicu na lokalnom računalu. Ako samo trebate ispraviti oznake, stilove i skripte, to možete učiniti izravno iz mape. HTML kod se gleda na isti način. Ali pogreške JavaScript koda mogu se vidjeti na kartici "Konzola". Ovo pokazuje opis greške i broj retka u kojem se pojavila.

    Sintaksa se može vidjeti izravno u kodu. Tome služi kartica "Izvor".

    Kako vidjeti kod određenog elementa

    Za velike stranice s mnogo elemenata, teško je pronaći potreban kod u svim oznakama. U tom slučaju trebali biste koristiti posebnu naredbu kontekstnog izbornika. Pomaknite miš preko fragmenta i pritisnite RMB. Odaberite naredbu “View Code”.

    Otvorit će se isti prozor, ali s fokusom na odabrani objekt.

    Sažetak

    Rekli smo vam koji je izvorni kod stranice. Dovoljno je svladati osnovno znanje HTML-a i CSS-a, a pomoću prikladnih razvojnih alata moći ćete ispravljati pogreške u vlastitim HTML dokumentima.

    Pregled koda resursa na Internetu omogućit će vam učenje ne samo iz vlastitog iskustva, već i korištenje stvarnih primjera rada. A za SEO stručnjake bit će korisne meta oznake, čije informacije mogu puno reći o web mjestu.

    Najbolji članci na temu