Si të shikoni kodin e faqes në një shfletues Yandex. Google Chrome - veglat e webmasterit

Për një kohë të gjatë, opsioni "tregoni kodin burimor të faqes" ishte i padobishëm dhe jo interesant për mua. Deri më tani, të mësuarit e HTML në Codecademy dhe paraqitjen e faqeve të mia nuk është rritur në hobi tim të ri. Këtu lindi pyetja: ku të gjeni raste reale dhe të huazoni zgjidhje interesante për "derrkucën" tuaj? Përgjigja ishte papritur e thjeshtë, si çdo gjë e zgjuar: shikoni kodin burimor të faqes në Google Chrome! Unë ndaj me ju gjetjet e mia modeste.

Çfarë është kodi burim i faqes

Nëse ju, si unë, sapo po hidhni hapat e parë në programimin HTML, nuk do të jetë e tepërt të zbuloni se cili është kodi burimor i faqes.

Kodi burimor, i njohur gjithashtu si kodi HTML i faqes, është një tekst në Hyper Text Markup Language (HTML). Ai përfshin përmbajtjen aktuale të faqes (tekst, tabela) dhe etiketat. Këto të fundit veprojnë si udhëzime për shfletuesin: si të shfaqni përmbajtjen, çfarë lloj formatimi të përdorni, ku të futni një hiperlink ose skedar media. Epo, për ne, programuesit fillestarë, kodi burimor është terreni më i mirë i trajnimit: ne gjejmë një faqe interesante dhe e spiunojmë atë, e ruajmë atë, përdorim fragmente të suksesshme. Si?

Si të shikoni kodin burimor në faqen e shfletuesit Google Chrome

Gjeni faqen që ju pëlqen. Për shembull, unë isha i interesuar për hartimin e menusë së faqes. Ekzistojnë tre mënyra për të hapur kodin burimor në shfletuesin Google Chrome:

1. Klikoni në ikonën menu në këndin e sipërm të djathtë të shfletuesit dhe zgjidhni artikullin "Mjete Shtesë". Ndër të tjera, ekziston opsioni "Shiko kodin burimor". Sinqerisht, unë rrallë e përdor këtë metodë: shumë lëvizje të panevojshme. Mund të bëhet edhe më e lehtë.
2. Shtypni kombinimin e tastit Ctrl + U- hapet një dritare e re me kodin burimor;
3. Për adhuruesit e menysë së kontekstit: kliko me të djathtën në faqe dhe zgjidhni opsionin "Shiko kodin e faqes".

Ne kemi përballuar detyrën e shikimit të kodit HTML të faqes në shfletues. Le të kalojmë në fazën më interesante.

Si të modifikoni dhe ruani kodin burimor

Për të mësuar se si të krijoni sajte, nuk mjafton të lexoni kodin HTML të dikujt tjetër. Ju duhet të luani me të, të eksperimentoni, të bëni ndryshime dhe të kontrolloni rezultatin. Madje mund të filloni duke përpiluar disa shembuj të mirë. Si mund ta modifikoj dhe ruaj kodin burimor?

Opsioni 1. "Manualisht"

Pasi të kemi hapur kodin burimor të faqes, thërrasim menunë e kontekstit dhe zgjedhim opsionin "Ruaj si" dhe ruajmë skedarin në hard disk. Ne redaktojmë skedarin në Notepad ose Notepad, ruajmë ndryshimet dhe e hapim atë përmes shfletuesit. Rezultatet e ndryshimeve tona (të mira dhe të këqija) do të pasqyrohen në dritaren e shfletuesit.

Opsioni 2. Për profesionistët

Kur "luani" me kodin burim çdo ditë, procesi i "ruaj - hap - ndrysho - ruaj - kontrollo" është i lodhshëm. Për veten time, gjeta një zgjidhje në formën e instalimit të një shtojce për Google Chrome - Firebug Lite. Kjo ju lejon të redaktoni dhe ruani kodin burim pa lënë dritaren e shfletuesit tuaj.

Zhvilluesit e shfletuesve janë kujdesur për komoditetin e atyre që krijojnë faqe që hapen në të njëjtët shfletues, përkatësisht, webmasterët. Ata kanë shtuar mjete zhvilluesish në funksionet standarde, me të cilat mund të hapni lehtësisht dhe shikoni kodin burimor të faqes së faqes në shfletues: HTML, CSS, JavaScript (JS), merrni të dhëna të ndryshme të dobishme në lidhje me strukturën e faqes, kryeni analizën teknike të saj. Në përgjithësi, për të parë shumë gjëra të dobishme.

Sigurisht, këto mjete përdoren jo vetëm nga krijuesit e faqeve për punë, por edhe nga përdoruesit e zakonshëm që mund të shohin të dhëna të ndryshme të dobishme me kodin burimor.

Në këtë artikull, do të mësoni se si të shikoni kodin burimor të një faqe siti në një shfletues (si të hapni kodin e faqes HTML, CSS, JavaScript).

Si të hapni kodin burimor të një faqe në një shfletues

Ekzistojnë dy mënyra për të hapur kodin burimor të një faqeje interneti në një shfletues:

1. Përdorimi i çelësave të nxehtë;
2. Hapni nga menyja e kontekstit.

Ctrl + U- një kombinim i çelësave të nxehtë për të parë kodin burimor të të gjithë faqes së faqes në një dritare të re të veçantë. Standard për të gjithë shfletuesit: Google Chrome, Opera, Mozilla Firefox, shfletues Yandex, IE.

Mund të futni gjithashtu mjetet e zhvilluesit si më poshtë:

