Kuidas vaadata veebisaidi HTML-koodi

malli leht

Raamipõhised veebisaidid kuvavad sageli pigem oma raamikomplekti paigutust kui sisu.

Pildi krediit: vetkit/iStock/Getty Images

Veebisaidi koostamiseks kasutatav HTML-kood ei ole peidetud, vaid on hõlpsasti juurdepääsetav kõigile, kellel on sobivad tööriistad. Näiteks on veebibrauseritel, nagu Firefox, Chrome, Safari, Opera ja Internet Explorer, mitu võimalust veebisaidi HTML-, CSS- või JavaScript-koodi otse vaatamiseks. Lisaks saavad mõned spetsiaalsed veebiarendaja tööriistad laadida ja avada veebilehte Internetist nagu kohalikule kettale salvestatud faili.

Vaata allikat brauseris

Veebisaidi HTML-koodi nägemiseks vajalikud sammud on Firefoxi, Chrome'i, Safari, Opera ja Internet Exploreri puhul sisuliselt samad. Paremklõpsake veebilehe jaotist, mis sisaldab ainult teksti, ja seejärel valige suvand "Kuva allikas" või "Kuva lehe allikas". Sõltuvalt teie brauseri seadistustest avaneb HTML-kood uuel brauseri vahekaardil või eraldi rakenduse aknas.

Päeva video

Salvestage lähtekood kettale

Kui peate hiljem veebisaidi koodi uurima või muutma, saate lehe salvestada kõvakettale. Kui paremklõpsate Firefoxis või Safaris veebilehel, pakutakse teile valikut Salvesta leht nimega. Chrome'il ja Operal on valik "Salvesta kui". Veebilehe salvestamiseks Internet Exploreri abil klõpsake "Tööriistad", "Fail" ja seejärel "Salvesta kui". Lisaks veebilehele ise salvestab brauser kõik pildid, CSS-failid ja JavaScripti, mida leht kasutab ja mis on salvestatud lokaalselt selle veebi server.

Firefox, Chrome, Opera ja Internet Explorer pakuvad igaüks arendajarežiimi, mis võimaldab teil samaaegselt vaadata renderdatud veebilehte ja selle HTML-, CSS- ja JavaScripti koodi. Kui klõpsate veebis elemendil, kuvatakse selle kood arendaja kuvapaneelil. Arendaja paneelile pääseb juurde valikute või konfiguratsioonitööriista kaudu. Kuigi Safaril pole natiivset arendaja tööriista, saate selle installida laiendusena.

Veebiarendaja rakendused

Veebisaidi kujundamise tööriistad, nagu Dreamweaver, Kompozer ja Microsoft Expressions, võimaldavad teil avada veebilehe URL-i kasutades. Saate vaadata HTML-koodi ainult lähtekoodi vaates või poolitatud, eelvaate ja lähtekoodi vaates. Lisaks saate koodi redigeerida ja muudatusi reaalajas vaadata. Tegelikku veebisaidi serverisse salvestatud koodi ei muudeta kunagi.

Probleemid, millega võite kokku puutuda

Tahtlikult või tahtmatult ei anna mõned veebisaidid oma HTML-koodi lihtsalt käest. Näiteks kasutavad mõned saidid JavaScripti koodi, mis blokeerib paremklõpsud. Saate siiski vaadata lähtekoodi, laadides lehe oma kettale või keelates brauseris JavaScripti. Teised saidid kasutavad HTML-i raame või iframe'e, mis takistavad teil nende allikale otse juurdepääsu. Firefox, Chrome, Safari ja Opera tuvastavad raamipõhised veebisaidid ja pakuvad teile automaatselt võimalust vaadata raami lähtekoodi. Kui veebileht kasutab teisele domeenile salvestatud JavaScripti või CSS-faili, saate selle faili koodi otse vaadata kopeerides selle URL-i HTML-koodist, millele pääsete juurde, ja seejärel kleepides selle brauseri uue vahekaardi aadressiribale.