Kako pregledati element na Chromebooku

click fraud protection

Jeste li web programer ili netko tko želi koristiti Chromebook za pregled elementa na web stranici? Potrebno je samo nekoliko klikova.

Puno se ulaže u izradu web stranice. Ako vas zanima što se nalazi iza određenog elementa na stranici, možda biste trebali pogledati kôd. Kao Windows prijenosno računalo, možete pregledati elemente putem opcije alata za razvojne programere na vašem odličan Chromebook ili jedan od mnogi ChromeOS tableti. A postoje dva načina za to.

Ako koristite Chromebook kojim upravlja škola ili tvrtka, funkcija pregleda elementa može biti blokirana i nećete moći slijediti korake u ovom vodiču. Ne postoji način da ga deblokirate bez prethodnog pitanja administratora. Elementi pregleda mogu biti blokirani radi vaše sigurnosti i sprječavanja obrnutog inženjeringa i varanja na online ispitima.

Web programeri i napredniji korisnici ChromeOS-a mogli bi pregledati element na Chromebooku putem izbornika alata za razvojne programere. Ovaj jednostavan izbornik na OS-u Chrome omogućuje vam da dublje zaronite u ono što se nalazi na web stranici. Nije super skriveno, ali evo kako ga možete pronaći.

  1. Kliknite na tri točkice pokraj ikone vašeg profila na traci izbornika preglednika Chrome.
  2. Odaberi Više alata opcija.
  3. Odaberite Razvojni alati.
  4. Na desnoj strani web-stranice otvorit će se konzola koja će vam pokazati kod web-stranice na kojoj se nalazite.
  5. U gornjem lijevom kutu ove konzole vidjet ćete kvadratnu ikonu s mišem. Kliknite na nju. Također možete pritisnuti Ctrl + Shift + C za pokretanje funkcije.
  6. Sada ćete moći lebdjeti mišem gdje god želite na web-stranici i pojavit će se kôd za taj određeni element.
  7. Kliknite na područje na kojem lebdite kako biste vidjeli kod na konzoli s desne strane.

Također možete u potpunosti izbjeći ovaj izbornik tako da ga automatski pokrenete pomoću Ctrl + Shift + I na vašoj tipkovnici.

Pregledajte elemente na Chromebooku pomoću miša ili dodirne podloge

Kao i drugi web-preglednici, Chrome vam omogućuje pregled elemenata samo pomoću miša ili dodirne podloge.

  1. Zadržite pokazivač miša iznad dijela web stranice koji želite pregledati.
  2. Desnom tipkom miša kliknite to područje.
  3. Odaberite Pregledati iz izbornika.
  4. Otvorit će se izbornik Chromeovih alata za razvojne programere.
  5. Kliknite mišem na kvadratnu ikonu na vrhu izbornika. Također možete pritisnuti Ctrl + Shift + C za pokretanje funkcije.
  6. Zadržite pokazivač iznad područja koje želite pregledati i vidjet ćete da se pojavljuje kôd.
  7. Kliknite na element koji će se odvesti u tu liniju koda u konzoli.

Nije potrebno puno da se pregleda element na web stranici na Chromebooku. Postoje dvije jednostavne metode, pod uvjetom da ih je vaš administrator omogućio. Ako želite saznati više o ChromeOS-u, pogledajte naše vodiče o tome kako to možete učiniti mijenjajte pozadinu svaki dan i kako možete daljinski u Chromebook.