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.
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ää
- 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.
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.
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.
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
- 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.
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.
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
- 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
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
