Tämä opetusohjelma on tarkoitettu vain käyttäjille, jotka käyttävät Opera-selainta Windows- tai Mac-käyttöjärjestelmissä. Jos haluat tarkastella sivun lähdettä muissa selaimissa, lue oppaan ohjeet Web-sivun lähdekoodin tarkasteleminen jokaisessa selaimessa.
On monia syitä, jotka haluavat tarkastella verkkosivun lähdekoodia, mistä syystä ongelman ratkaiseminen omaan sivustoosi on pelkkää uteliaisuutta. Olipa motiivi, Opera-selaimella on helppo suorittaa tämä tehtävä. Voit halutessasi katsoa tämän lähdekoodin perusmuodossa selaimen välilehdessä tai syventää sukellusta Opera-ohjelmiston integroidulla kehitystyökalulla. Tämä opetusohjelma näyttää, miten voit tehdä molempia. Avaa ensin Opera-selain
Windows-käyttäjät
Klikkaa Ooppera valikkopainike, joka sijaitsee selainikkunan vasemmassa yläkulmassa. Kun pudotusvalikko tulee näkyviin, siirrä hiiren osoitin hiiren osoittimen päälle Lisää työkaluja vaihtoehto. Alivalikko pitäisi nyt näkyä. Klikkaa Näytä kehittäjävalikko niin että valintamerkki sijoitetaan tämän vaihtoehdon vasemmalle puolelle.
Palaa pääoperaation valikkoon. Nyt huomaat uuden vaihtoehdon, joka sijaitsee suoraan alla Lisää työkaluja merkitty Kehittäjä . Siirrä hiiren osoitin tämän vaihtoehdon kohdalle, kunnes alavalikko tulee näkyviin. Napsauta sitten Näytä sivun lähdekoodi . Aktiivisen verkkosivun lähdekoodi näkyy nyt uudessa selausvälilehdessä. Voit käyttää seuraavia pikanäppäimiä tähän pisteeseen pääsemiseksi: CTRL + U
Jos haluat tarkastella tarkempia tietoja aktiivisesta sivusta ja sen vastaavaa koodia, valitse Kehitystyökalut vaihtoehto Kehittäjä alivalikosta tai käytä seuraavia pikanäppäimiä: CTRL + VAIHTO + I
Mac OS X ja macOS Sierra-käyttäjät
Klikkaa näkymä Opera-valikossa, joka sijaitsee näytön yläosassa. Kun avattava valikko tulee näkyviin, valitse Näytä kehittäjävalikko . Nyt on lisättävä uusi vaihtoehto Opera-valikkoosi, joka on merkitty Kehittäjä . Napsauta tätä vaihtoehtoa seuraavaksi ja valitse avattava valikko Katso lähde . Voit käyttää tätä toimintoa myös seuraavalla näppäimistön pikakuvakkeella: Komento + U
Nyt on oltava uusi välilehti, joka näyttää nykyisen sivun lähdekoodin. Jos haluat analysoida tämän saman sivun Opera-palvelun työkaluilla, napsauta ensin Kehittäjä selaimen valikossa näytön yläosassa. Kun pudotusvalikko tulee näkyviin, valitse Kehitystyökalut vaihtoehto.
