Hur man inspekterar element i Chrome, Safari och Firefox på Mac

Hur man inspekterar element i Chrome, Safari och Firefox på Mac

"Vi är alla nu anslutna till Internet, som nervceller i en gigantisk hjärna" ~ Stephen Hawking

Tja, helt sant är det inte? Kraften i Internet är oöverträffad! Webben är full av miljontals webbplatser och information. Oavsett om du behöver leta efter en specifik information för forskning, eller helt enkelt bläddra igenom underhållningsportaler eller gräva i sociala medier, fungerar webbplatser som en baskälla för att hålla oss klistrade vid dina prylar.

Bildkälla: YouTube

Har du hört talas om funktionen "Inspektera element" när du använder någon av webbplatserna? Inspect Element är mer som ett webbläsarverktyg som låter dig visa och redigera HTML- och CSS-skriptet på webbsidan. Den här funktionen är tillgänglig i alla webbläsare, men namnet på den kan vara annorlunda, till exempel för Chrome är det utvecklarläge, för Safari är det Web Inspector och för Firefox är det Inspect.

I det här inlägget kommer vi att lära oss om hur man inspekterar Element på Mac i olika webbläsare, inklusive Safari, Google Chrome och Firefox. Och innan vi börjar, låt oss få en snabb förståelse för hur man använder verktyget Inspektera element och varför det är användbart.

Vad är "Inspektera element"?

När du högerklickar på vilken webbplats som helst kommer du att se funktionen "Inspektera element" i snabbmenyn. I tekniska termer tillåter Inspect Element-verktyget användare att visa eller ändra webbsidan i användargränssnittet. Inspect Element-verktyget används huvudsakligen av frontend-utvecklare för att leka med utseendet och känslan på en viss webbplats utan att vara rädd för att sabotera livekoden. Den används i "testningsfasen" för att "inspektera" en webbplatss element vid vissa tillfällen.

Hur man inspekterar element på Mac

Funktionen Inspektera element är inbäddad tillsammans med varje webbsida webbläsare, inklusive Safari, Chrome och Firefox. Vi kommer nu att lära oss om hur man använder Inspect Element på varje webbläsares Mac.

Safari:

Innan vi börjar, låt oss först aktivera funktionen "Inspect Element" på Safari om den inte är PÅ som standard.

Starta Safari, öppna Inställningar.

Växla till fliken "Avancerat" och kontrollera sedan alternativet "Visa framkallningsmeny i menyraden".

Så snart du markerar det här alternativet kommer ett nytt "Utveckla"-alternativ att läggas till i menyraden.

För att inspektera Element på Mac i webbläsaren Safari, så här behöver du göra:

Alternativ 1: Via högerklicksmetoden

Det snabbaste sättet att använda verktyget Inspect Element på Mac är att använda högerklicksmetoden.

Besök webbsidan, högerklicka var som helst på det vita utrymmet, välj "Inspektera".

Alternativ 2: Via "Utveckla"-menyn

Du kan också använda funktionen Inspektera element via nyligen tillagd "Utveckla"-meny.

Besök webbplatsen, tryck på alternativet "Utveckla" i den övre menyraden och välj sedan "Visa webbinspektör".

Alternativ 3: Använd genvägstangenterna

Det tredje alternativet till att använda verktyget Inspektera element på macOS är via genvägstangenterna.

Tryck helt enkelt på tangentkombinationen Kommando + Alternativ + I för att inspektera element på en webbsida.

Google Chrome:

Det finns fyra olika sätt att inspektera Element på Mac på Chrome webbläsare.

Alternativ 1: Högerklicka på Metod

Starta webbläsaren Chrome på din Mac, besök webbplatsen där du behöver inspektera elementen.

Högerklicka var som helst och välj sedan "Inspektera".

Alternativ 2: Via menyraden

Starta Chrome, tryck på alternativet "Visa" placerat på den översta menyraden.

Bildkälla: Superanvändare

Navigera till Utvecklarverktyg> Utvecklare> Utvecklarverktyg.

Välj alternativet "Anpassa och styr" för att använda Inspektera element i Chrome.

Alternativ 3: Använda kortkommandon

Tryck på Kommando + Alternativ + C för att visa fönstret "Inspektera element" i Chrome.

Alternativ 4: Via Inställningar

Starta Google Chrome på macOS, tryck på ikonen med tre punkter i det övre högra hörnet.

Knacka på "Fler verktyg" och välj sedan "Utvecklarverktyg".

Mozilla Firefox:

Följ dessa snabba steg för att använda verktyget Inspect Element på Firefox.

Alternativ 1: Högerklicka på metod

Starta Firefox, besök webbplatsen.

Högerklicka var som helst på skärmen, välj "Inspektera ".

Alternativ 2: Via Meny

Starta Firefox på Mac. Klicka på alternativet "Verktyg" i den övre menyraden, välj "Webbutvecklare". Tryck på "Inspektera".

Alternativ 3: Genvägstangenter

Genvägen för att aktivera Inspektera Element på Mac i webbläsaren Firefox kan uppnås genom att trycka på kommandot + Alternativ + C tangentkombination.

Vanliga frågor:

F.1. Hur d o Jag öppnar inspekteringselementet på Mac?

Bildkälla: Zapier

Ett av de snabbaste sätten att öppna verktyget Inspect Element på Mac är genom att högerklicka på webbplatsen och välja alternativet "Inspektera" från sammanhangsmenyn.

F.2. Vad är genvägen för Inspect Element på en Mac?

Genvägarna för att använda Inspect Element är olika för varje webbläsare:

F.3. Hur öppnar jag Inspect Element i Chrome på en Mac?

För att använda Inspect Element på Google Chrome kan du antingen trycka på tangentkombinationen Kommando + Alternativ + C. Alternativt kan du också högerklicka var som helst på skärmen, välja "Inspektera" för att öppna fönstret Inspektera element.

Det sista ordet om hur man inspekterar element på Mac

Här var en snabbguide om hur man använder verktyget Inspect Element på macOS i olika webbläsare, inklusive Safari, Chrome och Firefox. Följ oss på sociala medier – . Hur ofta använder du verktyget Inspect Element på Mac och i vilket syfte? Dela gärna dina tankar med våra läsare.

Läs: 0

yodax