TESTING AREA for teachers - real service at plus.tuni.fi
Selaimen kehittäjätyökalut¶
Tällä kurssilla demoissa ja esimerkeissä käytetään Google Chromea. Voit tietysti vapaasti käyttää mitä selainta ja työkaluja haluat, mutta ohjeet ovat Chromelle.
Tällä hetkellä Chrome tarjoaa parhaat kehittäjätyökalut verkkokehittäjille. Tarkastusten suorittaminen Chromessa tarjoaa paljon tietoa hakukoneoptimoinnista, saavutettavuudesta, suorituskyvystä, PWA-käytännöistä jne. Chrome on valittu mm. näistä syistä. Chromen lisäksi Edgen ja Firefoxin kehittäjätyökalut avataan painamalla F12.
Aukaise Chrome kehittäjätyökalunäkymä.
Voit myös valita minkä tahansa elementin napsauttamalla hiiren oikeaa painiketta ja valitsemalla “Inspect”.
Viemällä hiiri elementin päälle kehittäjätyökaluissa, korostaa sen sivunäkymässä.
Elementtejä voidaan muokata tässä tilassa, mutta muutokset eivät ole pysyviä.
Linkin teksti on muutettu
Elementit voidaan myös poistaa tarvittaessa
Vain navigointilinkit ja alatunniste jää jäljelle sisällön poistamisen jälkeen
Avaa tämä sivu ja kun olet sivustolla, avaa selaimen kehittäjätyökalut. Noudata kunkin kysymyksen kohdalla annettuja ohjeita ja valitse oikea vastaus.
Laajentamalla <body>-elementin löydät kysymyksien 2-5 tagit. Esimerkiksi kysymyksessä 2 laajenna tagi <buttons> ja for kysymys 3 laajentaa tunnistetta <content> jne jne.