Enten du bruker Safari, Chrome eller en hvilken som helst annen nettleser på Mac-en din, vil vi lære deg hvordan du får tilgang til Inspect Element for å gjøre endringer på en nettside.

Har du noen gang vært nysgjerrig på kildekoden til en nettside? Nesten hver nettleser, inkludert Mac-ens opprinnelige nettleser, har en funksjon som lar deg se på den – den kalles Inspect Element.

Ikke bare kan du se HTML-, CSS- og JavaScript-websidekoden med Inspect Element, men du kan også endre den. Dette lar utviklere teste nettsider og nettapplikasjoner med funksjonen, men brukere kan også bruke den til å endre fonter i deres personlige nettlesere.

Ta en titt på trinnene nedenfor for å lære hvordan du bruker Inspect Element på hvilken som helst nettleser på Mac-en og begynne å endre kode.

Hvordan inspisere element i Safari og andre nettlesere på en Mac

Bruk av Inspect Element-funksjonen er den samme for alle nettlesere som er tilgjengelige for macOS. Du kan aktivere den med bare noen få klikk. Unntaket fra dette er Safari, som krever at Inspect Element er aktivert før det kan brukes. Vi har skissert hvordan du aktiverer det i en egen del nedenfor.

instagram viewer

Men for å bruke Inspect Element på din favoritt Mac-nettleser generelt (eller når den er aktivert):

  1. Åpne ønsket nettleser og naviger til en nettside du vil inspisere.
  2. Kontroll-klikk (høyreklikk) hvor som helst på nettsiden, og velg Undersøke eller Inspisér element fra kontekstmenyen. Du kan også bruke hurtigtasten Cmd + Shift + C.
  3. Inspektørverktøyet åpnes, og kildekoden for nettsiden vises. Les eller gjør endringer i koden slik du vil; for eksempel kan du rediger nettsider på Safari ved å bruke Inspect Element for å tukle med tekst og bilder.
  4. For å lukke inspektørverktøyet, klikk på X knapp.

Slik aktiverer du Inspiser element i Safari

For å aktivere funksjonen Inspiser element i Safari på Mac-en din, må du aktivere Utvikle-menyen. Å gjøre dette:

  1. Åpne Safari, gå til Safari > Innstillinger fra menylinjen, eller trykk Cmd +, på tastaturet ditt.
  2. Gå til Avansert fanen.
  3. Undersøk Vis Utvikle-menyen i menylinjen eske.

Utvikle-menyen skal nå vises i toppmenyen når du bruker Safari, og du skal kunne få tilgang til Inspiser Element på Mac-en fra hurtigmenyen!

Når du skal bruke Inspiser element i nettleseren din

Utviklere kan bruke Inspect Element til å prøve layoutendringer på nettsider og nettapplikasjoner og teste funksjonalitet for brukere i forskjellige nettlesere. Men den kan også brukes av vanlige brukere.

Hvis en nettside har en skrift du synes er vanskelig å lese, eller hvis den er i en farge du ikke liker, kan du bruke Inspiser Element for å endre den slik at siden er mer lesbar eller behagelig å se på. Du kan også endre nettsideoverskrifter via Inspect Element for å tulle vennene dine.

Inspect Element endrer bare ting på Mac-en og den spesifikke nettleseren du bruker. Så bruk den når som helst du vil ha en rask endring av et nettsted for å passe dine preferanser.

Inspiser element: En funksjon for å forbedre brukeropplevelsen

Å vite hvordan du bruker Inspect Element på din Mac kan gjøre bruken av nettsider mer strømlinjeformet og hyggelig. Det kan tilby raske løsninger på formateringsproblemer og la utviklere fikse feil.

Vi håper vår guide hjelper deg å bruke funksjonen, så neste gang du har problemer med en nettside i Safari eller en annen nettleser, vet du at du har en løsning!