Hoe een element op een Chromebook te inspecteren

Bent u een webontwikkelaar of iemand die een Chromebook wil gebruiken om een ​​element op een webpagina te inspecteren? Het kost slechts een paar klikken.

Er komt veel kijken bij het bouwen van een webpagina. Als je nieuwsgierig bent naar wat er achter een specifiek element op een pagina zit, wil je misschien de code bekijken. Zoals een Windows-laptop, kunt u de elementen inspecteren via de optie Developer Tools op uw geweldige Chromebook of een van de veel ChromeOS-tablets. En er zijn twee manieren om het te doen.

Als u een Chromebook gebruikt die wordt beheerd door een school of bedrijf, is de functie voor het inspecteren van elementen mogelijk geblokkeerd en kunt u de stappen in deze handleiding niet volgen. Er is geen manier om de blokkering te deblokkeren zonder eerst de beheerder te vragen. Inspectie-elementen kunnen worden geblokkeerd voor uw veiligheid en om reverse engineering en fraude bij online examens te voorkomen.

Webontwikkelaars en meer geavanceerde ChromeOS-gebruikers willen het element mogelijk op een Chromebook inspecteren via het menu met ontwikkelaarstools. Met dit eenvoudige menu op ChromeOS kun je dieper ingaan op wat er op een webpagina staat. Het is niet super verborgen, maar zo kun je het vinden.

  1. Klik op de drie stippen naast uw profielpictogram in de Chrome-menubalk.
  2. Kies de Meer gereedschap keuze.
  3. Kiezen Ontwikkelaarstools.
  4. Aan de rechterkant van de webpagina wordt een console geopend, waarin u de code kunt zien van de website waarop u zich bevindt.
  5. Helemaal links bovenaan deze console zie je een vierkant pictogram met een muis. Klik Het. Je kunt ook op drukken Ctrl+Shift+C om de functie te activeren.
  6. U kunt nu met de muis naar de gewenste plek op de webpagina bewegen en de code voor dat specifieke element zal verschijnen.
  7. Klik op het gebied waarop u zweeft om de code in de console aan de rechterkant te zien.

U kunt dit menu ook geheel vermijden door het automatisch te activeren met Ctrl+Shift+I op je toetsenbord.

Inspecteer elementen op een Chromebook met behulp van een muis of touchpad

Net als andere webbrowsers kunt u met Chrome elementen inspecteren met alleen uw muis of touchpad.

  1. Beweeg uw muis over het gedeelte van de webpagina dat u wilt bekijken.
  2. Klik met de rechtermuisknop in dat gebied.
  3. Kiezen Inspecteren uit het menu.
  4. Het menu Chrome-ontwikkelaarstools wordt geopend.
  5. Klik met de muis op het vierkante pictogram bovenaan het menu. Je kunt ook op drukken Ctrl+Shift+C om de functie te activeren.
  6. Beweeg uw muis over het gebied dat u wilt inspecteren en u ziet de code verschijnen.
  7. Klik op het element dat naar die coderegel in de console moet worden geleid.

Er is niet veel voor nodig om het element op een webpagina op een Chromebook te inspecteren. Er zijn twee eenvoudige methoden, zolang uw beheerder deze heeft ingeschakeld. Als je meer wilt weten over ChromeOS, bekijk dan onze handleidingen over hoe je dat kunt doen verander je achtergrond elke dag en hoe je dat kunt afstandsbediening in een Chromebook.