Uanset om du bruger Safari, Chrome eller en hvilken som helst anden browser på din Mac, vil vi lære dig, hvordan du får adgang til Inspect Element for at foretage ændringer på en webside.

Har du nogensinde været nysgerrig efter kildekoden til en webside? Næsten alle webbrowsere, inklusive din Macs oprindelige browser, har en funktion, der lader dig se på den – den kaldes Inspect Element.

Ikke alene kan du se HTML-, CSS- og JavaScript-websidekoden med Inspect Element, men du kan også ændre den. Dette giver udviklere mulighed for at teste websider og webapplikationer med funktionen, men brugere kan også bruge den til at ændre skrifttyper i deres personlige browsere.

Tjek nedenstående trin for at lære, hvordan du bruger Inspect Element på en hvilken som helst browser på din Mac og begynder at ændre kode.

Sådan inspiceres element i Safari og andre browsere på en Mac

Brug af Inspect Element-funktionen er den samme på tværs af alle webbrowsere, der er tilgængelige for macOS. Du kan aktivere den med blot et par klik. Undtagelsen fra dette er Safari, som kræver, at Inspect Element er aktiveret, før det kan bruges. Vi har beskrevet, hvordan du aktiverer det i et separat afsnit nedenfor.

Men for at bruge Inspect Element på din foretrukne Mac-browser generelt (eller når den er aktiveret):

  1. Åbn din ønskede browser, og naviger til en webside, du vil inspicere.
  2. Styring-klik (højreklik) hvor som helst på websiden, og vælg Inspicere eller Inspicer element fra kontekstmenuen. Du kan også bruge tastaturgenvejen Cmd + Shift + C.
  3. Inspector-værktøjet åbnes, og kildekoden til websiden vises. Læs eller foretag ændringer i koden, som du vil; for eksempel kan du rediger websider på Safari ved hjælp af Inspect Element for at pille ved tekst og billeder.
  4. For at lukke Inspector-værktøjet skal du klikke på x knap.

Sådan aktiveres Inspect Element i Safari

For at aktivere Inspect Element-funktionen i Safari på din Mac skal du aktivere menuen Udvikl. At gøre dette:

  1. Åbn Safari, gå til Safari > Indstillinger fra menulinjen, eller tryk Cmd +, på dit tastatur.
  2. Gå til Fremskreden fanen.
  3. Tjek Vis Udvikle-menuen i menulinjen boks.

Udvikl-menuen skulle nu vises i topmenuen, når du bruger Safari, og du burde kunne få adgang til Inspect Element på din Mac fra kontekstmenuen!

Hvornår skal man bruge Inspect Element i din browser

Udviklere kan bruge Inspect Element til at prøve layoutændringer på websider og webapplikationer og teste funktionalitet for brugere i forskellige browsere. Men det kan også bruges af normale brugere.

Hvis en webside har en skrifttype, du synes er svær at læse, eller hvis den er i en farve, du ikke kan lide, kan du bruge Inspect Element til at ændre den, så siden er mere læselig eller behagelig at se på. Du kan også skift sideoverskrifter via Inspect Element for at pranke dine venner.

Inspect Element ændrer kun ting på din Mac og den specifikke browser, du bruger. Så brug det, når som helst du ønsker en hurtig ændring af et websted, så det passer til dine præferencer.

Inspicer Element: En funktion til at forbedre brugeroplevelsen

At vide, hvordan du bruger Inspect Element på din Mac, kan gøre din brug af websider mere strømlinet og behagelig. Det kan tilbyde hurtige løsninger på formateringsproblemer og lade udviklere rette fejl.

Vi håber, at vores guide hjælper dig med at bruge funktionen, så næste gang du har problemer med en webside i Safari eller en anden browser, ved du, at du har en løsning!