Oletko verkkokehittäjä tai joku, joka haluaa käyttää Chromebookia verkkosivun elementin tarkastamiseen? Se kestää vain muutaman napsautuksen.
Verkkosivujen rakentamiseen menee paljon. Jos olet utelias tietämään, mitä sivun tietyn elementin takana on, saatat haluta tarkastella koodia. Kuten Windows kannettava tietokone, voit tarkastaa elementit kehittäjän työkalujen avulla loistava Chromebook tai yksi niistä monet ChromeOS-tabletit. Ja siihen on kaksi tapaa.
Jos käytät koulun tai yrityksen hallinnoimaa Chromebookia, tarkastuselementtitoiminto saattaa olla estetty, etkä voi noudattaa tämän oppaan ohjeita. Sitä ei voi poistaa estoa kysymättä ensin järjestelmänvalvojalta. Tarkastuselementit saatetaan estää turvallisuutesi vuoksi ja estämään verkkokokeiden käänteissuunnittelu ja huijaaminen.
Verkkokehittäjät ja edistyneemmät ChromeOS-käyttäjät saattavat haluta tarkastaa elementin Chromebookissa kehittäjän työkaluvalikon kautta. Tämän yksinkertaisen Chrome-käyttöjärjestelmän valikon avulla voit sukeltaa syvemmälle verkkosivun sisältöön. Se ei ole kovin piilotettu, mutta näin löydät sen.
- Napsauta kolmea pistettä profiilikuvakkeen vieressä Chrome-valikkopalkissa.
- Valitse Lisää työkaluja vaihtoehto.
- Valita Kehittäjän työkalut.
- Verkkosivun oikealle puolelle avautuu konsoli, joka näyttää käyttämäsi verkkosivuston koodin.
- Tämän konsolin vasemmassa yläkulmassa näet neliön muotoisen kuvakkeen, jossa on hiiri. Klikkaa sitä. Voit myös painaa Ctrl + Vaihto + C toiminnon käynnistämiseksi.
- Nyt voit siirtää hiiren haluamaasi kohtaan verkkosivulla, jolloin kyseisen elementin koodi tulee näkyviin.
- Napsauta aluetta, jolla viet hiiren, nähdäksesi koodin oikealla olevassa konsolissa.
Voit myös välttää tämän valikon kokonaan käynnistämällä sen automaattisesti Ctrl + Vaihto + I näppäimistölläsi.
Tarkista Chromebookin elementit hiirellä tai kosketuslevyllä
Muiden verkkoselaimien tapaan Chrome mahdollistaa elementtien tarkastamisen pelkällä hiirellä tai kosketuslevyllä.
- Vie hiiri sen verkkosivun osan päälle, jota haluat tarkastella.
- Napsauta hiiren kakkospainikkeella kyseistä aluetta.
- Valita Tarkastaa valikosta.
- Chromen kehittäjän työkalut -valikko avautuu.
- Napsauta neliökuvaketta hiirellä valikon yläosassa. Voit myös painaa Ctrl + Vaihto + C toiminnon käynnistämiseksi.
- Vie hiiri tarkastettavan alueen päälle, niin koodi tulee näkyviin.
- Napsauta elementtiä, joka siirretään kyseiselle koodiriville konsolissa.
Verkkosivun elementin tarkastaminen Chromebookilla ei vaadi paljon. On olemassa kaksi helppoa tapaa, kunhan järjestelmänvalvojasi on ottanut ne käyttöön. Jos haluat oppia lisää ChromeOS: stä, tutustu oppaihimme kuinka voit tehdä sen vaihda taustakuvasi joka päivä ja miten voit kaukosäätimellä Chromebookiin.