Kuidas Chromebookis elementi kontrollida

Kas olete veebiarendaja või keegi, kes soovib veebilehe elemendi kontrollimiseks kasutada Chromebooki? See võtab vaid mõne klõpsu.

Veebilehe loomisele kulub palju. Kui teid huvitab, mis on lehe konkreetse elemendi taga, võiksite koodi vaadata. Nagu Windowsi sülearvuti, saate elemente kontrollida oma arendajatööriistade valiku kaudu suurepärane Chromebook või üks neist paljud ChromeOS-i tahvelarvutid. Ja selleks on kaks võimalust.

Kui kasutate Chromebooki, mida haldab kool või ettevõte, võib elemendi kontrollimise funktsioon olla blokeeritud ja te ei saa selles juhendis toodud juhiseid järgida. Seda ei saa kuidagi deblokeerida ilma administraatorilt küsimata. Kontrollimise elemendid võivad olla teie turvalisuse huvides ning veebieksamitel pöördprojekteerimise ja petmise vältimiseks blokeeritud.

Veebiarendajad ja kogenumad ChromeOS-i kasutajad võivad soovida seda elementi Chromebookis arendaja tööriistade menüü kaudu kontrollida. See ChromeOS-i lihtne menüü võimaldab teil sukelduda veebilehe sisusse sügavamale. See pole eriti peidetud, kuid selle leiate järgmiselt.

  1. Klõpsake Chrome'i menüüribal oma profiiliikooni kõrval olevat kolme punkti.
  2. Vali Rohkem tööriistu valik.
  3. Vali Arendaja tööriistad.
  4. Veebilehe paremas servas avaneb konsool, mis näitab teile avatud veebisaidi koodi.
  5. Selle konsooli vasakus ülanurgas näete ruudukujulist ikooni koos hiirega. Klõpsake seda. Võite ka vajutada Ctrl + tõstuklahv + C funktsiooni käivitamiseks.
  6. Nüüd saate hõljutada hiirekursorit veebilehel kuhu iganes soovite ja kuvatakse selle konkreetse elemendi kood.
  7. Koodi kuvamiseks parempoolses konsoolis klõpsake ala, millel kursorit hõljutate.

Samuti saate seda menüüd täielikult vältida, käivitades selle automaatselt nupuga Ctrl + tõstuklahv + I klaviatuuril.

Kontrollige Chromebooki elemente hiire või puuteplaadi abil

Sarnaselt teistele veebibrauseritele võimaldab Chrome teil elemente kontrollida ainult hiire või puuteplaadi abil.

  1. Hõljutage kursorit veebilehe selle osa kohal, mida soovite kontrollida.
  2. Paremklõpsake sellel alal.
  3. Vali Kontrollige menüüst.
  4. Avaneb Chrome'i arendaja tööriistade menüü.
  5. Klõpsake menüü ülaosas hiirega ruudukujulist ikooni. Võite ka vajutada Ctrl + tõstuklahv + C funktsiooni käivitamiseks.
  6. Hõljutage kursorit selle ala kohal, mida soovite kontrollida, ja näete koodi.
  7. Klõpsake elemendil, mis suunatakse konsoolis sellele koodireale.

Chromebooki veebilehel oleva elemendi kontrollimiseks pole palju vaja. Kui teie administraator on need lubanud, on kaks lihtsat meetodit. Kui soovite ChromeOS-i kohta lisateavet, vaadake meie juhendeid selle kohta, kuidas seda teha vaheta oma taustapilti iga päev ja kuidas saate puldiga Chromebooki.