Selaimen selaus on järjestetty seuraavasti: Ohjelma lähettää pyynnön linkissä määritetylle palvelimelle ja saa vastauksena joukon "varaosia" ja asennusohjeita. Varaosat ovat kuvia, salamaelementtejä, ääni- ja muita tiedostoja sekä ohjeet niiden sijoittamiseen oikealle sivulle, väri sen taustalle, tiettyjen kirjasinten ja kirjasinkokojen käyttämiselle jne. sisältyvät sivun lähdekoodiin. Selaimen käyttäjä voi nähdä tämän koodin itse eikä vain hänen ohjeidensa mukaan koottu sivu.
Ohjeet
Vaihe 1
Nykyaikaisissa selaimissa on sisäänrakennettu toiminnallisuus sivun lähdekoodin tarkastelemiseen. Esimerkiksi Aktivossa aktivoidaksesi tämän vaihtoehdon, napsauta sivuston avoimen sivun tilaa, jossa ei ole kuvia, linkkejä ja muita elementtejä, ja valitse avattavasta pikavalikosta kohta "Lähdekoodi". Selain avaa lähteen erillisessä välilehdessä ja värittää HTML-tunnisteisiin, komentosarjoihin ja pelkkään tekstiin liittyvät rivit kolmella värillä.
Vaihe 2
Samankaltaiset kohdat, mutta muotoiltu hieman eri tavalla, ovat pikavalikossa ja muissa selaimissa. Esimerkiksi Google Chromessa tämän kohteen nimi on "Näytä sivukoodi", Mozilla Firefoxissa valitse rivi "Sivun lähdekoodi" ja Internet Explorer - "Näytä HTML-koodi". Koodin värimaailma eroaa myös hieman eri sovelluksissa.
Vaihe 3
Google Chrome -selaimessa on paljon edistyneempi lähteenäkymävaihtoehto. Käytä sitä valitsemalla samassa pikavalikossa kohde "Näytä elementin koodi". Sen jälkeen välilehti, jossa on avoin verkkosivu, jaetaan kahteen kehykseen - ylemmässä sen ulkonäkö säilyy, ja alemmassa kerätään yksityiskohtaisia tietoja paitsi lähdekooditunnisteista myös mukana olevista CSS-tyyliset tiedostot. Voit valita lähdeviivoja alemmasta kehyksestä, ja selain korostaa yläreunassa ne sivun alueet, jotka nämä viivat muodostavat. Samoin elementin valitseminen ylemmässä kehyksessä aiheuttaa vastaavan koodin näyttämisen alemmassa.
Vaihe 4
Jos sivu on tallennettu tietokoneen kiintolevylle, tiedosto voidaan avata millä tahansa tekstieditorilla - lähdekoodi kirjoitetaan siihen pelkkänä tekstinä. Vedä tämä tiedosto vain Notepadin, Wordin tai muun vastaavanlaisen sovelluksen ikkunaan. Tavallisen editorin avulla voit paitsi tarkastella lähdekoodia myös muokata sitä.
