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
Napsauta Opera- valikkopainiketta, joka sijaitsee selainikkunan vasemmassa yläkulmassa. Kun pudotusvalikko tulee näkyviin, siirrä hiiren osoitin Lisää työkalut -vaihtoehtoon. Alivalikko pitäisi nyt näkyä. Napsauta Näytä kehittäjä-valikko, niin että valintamerkki on tämän vaihtoehdon vasemmalla puolella.
Palaa pääoperaation valikkoon. Nyt huomaat uuden vaihtoehdon, joka sijaitsee suoraan Alla olevien työkalujen alla, joka on merkitty Kehittäjäksi . Siirrä hiiren osoitin tämän vaihtoehdon kohdalle, kunnes alavalikko tulee näkyviin. Napsauta sitten Näytä sivun lähde . 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
Voit tarkastella tarkempia yksityiskohtia aktiivisesta sivusta ja sen vastaavaa koodia valitsemalla kehittäjä -alivalikosta Kehittäjien työkalut -vaihtoehdon tai käyttämällä seuraavia pikanäppäimiä: CTRL + SHIFT + I
Mac OS X ja macOS Sierra-käyttäjät
Napsauta Näytä- painiketta Opera-valikossa, joka sijaitsee näytön yläosassa. Kun avattava valikko avautuu, valitse Näytä kehittäjävalikko . Nyt on lisättävä uusi vaihtoehto Kehittäjälle merkityn Opera-valikon kohdalle . Napsauta tätä vaihtoehtoa seuraavaksi ja valitse avattavasta valikosta Näytä lähde . Voit suorittaa tämän toiminnon myös seuraavalla näppäinkomennolla: Command + U
Nyt on oltava uusi välilehti, joka näyttää nykyisen sivun lähdekoodin. Jos haluat analysoida tämän sivun Opera-palvelun työkaluilla, napsauta ensin kehittäjää selausvalikossa näytön yläreunassa. Kun pudotusvalikko tulee näkyviin, valitse Kehittäjätyökalut- vaihtoehto.