Pra, ne kemi zbuluar tashmë se përdorimi kryesor i skriptimit JavaScript është në internet. Shpresoj se e dini të paktën në terma të përgjithshëm. Unë nuk do të flas për këtë.
Faqja më e thjeshtë e internetit përbëhet nga një ose më shumë faqe interneti (faqe ueb,).
Për të përdorur skriptet JavaScript, duhet të futni disi kodin burimor të skriptit në faqen e internetit.
Kjo është ajo që do t'ju tregoj sot.
Pra, një skrip në trupin e një faqe HTML mund të futet pothuajse kudo.
Nëse futni ndonjë funksion, atëherë është më mirë ta vendosni në kokën e faqes. Kjo është, diku në mes
... .Vetë skripti vendoset midis etiketave
Këtu si një parametër i etiketës hapëse
Siç thashë, skenari mund të futet kudo në faqe. Sidoqoftë, nëse e bëni këtë midis etiketave, atëherë kodi burimor i skriptit do të jetë i dukshëm për përdoruesin. Kjo, natyrisht, është përgjithësisht e panevojshme.
Për të parandaluar shfaqjen e kodit burim nga shfletuesi, kodi burimor duhet të shkruhet si një koment shënjimi HTML, domethënë midis karaktereve
Kjo është, si kjo:
Por ka edhe një truk tjetër. Veçanërisht shfletuesit memecë nuk e kuptojnë simbolin ->. Prandaj, në mënyrë që kodi të garantohet të mos jetë i dukshëm për përdoruesit në të gjithë shfletuesit, rekomandohet ta bëni këtë:
SHËNIM
Pothuajse të gjithë shfletuesit modernë do të funksionojnë mirë edhe nëse nuk përdorni karaktere komentesh në shënimin tuaj HTML. Sidoqoftë, është më mirë ta bëni këtë, pasi përdoruesi mund të përfundojë me një shfletues të vjetër.
Epo, tani për një shembull të një faqeje të thjeshtë HTML me JavaScript të integruar:
Krijoni një skedar teksti, ndryshoni shtrirjen e tij (nuk duhet të jetë txt, por htm ose html), futni tekstin e mësipërm dhe ruajeni.
Pastaj thjesht klikoni dy herë atë skedar për të ekzekutuar. Shfletuesi juaj i paracaktuar do të hapet dhe do të shfaqet mesazhi "Skripti im i parë në një faqe ueb!".
Siç mund ta keni marrë me mend, faqet HTML dhe skriptet e ngulitura në to mund të funksionojnë në kompjuterin e përdoruesit, edhe nëse nuk kanë lidhje interneti. Kjo do të thotë se ...
KUJDES!
Me JavaScript, ju mund të shkruani programe që funksionojnë në kompjuterin e përdoruesit. Dhe nuk ka rëndësi se çfarë sistemi operativ ka! Gjëja kryesore është që shfletuesi i tij mbështet skriptimin. Dhe nuk keni nevojë për ndonjë mjet të veçantë zhvillimi që kushton para të çmendura - mjafton vetëm një redaktues teksti!
Kemi publikuar një libër të ri, "Marketingu i përmbajtjes në mediat sociale: Si të hyni në krye të abonentëve dhe të bini në dashuri me markën tuaj".
Kodi burimor i një siti është një koleksion i shënimeve HTML, stileve CSS dhe JavaScript që një shfletues merr nga një server në internet.
Më shumë video në kanalin tonë - mësoni marketingun në internet me SEMANTICA
Mund të krahasohet me një grup komandash që u jepen ushtarëve nga komandanti. Imagjinoni që audienca nuk mund ta shohë apo dëgjojë shefin. Nga këndvështrimi i tyre, ushtria kryen veprime të pavarura. Në rastin tonë, komandanti është shfletuesi, komandat janë kodi burimor dhe ushtarët marshues janë rezultati përfundimtar.
Sajti ruhet në një server në internet që dërgon faqen me kërkesë të përdoruesit. Një kërkesë është shtypja e një URL në shiritin e adresave, klikimi i një lidhjeje ose klikimi i një butoni dërgimi në një formular. Nuk ka rëndësi se në cilën gjuhë janë shkruar faqet e internetit, nëse ato përfshijnë kod. Rezultati përfundimtar i çdo algoritmi nga ana e serverit është një grup etiketash html dhe teksti.
Kodi burimor i një faqeje është një grup të dhënash që përfshin:
- shënimi html;
- fletë stili ose lidhje skedari;
- programe të shkruara në JavaScript ose lidhje me skedarë me kod.
Këto tre seksione trajtohen nga shfletuesi. Për serverin, ky është thjesht tekst që duhet të dërgohet në përgjigje të një kërkese.
Pse mund të na duhet të studiojmë kodin burimor
Gjithçka që shohim, ne mund të analizojmë dhe aplikojmë për të zgjidhur probleme të caktuara që lindin gjatë punës me sitin, veçanërisht kur e optimizojmë atë. Duke parë kodin burimor, ne mund të:
- Shikoni etiketat meta të faqes suaj ose të dikujt tjetër për t'i analizuar ato.
- Shihni praninë ose mungesën e disa elementeve në sajt: numërues, kode identifikimi në sisteme të ndryshme, skripta të caktuara dhe më shumë.
- Gjeni parametrat e elementeve: madhësive, ngjyrave, shkronjave.
- Gjeni shtegun drejt fotove dhe artikujve të tjerë në faqe.
- Eksploroni lidhjet nga faqja.
- Gjeni probleme me kodin që ndërhyjnë në procesin e optimizimit të faqes në internet: stilet, skriptet, kodi i pavlefshëm që nuk përfshihet në skedarë të veçantë.
Këto janë veçori themelore, por në fakt, duke ditur se si të lexoni kodin, mund të mësoni shumë më tepër rreth faqes.
Si të shikoni kodin burimor të faqes
Plotësisht në formën në të cilën është postuar në server, kjo nuk mund të bëhet nga shfletuesi. Por ju mund të shihni të gjithë shënimin duke klikuar me të djathtën në faqe. Në vijim, duke përdorur shembullin e Google Chrome.
Ne zgjedhim opsionin "Shiko kodin e faqes" dhe marrim listën e plotë në një skedë të veçantë.
Është vetëm tekst që duhet analizuar për ta kuptuar. Por ju mund të merrni kodin interaktiv duke përdorur mjetet e zhvilluesit.
Si të gjeni kodin burimor të faqes së sajtit
Klikoni në ikonën e menysë në shfletues. Më shpesh është në të djathtë dhe duket si tre pika ose vija.
Në seksionin e mjeteve shtesë, zgjidhni "Mjetet e Zhvilluesit".
Do të hapet një dritare që tregon gjendjen aktive të kodit. Kjo do të thotë që kur klikoni mbi shënimin, stili i elementit do të shfaqet pranë tij dhe blloqet e zgjedhura do të theksohen në faqe.
Në skedën "Burimi", mund të shikoni përmbajtjen e disa skedarëve: skriptet, shkronjat, imazhet.
Kontrollimi i certifikatës së faqes është i disponueshëm në skedën "Siguria".
Skeda "Audite" do të ndihmojë për të kontrolluar burimin e postuar në host.
Nëse vendndodhja e panelit në të djathtë është e papërshtatshme, mund të klikoni tre pika dhe ta ndryshoni atë duke zgjedhur artikullin e dëshiruar.
Si të shikoni meta etiketat
Çdo dokument html përfshin etiketat e strukturës. Ja disa prej tyre:
- Html - dokument i tërë.
- Shefi - seksioni i titujve të shërbimit.
- Titulli - titulli i faqes (shfaqet në skedë).
- Trupi - trupi i dokumentit.
- H1-H6 - titujt e tekstit të faqes.
- Artikull - artikull.
- Seksion - seksion.
- Menu - menu.
- Div - bllok.
- Span është një varg.
- P - paragrafi.
- Tabela - një tryezë.
Elementet janë të destinuara për përcaktimin logjik të seksioneve në faqe; nëse është e nevojshme, ato stilohen. Ato përmbajnë tekst që është disi i dukshëm në faqe. Por etiketa Head përmban informacione për shërbimin. Meta etiketat përdoren për ta treguar atë. Gjithçka që shkruhet në to është menduar për serverin dhe motorët e kërkimit.
Është e pamundur të zbulohet përmbajtja e tyre në ndonjë mënyrë tjetër.
Le t'i kushtojmë vëmendje etiketës Link. Me ndihmën e tij, tregohen lidhjet me skedarët e përfshirë të jashtëm. Nëse dëshironi, mund të shihni përmbajtjen dhe ta ruani në disk. Për ta bërë këtë, vendosni treguesin mbi adresën dhe shtypni RMB. Zgjidhni "Hap në skedën e re".
Skedari i specifikuar do të hapet në një skedë të re dhe mund të shikohet ose ruhet.
Si të shikoni kodin burimor të një faqeje për korrigjimin e një skripti
Në këtë rast, është më e përshtatshme të hapni faqen në makinën lokale. Nëse ju duhet vetëm të rregulloni shënimin, stilet dhe skriptet, atëherë mund ta bëni atë direkt nga dosja. Kodi html shihet në të njëjtën mënyrë. Megjithatë, gabimet e kodit JavaScript mund të shihen në skedën "Console". Ai tregon një përshkrim të gabimit dhe numrin e linjës në të cilën ka ndodhur.
Sintaksa mund të shihet drejtpërdrejt në kod. Skeda "Burimi" është menduar për këtë.
Si të shikoni kodin e një artikulli specifik
Për faqet e mëdha me shumë elementë, është e vështirë të gjesh kodin që dëshiron në të gjithë shënjimin. Në këtë rast, duhet të përdorni një komandë të veçantë të menusë së kontekstit. Zhvendosni miun mbi fragment dhe shtypni RMB. Le të zgjedhim komandën "Shiko kodin".
Do të hapet e njëjta dritare, por me fokus në objektin e zgjedhur.
Përmbledhje
Ne ju thamë se cili është kodi burimor i faqes. Mjafton të zotëroni njohuritë bazë të HTML dhe CSS, dhe duke përdorur mjete të përshtatshme zhvilluesish, mund të korrigjoni dokumentet tuaja html.
Shfletimi i kodit të burimit në internet do t'ju lejojë të mësoni jo vetëm nga përvoja juaj, por edhe të përdorni shembuj realë pune. Dhe për specialistët e SEO, meta etiketat do të jenë të dobishme, informacioni në të cilin mund të thotë shumë për sitin.
Është shumë e thjeshtë - thjesht kliko me të djathtën dhe zgjidhni artikullin e duhur në menynë e kontekstit. Formulimi mund të ndryshojë në varësi të shfletuesit të përdorur: në Mozilla Firefox quhet "Burimi", në Apple Safari - "Shiko Burimin", në Google Chrome - "Shiko kodin e faqes", në Opera - "Burimi", në Internet Explorer - "Shikimi i kodit HTML".
Kodi burimor i skripteve nga ana e serverit që gjenerojnë kodin HTML të faqes kur softueri i serverit është konfiguruar siç duhet nuk do të jetë në gjendje të marrë një kërkesë të thjeshtë. Mund të shikoni kodin burimor të skripteve PHP ose Perl vetëm duke shkarkuar skedarët e tyre duke përdorur protokollin FTP ose përmes menaxherit të skedarëve të panelit të kontrollit pritës ose sistemit të menaxhimit të përmbajtjes. Ju mund të hapni skedarë të tillë me një redaktues teksti të rregullt.
Kodi burimor i skripteve nga ana e klientit që ekzekutohen drejtpërdrejt në shfletues (për shembull, JavaScript) mund të shikohet duke marrë skedarët e tyre nga cache e shfletuesit. Dhe akoma më e lehtë - ruani faqen me të gjithë skedarët shoqërues në një vend të caktuar. Në këtë rast, nuk keni pse të gërmoni gjithçka të ruajtur në cache. Për ta bërë këtë, në çdo shfletues, shtypni kombinimin e tastit CTRL + S dhe më pas zgjidhni "Complete Web Page" në fushën "Ruaj si lloj". Ju gjithashtu mund të hapni skedarë me shtesën js që përmban kodin burimor të skriptit me një redaktues teksti të rregullt.
Kodi burimor i filmave Flash që shfletuesi shkarkon në kompjuterin tuaj nuk është aq i lehtë për t'u parë. Shfletuesi nuk merr kodin burimor, por vetëm versionin e tij të përpiluar - kodin e ekzekutueshëm. Megjithatë, ka programe dekompilues që janë në gjendje të kryejnë procedurën e konvertimit të kundërt. Për shembull, Flash Decompiler Trillix integrohet në shfletuesin tuaj dhe ju lejon të nxirrni një objekt Flash nga një faqe dhe ta ruani atë. Pas hapjes së blicit në dekompilues, do të keni akses në komponentët e tij individualë - imazhet, skriptet, tingujt, etj. Sigurisht, ky kod nuk do të korrespondojë plotësisht me burimet e autorit, por vetëm me një shkallë të mjaftueshme saktësie për të funksionuar.
"Burimi" quhet më shpesh kodi i një programi në një gjuhë programimi të lexueshme nga njeriu (nivelit të lartë). Me këtë kod, mund të bëni ndryshime në program (skript, film flash, aplikacion java, program aplikacioni, etj.). Autori ose distributori i programit vendos vetë nëse do të shpërndajë kodin burimor së bashku me produktin e përfunduar. Ekziston një klasë e tërë aplikacionesh që shpërndahen "burim i hapur", kodi burimor i programeve të tjera (për shembull, skriptet JavaScript ose faqet HTML), sipas definicionit, nuk mund të fshihet, dhe kodi burimor i programeve të tjera është subjekt ndaj të drejtës së autorit.
udhëzime
Merrni kodin burimor të aplikacionit me burim të hapur nga faqja e internetit e autorit ose shpërndarësit të këtij produkti softuer. Zakonisht mund të zbuloni adresën e faqes në seksionin e menusë me emrin "Ndihmë", nëse zgjidhni artikullin "Rreth" në të.
Klikoni me të djathtën në një faqe interneti nëse dëshironi të përdorni kodin e saj burimor. Në çdo shfletues, menyja e kontekstit rënëse do të përmbajë komandën e burimit të shikimit, megjithëse formulimi i saj mund të ndryshojë pak. Mund të bëni pa menunë e kontekstit - kombinimi i tastit ctrl + u kopjon thirrjen në komandën e burimit të pamjes. Disa nga shfletuesit kanë mjete të integruara të shfletimit (Mozilla Firefox, Google Chrome), të tjerët përdorin programe të jashtme për këtë - më shpesh Notepad. Mund ta ruani burimin e faqes të marrë në këtë mënyrë në një skedar.
Natasha 31 tetor 2011 në orën 03:10JavaScript: Fshihni skriptin nga sytë kureshtarë
- dhomë druri *
A keni dashur ndonjëherë të fshihni nga të huajt në faqen tuaj një skript që zbaton një pamje jorealiste të bukur të një menuje ose duke kryer veprime të tjera që nuk do të dëshironit t'i shihnit së shpejti në çdo faqe të dytë?
Nëse po, atëherë metoda e përshkruar në këtë artikull do të jetë e dobishme për ju së bashku me errësimin e kodit. Në të njëjtën kohë, unë do të bëj një rezervë menjëherë se metoda nuk është 100 për qind, por mund të mbrojë nga shumica e joprofesionistëve dhe disa profesionistëve.
Teoria
Le të themi se kemi një faqe nojs.php me një skript sekret.js në të që duhet të fshihet. Shfletuesi dhe përdoruesi mund të marrin skriptin nga serveri në mënyrat e mëposhtme:- Ngarkimi i një skripti të vendosur drejtpërdrejt në faqe ose i ngarkuar duke përdorur DOM;
- Shikimi i skenarit në dritare Kodi burimor i faqes;
- Ruajtja e një faqe me të gjithë skedarët në hard disk;
- Futja e një URL të drejtpërdrejtë në shiritin e adresave.
Në rastin e dytë dhe të tretë, ai nuk transmetohet nga të gjithë shfletuesit (Chrome, FireFox nxjerrin skriptin e ngarkuar më parë nga cache; Opera, IE shkarkojnë përsëri skriptin, por pa dërguar referues).
Në rastin e katërt, referuesi nuk kalohet nga asnjë nga katër shfletuesit.
Nëse lëshojmë JavaScript në mënyrë dinamike duke kontrolluar praninë e kokës së referuesit në kërkesë, atëherë do të mbrohemi menjëherë nga Opera dhe IE, por për Crome dhe Firefox do të duhet të dalim me diçka të ndërlikuar. Fillimisht do të shkarkojmë një skript, i cili nga ana tjetër do të shkarkojë një skript tjetër, ndërsa të dy shkarkimet do të kontrollohen për praninë e http-referer. Është vërtetuar shkencërisht se nëse krijoni në mënyrë dinamike një skript në faqen document.createElement ("script") dhe më pas e fshini atë nga faqja, skripti do të funksionojë si zakonisht, por nuk do të ruhet.