![](http://i.zaptech.net/img/issues/523/how-view-html-source-code-web-page.jpg)
Kun tarkastelet verkkosivun lähdekoodia, on tärkeää, että pidät mielessä, että tiedot ja koodi, joita palvelin ei käsittele, eivät näy. Esimerkiksi lähes kaikki Internet-hakukoneet käsittelevät tietoja palvelimella ja näyttävät sitten tulokset verkkosivulla. Toisin sanoen voit tarkastella hakutulossivun muodostavaa koodia, mutta et voi tarkastella hakukoneen lähdekoodia.
Tämä sääntö koskee kaikkia palvelinpuolen komentosarjoja, SSI: tä ja ohjelmakoodia. Siksi toiminnot, kuten hakukoneet, foorumit, äänestykset, chat jne., Eivät näy niiden koodia. Tietojen kopiointi lähdekoodista voi aiheuttaa virheitä tai ohjata sinut takaisin sivulle, josta tiedot kopioitiin.
![](http://i.zaptech.net/img/issues/523/how-view-html-source-code-web-page-2.jpg)
Microsoft Edgen käyttäjät
Voit tarkastella Microsoft Edgen web-sivun lähdekoodia seuraavasti.
- Paina Ctrl + U tai F12 tietokoneen näppäimistössä.
- Valitse oikean ikkunan yläosassa Elements- välilehti.
Tai
Tai
- Avaa Microsoft Edge ja siirry valitsemallesi verkkosivulle.
- Valitse Lisää
kuvaketta näytön oikeassa yläkulmassa. - Valitse avautuvasta avattavasta valikosta Developer Tools .
- Valitse oikean ikkunan yläosassa Elements- välilehti.
Vihje: Microsoft Edgen DOM-työkalu tarjoaa myös vuorovaikutuksen lähdekoodin ja CSS-asetusten kanssa, jolloin käyttäjät voivat nähdä, miten koodin muutokset vaikuttavat verkkosivuun välittömästi.
![](http://i.zaptech.net/img/issues/523/how-view-html-source-code-web-page-4.jpg)
Microsoft Internet Explorerin käyttäjät
Voit tarkastella Web-sivun lähdekoodia Microsoft Internet Explorerissa seuraavasti.
- Paina Ctrl + U tai F12 tietokoneen näppäimistössä.
- Napsauta Debugger- välilehteä uuden valikon yläreunassa.
Tai
Tai
- Avaa Internet Explorer ja siirry valitsemallesi verkkosivulle.
- Tuo Alt- näppäin esiin selaimen valikkorivillä.
- Valitse Näytä ja sitten Lähde avattavasta valikosta.
- Napsauta Debugger- välilehteä uuden valikon yläreunassa.
Vihje: Internet Explorerin uusimmissa versioissa F12-näppäimen painaminen tuo esiin DOM-työkalun. Tämä työkalu tarjoaa paljon enemmän vuorovaikutusta lähdekoodin ja CSS-asetusten kanssa, jolloin käyttäjät voivat nähdä, miten koodin muutokset vaikuttavat verkkosivuun välittömästi.
![](http://i.zaptech.net/img/issues/523/how-view-html-source-code-web-page-5.jpg)
Mozilla Firefox ja Netscape -käyttäjät
Voit tarkastella Web-sivun lähdekoodia Mozilla Firefoxissa seuraavasti.
- Paina tietokoneen näppäimistön Ctrl + U-näppäintä .
Tai
Tai
- Avaa Mozilla Firefox ja siirry valitsemallesi verkkosivulle.
- Tuo Alt- näppäin esiin selaimen valikkorivillä.
- Valitse Työkalut, Web-kehittäjä ja sitten Sivun lähde .
Vinkki: Firefoxin uusimpien versioiden avulla F12-näppäimen tai Ctrl + Shift + I: n painaminen tuo esiin vuorovaikutteisen kehitystyökalun. Tämä työkalu tarjoaa paljon enemmän vuorovaikutusta lähdekoodin ja CSS-asetusten kanssa, jolloin käyttäjät voivat nähdä, miten koodin muutokset vaikuttavat verkkosivuun välittömästi.
Näytä osa sivun lähdekoodista
- Korosta sen Web-sivun osa, jolle haluat tarkastella lähdekoodia.
- Napsauta hiiren kakkospainikkeella korostettua osaa ja valitse sitten Näytä valintalähde .
Vihje: Käytä Firebug-apuohjelmaa sivun lähdekoodin tarkastelemiseen, mutta muuttamalla ja tarkastelemalla näitä muutoksia selaimen kautta.
![](http://i.zaptech.net/img/issues/523/how-view-html-source-code-web-page-6.jpg)
Google Chrome -käyttäjät
Voit tarkastella Google Chromen Web-sivun lähdekoodia seuraavasti.
- Paina tietokoneen näppäimistön Ctrl + U-näppäintä .
Tai
Tai
- Avaa Chrome ja selaa haluamallasi verkkosivulla.
- Napsauta Mukauta ja hallitse Google Chromea
kuvaketta selainikkunan oikeassa yläkulmassa. - Valitse avattavasta valikosta Lisää työkaluja ja sitten kehitystyökalut .
- Napsauta Elementit- välilehteä näkyvän uuden osan yläosassa.
Vihje: Chromeen uusimpien versioiden painaminen F12- tai Ctrl + Shift + I -näppäimellä tuo esiin myös vuorovaikutteisen kehitystyökalun. Tämä työkalu tarjoaa paljon enemmän vuorovaikutusta lähdekoodin ja CSS-asetusten kanssa, jolloin käyttäjät voivat nähdä, miten koodin muutokset vaikuttavat verkkosivuun välittömästi.
![](http://i.zaptech.net/img/issues/523/how-view-html-source-code-web-page-8.jpg)
Apple Safarin käyttäjät
Voit tarkastella Applen Safarissa olevan Web-sivun lähdekoodia seuraavasti.
- Paina näppäimistön Command + Option + U -painiketta.
Tai
Tai
- Avaa Safari-selain ja siirry valitsemallesi verkkosivulle.
- Valitse Kehitä- valikko.
- Valitse Näytä sivulähde -vaihtoehto.
![](http://i.zaptech.net/img/issues/523/how-view-html-source-code-web-page-9.jpg)
Opera-käyttäjät
Voit tarkastella Opera-sivun lähdekoodia seuraavien ohjeiden mukaisesti.
- Paina näppäimistön Ctrl + U-näppäintä .
Tai
Tai
- Avaa Opera ja siirry valitsemallesi verkkosivulle.
- Napsauta Valikko-painiketta
selaimen ikkunan vasemmassa yläkulmassa. - Valitse kehittäjän alivalikosta Sivun lähde .
Vihje: Jos et näe kehittäjän alivalikkoa, valitse Lisää työkalut → Näytä kehittäjävalikko . Napsauta sitten valikkopainiketta
![](http://i.zaptech.net/img/issues/523/how-view-html-source-code-web-page-10.jpg)
Vihje: Opera-ohjelman uusimpien versioiden avulla Ctrl + Shift + I -näppäinyhdistelmä avaa vuorovaikutteisen kehitystyökalun. Tämä työkalu tarjoaa paljon enemmän vuorovaikutusta lähdekoodin ja CSS-asetusten kanssa, jolloin käyttäjät voivat nähdä, miten koodin muutokset vaikuttavat verkkosivuun välittömästi.
Android-puhelin, jossa on Chrome
- Avaa puhelimesi Google Chromen Internet-selain.
- Avaa Web-sivu, jonka lähdekoodia haluat tarkastella.
- Napauta kerran osoiterivillä ja siirrä kohdistin URL-osoitteen etuosaan.
- Kirjoita View-source: ja paina Enter tai Go .
Vihje: Jos haluat esimerkiksi nähdä kotisivumme koodin, kirjoitat näkymän lähde: //www.computerhope.com
Lähdekoodisivun tai työkalun sulkeminen
Kun olet suorittanut lähdekoodin tarkastelun verkkosivulla, voit halutessasi lopettaa sen tai sulkea sen. Lähdekoodin sulkeminen riippuu siitä, miten olet avannut sen.
- Jos olet käyttänyt Ctrl + U -menetelmää (paitsi Edge) tai hiiren kakkospainikkeella, sulje selainikkunan yläosassa avattu uusi välilehti .
- Jos olet käyttänyt kehittäjämenetelmää (paina F12 tai Ctrl + Shift + I), napsauta
työkalujen ikkunan oikeassa yläkulmassa.