Hvordan inspisere element i Chrome, Safari og Firefox på Mac

Hvordan inspisere element i Chrome, Safari og Firefox på Mac

«Vi er alle nå koblet til Internett, som nevroner i en gigantisk hjerne» ~ Stephen Hawking

Vel, helt sant er det ikke? Kraften til Internett er uslåelig! Internett er fullt av millioner av nettsteder og informasjon. Enten du trenger å lete etter en spesifikk informasjon for forskning, eller bare bla gjennom underholdningsportaler eller det være seg graving på sosiale medier, fungerer nettsteder som en hovedkilde for å holde oss klistret til gadgetene dine.

Bildekilde: YouTube

Har du hørt om "Inspiser element"-funksjonen mens du brukte noen av nettstedene? Inspect Element er mer som et nettleserverktøy som lar deg se og redigere HTML- og CSS-skriptet til nettsiden. Denne funksjonen er tilgjengelig i alle nettlesere, men navnet på den kan være annerledes, for eksempel for Chrome, det er utviklermodus, for Safari er det Web Inspector og for Firefox er det Inspect.

I dette innlegget vil vi lære om hvordan du inspiserer Element på Mac på forskjellige nettlesere, inkludert Safari, Google Chrome og Firefox. Og før vi begynner, la oss få en rask forståelse av hvordan du bruker verktøyet Inspiser element og hvorfor det er nyttig.

Hva er "Inspiser element"?

Når du høyreklikker på et hvilket som helst nettsted vil du se "Inspiser element"-funksjonen i kontekstmenyen. Teknisk sett lar Inspect Element-verktøyet brukere se eller endre nettsiden i grensesnittet. Inspect Element-verktøyet brukes hovedsakelig av frontend-utviklere for å leke med utseendet og følelsen til et bestemt nettsted uten frykt for å sabotere live-koden. Den brukes i "Test"-fasen for å "inspisere" et nettsteds elementer ved visse anledninger.

Hvordan inspisere element på Mac

Inspiser element-funksjonen er innebygd sammen med hver nett. nettleser, inkludert Safari, Chrome og Firefox. Vi skal nå lære om hvordan du bruker Inspect Element på Mac-en til hver nettleser.

Safari:

Før vi begynner, la oss først aktivere "Inspect Element"-funksjonen på Safari i tilfelle den ikke er slått PÅ som standard.

Start Safari, åpne Innstillinger.

Bytt til "Avansert"-fanen og sjekk deretter på alternativet "Vis utviklingsmeny i menylinjen".

Så snart du krysser av for dette alternativet, vil et nytt "Utvikle"-alternativ bli lagt til i menylinjen.

For å inspisere Element på Mac i Safari-nettleseren, må du gjøre følgende:

Alternativ 1: Via høyreklikkmetoden

Den raskeste måten å bruke Inspect Element-verktøyet på Mac er å bruke høyreklikkmetoden.

Besøk nettsiden, høyreklikk hvor som helst på det hvite området, velg "Inspiser".

Alternativ 2: Via "Utvikle"-menyen

Du kan også bruke Inspiser element-funksjonen via nylig lagt til «Utvikle»-meny.

Besøk nettstedet, trykk på «Utvikle»-alternativet på den øverste menylinjen, og velg deretter «Vis nettinspektør».

Alternativ 3: Bruk snarveistastene

Det tredje alternativet til å bruke verktøyet Inspiser element på macOS er via hurtigtastene.

Bare trykk på Kommando + Tilvalg + I-tastekombinasjonen for å Inspisere Element på en nettside.

Google Chrome:

Det er 4 forskjellige måter å Inspisere Element på Mac på Chrome nettleser.

Alternativ 1: Høyreklikk Metode

Start Chrome-nettleseren på Mac-en din, besøk nettstedet der du må inspisere elementene.

Høyreklikk hvor som helst og velg deretter "Inspiser".

Alternativ 2: Via menylinjen

Start Chrome, trykk på «Vis»-alternativet plassert på den øverste menylinjen.

Bildekilde: Superbruker

Naviger til Utviklerverktøy> Utvikler> Utviklerverktøy.

Velg alternativet «Tilpass og kontroller» for å bruke Inspiser element på Chrome.

Alternativ 3: Bruke hurtigtastene

Trykk på Kommando + Tilvalg + C-alternativet for å se «Inspiser element»-vinduet i Chrome.

Alternativ 4: Via Innstillinger

Start Google Chrome på macOS, trykk på ikonet med tre prikker som er plassert øverst til høyre.

Trykk på «Flere verktøy» og velg «Utviklerverktøy».

Mozilla Firefox:

For å bruke Inspiser Element-verktøyet på Firefox, følg disse raske trinnene.

Alternativ 1: Høyreklikk Metode

Start Firefox, besøk nettstedet.

Høyreklikk hvor som helst på skjermen, velg "Inspiser ".

Alternativ 2: Via Meny

Start Firefox på Mac. Trykk på "Verktøy"-alternativet på den øverste menylinjen, velg "Webutvikler". Trykk på "Inspiser".

Alternativ 3: Snarveistaster

Snarveien for å aktivere Inspiser element på Mac på Firefox-nettleseren kan oppnås ved å trykke på kommandoen + Tilvalg + C-tastkombinasjon.

Vanlige spørsmål:

Spm.1. Hvordan d o Jeg åpner inspeksjonselementet på Mac?

Bildekilde: Zapier

En av de raskeste måtene å åpne Inspect Element-verktøyet på Mac er ved å høyreklikke på nettstedet og velge "Inspiser"-alternativet fra kontekstmenyen.

Sp.2. Hva er snarveien for Inspect Element på en Mac?

Snarveiene for å bruke Inspect Element er forskjellige for hver nettleser:

Sp.3. Hvordan åpner jeg Inspect Element i Chrome på en Mac?

For å bruke Inspect Element på Google Chrome, kan du enten trykke på Kommando + Tilvalg + C-tastekombinasjonen. Alternativt kan du også høyreklikke hvor som helst på skjermen, velge "Inspiser" for å åpne vinduet Inspiser element.

Siste ord om hvordan du inspiserer element på Mac

Her var en hurtigveiledning om hvordan du bruker Inspiser element-verktøyet på macOS i forskjellige nettlesere, inkludert Safari, Chrome og Firefox. Følg oss på sosiale medier – . Hvor ofte bruker du Inspect Element-verktøyet på Mac og til hvilket formål? Del gjerne tankene dine med våre lesere.

Les: 0

yodax