Of u nu Safari, Chrome of een andere browser op uw Mac gebruikt, we leren u hoe u Inspect Element kunt openen om wijzigingen aan een webpagina aan te brengen.

Bent u ooit nieuwsgierig geweest naar de broncode van een webpagina? Bijna elke webbrowser, inclusief de eigen browser van je Mac, heeft een functie waarmee je ernaar kunt kijken: het heet Inspect Element.

Met Inspect Element kunt u niet alleen de HTML-, CSS- en JavaScript-webpaginacode zien, maar u kunt deze ook wijzigen. Hierdoor kunnen ontwikkelaars webpagina's en webapplicaties testen met de functie, maar gebruikers kunnen deze ook gebruiken om lettertypen in hun persoonlijke browsers te wijzigen.

Bekijk de onderstaande stappen om te leren hoe u Inspect Element in elke browser op uw Mac kunt gebruiken en begin met het wijzigen van de code.

Hoe Element in Safari en andere browsers op een Mac te inspecteren

Het gebruik van de functie Inspect Element is hetzelfde in alle webbrowsers die beschikbaar zijn voor macOS. U kunt het met slechts een paar klikken activeren. De uitzondering hierop is Safari, waarvoor Inspect Element moet zijn ingeschakeld voordat het kan worden gebruikt. We hebben beschreven hoe u dit in een apart gedeelte hieronder kunt inschakelen.

instagram viewer

Maar om Inspect Element in uw favoriete Mac-browser in het algemeen te gebruiken (of zodra deze is ingeschakeld):

  1. Open de gewenste browser en navigeer naar een webpagina die u wilt bekijken.
  2. Controle-klik (klik met de rechtermuisknop) ergens op de webpagina en selecteer Inspecteren of Inspecteer element vanuit het contextmenu. U kunt ook de sneltoets gebruiken Cmd+Shift+C.
  3. De Inspector-tool wordt geopend en de broncode voor de webpagina verschijnt. Lees of wijzig de code zoals u dat wilt; Dat kan bijvoorbeeld bewerk webpagina's in Safari met Inspect Element om aan tekst en afbeeldingen te sleutelen.
  4. Om het infovenster te sluiten, klikt u op de knop X knop.

Hoe u Inspect Element in Safari inschakelt

Om de functie Inspect Element in Safari op uw Mac in te schakelen, moet u het menu Ontwikkelen activeren. Om dit te doen:

  1. Open Safari, ga naar Safari > Instellingen vanuit de menubalk, of druk op Cmd +, op je toetsenbord.
  2. Ga naar de Geavanceerd tabblad.
  3. Controleer de Toon het Ontwikkelmenu in de menubalk doos.

Het Ontwikkel-menu zou nu in het hoofdmenu moeten verschijnen als je Safari gebruikt, en je zou Inspect Element op je Mac moeten kunnen openen vanuit het contextmenu!

Wanneer moet u Inspect Element in uw browser gebruiken?

Ontwikkelaars kunnen Inspect Element gebruiken om lay-outwijzigingen op webpagina's en webapplicaties uit te proberen en de functionaliteit voor gebruikers in verschillende browsers te testen. Maar het kan ook door normale gebruikers worden gebruikt.

Als een webpagina een lettertype heeft dat u moeilijk leesbaar vindt, of als de kleur een kleur heeft die u niet bevalt, kunt u Inspect Element gebruiken om het aan te passen, zodat de pagina beter leesbaar of prettiger is om naar te kijken. Je kan ook verander de headers van webpagina's via Inspect Element om je vrienden voor de gek te houden.

Inspect Element verandert alleen dingen op uw Mac en de specifieke browser die u gebruikt. Gebruik het dus wanneer u snel een website wilt wijzigen die bij uw voorkeuren past.

Inspect Element: een functie om de gebruikerservaring te verbeteren

Als u weet hoe u Inspect Element op uw Mac moet gebruiken, kunt u uw gebruik van webpagina's gestroomlijnder en aangenamer maken. Het kan snelle oplossingen bieden voor opmaakproblemen en ontwikkelaars bugs laten oplossen.

We hopen dat onze gids u helpt deze functie te gebruiken, zodat u de volgende keer dat u problemen ondervindt met een webpagina in Safari of een andere browser, weet dat u een oplossing heeft!