Oavsett om du använder Safari, Chrome eller någon annan webbläsare på din Mac kommer vi att lära dig hur du kommer åt Inspect Element för att göra ändringar på en webbsida.

Har du någonsin varit nyfiken på källkoden för en webbsida? Nästan alla webbläsare, inklusive din Macs inbyggda webbläsare, har en funktion som låter dig titta på den – den kallas Inspect Element.

Inte bara kan du se HTML-, CSS- och JavaScript-webbsideskoden med Inspect Element, utan du kan också ändra den. Detta gör att utvecklare kan testa webbsidor och webbapplikationer med funktionen, men användare kan också använda den för att ändra typsnitt i sina personliga webbläsare.

Kolla in stegen nedan för att lära dig hur du använder Inspect Element i valfri webbläsare på din Mac och börja ändra kod.

Hur man inspekterar element i Safari och andra webbläsare på en Mac

Att använda funktionen Inspektera element är samma i alla webbläsare som är tillgängliga för macOS. Du kan aktivera den med bara några klick. Undantaget från detta är Safari, som kräver att Inspect Element är aktiverat innan det kan användas. Vi har beskrivit hur du aktiverar det i ett separat avsnitt nedan.

instagram viewer

Men för att använda Inspect Element på din favorit Mac-webbläsare i allmänhet (eller när det är aktiverat):

  1. Öppna önskad webbläsare och navigera till en webbsida som du vill inspektera.
  2. Kontrollera-klicka (högerklicka) var som helst på webbsidan och välj Inspektera eller Inspektera elementet från snabbmenyn. Du kan också använda kortkommandot Cmd + Shift + C.
  3. Inspektörsverktyget öppnas och källkoden för webbsidan visas. Läs eller gör ändringar i koden hur du vill; du kan till exempel redigera webbsidor på Safari med Inspect Element för att mixtra med text och bilder.
  4. För att stänga granskningsverktyget, klicka på X knapp.

Hur man aktiverar Inspect Element i Safari

För att aktivera funktionen Inspektera element i Safari på din Mac måste du aktivera menyn Utveckla. Att göra detta:

  1. Öppna Safari, gå till Safari > Inställningar från menyraden, eller tryck Cmd +, på ditt tangentbord.
  2. Gå till Avancerad flik.
  3. Kolla Visa Utveckla-menyn i menyraden låda.

Utveckla-menyn bör nu visas i toppmenyn när du använder Safari, och du bör kunna komma åt Inspect Element på din Mac från snabbmenyn!

När du ska använda Inspect Element i din webbläsare

Utvecklare kan använda Inspect Element för att prova layoutändringar på webbsidor och webbapplikationer och testa funktionalitet för användare i olika webbläsare. Men det kan också användas av vanliga användare.

Om en webbsida har ett teckensnitt som du tycker är svårt att läsa, eller om det är i en färg som du inte gillar, kan du använda Inspect Element för att ändra det så att sidan blir mer läsbar eller trevlig att titta på. Du kan också ändra webbsidesrubriker via Inspect Element för att busa dina vänner.

Inspect Element ändrar bara saker på din Mac och den specifika webbläsaren du använder. Så använd den när du vill ha en snabb ändring av en webbplats för att passa dina preferenser.

Inspektera element: En funktion för att förbättra användarupplevelsen

Att veta hur man använder Inspect Element på din Mac kan göra din användning av webbsidor mer strömlinjeformad och trevlig. Det kan erbjuda snabba lösningar på formateringsproblem och låta utvecklare fixa buggar.

Vi hoppas att vår guide hjälper dig att använda funktionen, så nästa gång du har problem med en webbsida i Safari eller någon annan webbläsare vet du att du har en lösning!