Për të gjetur shpejt kodin, fjalën ose tekstin e kërkuar në faqe, mund të përdorni standardin e kombinimit të çelësave të nxehtë të kërkimit për të gjithë shfletuesit: Ctrl + G.

Video udhëzime:

Shiko kodin e artikullit | eksploroni artikullin | inspektoni një artikull

Nëse befas duhet të shikoni jo të gjithë kodin burimor, por të shfaqni vetëm një pjesë të veçantë të tij, një pjesë në faqe, atëherë mjeti i mëparshëm nuk do të funksionojë. Për ta bërë këtë, ekziston një funksion tjetër në mjetet e zhvilluesit, i cili do të diskutohet më poshtë.

Si të shikoni kodin e një elementi në një faqe:

Përveç kësaj, mund të përdorni shkurtoret e tastierës për të hyrë shpejt në inspektimin e elementeve.

Çelësat e nxehtë (butonat):

Google Chrome: Ctrl + Shift + I dhe Ctrl + Shift + C

Opera: Ctrl + Shift + I dhe Ctrl + Shift + C

Mozilla Firefox: Ctrl + Shift + I dhe Ctrl + Shift + C

Shfletuesi Yandex: Ctrl + Shift + I dhe Ctrl + Shift + C

Pas veprimeve të ndërmarra, kodi burimor i faqes në internet do të hapet në të njëjtën dritare të shfletuesit:

I gjithë kodi HTML do të jetë në kolonën e majtë të madhe. Dhe stilet CSS janë në të djathtë.

Avantazhi i kësaj metode, natyrisht, është se përdoruesi ka mundësinë të ndryshojë kodin burimor, të modifikojë stilet. Kjo do të thotë, ju mund të modifikoni stilet në faqe dhe të shihni se si do të duket me stile të caktuara, pa pasur nevojë të bëni menjëherë ndryshime në skedarët që janë në serverët pritës. Për të ndryshuar ose shtuar kodin e programit, duhet të klikoni dy herë në fragmentin ose zonën e dëshiruar. Sigurisht, rregullimi i kodit të shfletuesit nuk do të zbatohet në serverët pritës. Prandaj, në të ardhmen, në çdo rast, do t'ju duhet ta kopjoni këtë kod dhe ta shkruani në skedarë.

Ky udhëzues video detajon dhe ju tregon se si të punoni me mjetet e zhvilluesit:

Ashtu si kjo, në internet, pikërisht në shfletues, mund të shikoni kodin burimor të faqes së faqes, të merrni të dhëna bazë për kodin HTML dhe CSS, t'i ndryshoni dhe kopjoni ato, pa pasur nevojë të shkarkoni skedarët e kësaj faqeje në kompjuterin tuaj.

Nga rruga, përdoruesit e papërvojë të internetit që kanë ndryshuar kodin e faqes dhe presin që ai të ruhet do të zhgënjehen. Në fund të fundit, pas rifreskimit të faqes, të gjitha ndryshimet në të do të zhduken. Kjo nuk mjafton për të hakuar faqen 🙂

Si të shikoni kodin burimor në një telefon Android

Do të doja gjithashtu të vërej se mjetet e zhvilluesit janë të disponueshme jo vetëm në versionin desktop të shfletuesve, domethënë në kompjuterë dhe laptopë. Në telefonat dhe tabletët (Android, IOS), mund të shikoni gjithashtu kodin burimor.

Për ta bërë këtë, shtoni prefiksin e burimit të pamjes në URL-në e faqes së inspektuar:

Për shembull:

pamje-burimi: https: // site / turbo-rezhim-opera /

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:

1. Html - dokument i tërë.
2. Shefi - seksioni i titujve të shërbimit.
3. Titulli - titulli i faqes (shfaqet në skedë).
4. Trupi - trupi i dokumentit.
5. H1-H6 - titujt e tekstit të faqes.
6. Artikull - artikull.
7. Seksion - seksion.
8. Menu - menu.
9. Div - bllok.
10. Span është një varg.
11. P - paragrafi.
12. 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, specifikohen 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.

Festa po afron - Dita Ndërkombëtare e Gruas. Le të përgatitemi paraprakisht për të. Fillimisht mund të përgëzoni vajzat dhe gratë duke përdorur shërbimet e kartolinave, të cilat do të diskutohen më poshtë.

Ju mund të përdorni të njëjtat shërbime që kemi përdorur.

Sherbime te kartolinave te gatshme

Krijo një kartolinë 8 Mars në internet

Përdorni shërbimet e mëposhtme për të krijuar një kartolinë praktikisht nga e para.

1. Canva është një redaktues i mirënjohur funksional i fotografive. Këtu do të gjeni shumë shabllone. Kërkohet regjistrim.
2. Printclick Nëse keni biznesin tuaj, atëherë mund të porosisni një grumbull kartolina me logon dhe kontaktet e kompanisë suaj. Ju mund të përdorni gjeneratorin e kartolinave princlick. Promovim i madh dhe i lirë.
3. Crello është një redaktues që kërkon regjistrim. Mos u frikësoni nga gjuha angleze, mund të kaloni në rusisht në cilësimet.
4. Një kartolinë në internet është për ata që kanë një imagjinatë të zhvilluar mirë, pasi do t'ju duhet të krijoni një kartolinë nga e para.
5. Mumotiki - përgatitni një foto të bukur dhe mund të shtoni tekst urimi këtu. Nga rruga, nëse thjesht duhet të shtoni tekst në figurë, atëherë mund të njiheni me të.

Shpresoj që duke përdorur një nga këta gjeneratorë, ju do të jeni në gjendje t'i uroni në mënyrë adekuate zonjave tuaja 8 Marsin!