Hvad du skal vide
-
I Safari: Højreklik på en webside, og vælg Inspect Element.
- I Chrome kan du højreklikke og klikke på Inspect.
- For at aktivere funktionen i Safari: Safari > Preferences > Advanced > tjek Vis Udvikler-menu i menulinjen-felt.
Denne artikel lærer dig, hvordan du inspicerer et websteds element på Mac. Den ser på, hvordan du gør det via Safari og Google Chrome.
Hvordan bruger du Inspect Element-funktionen på en Mac?
Før du inspicerer elementer på Mac, når du bruger Safari, skal du aktivere udviklermenuen i browseren. Her er et kig på, hvordan du tænder det, og hvad du skal gøre for at inspicere et element.
Hvis du kan se Udvikl mellem bogmærker og vindue, er Udviklermenuen allerede blevet aktiveret, og du kan springe til trin 4.
Brug af Inspect Element-funktionen i Safari
Sådan bruger du Inspect Element i Safari, standardbrowseren på Mac-computere.
-
I Safari, klik Safari > Preferences.
Image -
Klik Avanceret.
Image -
Klik på Vis udviklingsmenu i menulinjen, og luk derefter vinduet.
Image - Når du gennemser et websted, skal du højreklikke på det element, du ønsker at inspicere.
-
Klik Inspicer element.
Image -
Du kan nu se koden bag det websted, du har inspiceret.
Image
Brug af Inspect Element-funktionen i Chrome på en Mac
Hvis du bruger Chrome i stedet for Safari på din Mac, er det endnu nemmere at se et element, da der ikke er behov for at aktivere funktionen. Her er hvad du skal gøre.
- Gennemse et websted i Chrome.
- Højreklik på det element, du ønsker at inspicere.
-
Klik Inspicer.
Image -
Du kan nu se koden i et sidevindue på Chrome.
Image
Hvorfor kan jeg ikke inspicere på min Mac?
Du kan muligvis ikke inspicere et element på din Mac, hvis du ikke har aktiveret Udviklermenuen i Safari. Her er en påmindelse om, hvordan man gør det.
-
I Safari, klik Safari > Preferences.
Image -
Klik Avanceret.
Image -
Klik på Vis udviklingsmenu i menulinjen, og luk derefter vinduet.
Image
Sådan laver du webstedsændringer ved at inspicere elementet
Udover at give dig mulighed for at se koden på et websted, er det også muligt midlertidigt at ændre et hvilket som helst webstedselement gennem Inspect Element. Sådan gør du det via Safari.
Processen ligner meget på andre browsere.
- Når du gennemser et websted, skal du højreklikke på det element, du ønsker at inspicere.
- Klik Inspicer element.
- Dobbeltklik på teksten i koden for at gøre den redigerbar.
- Slet det, eller indtast en ny tekststreng.
- Tryk på Enter.
- Koden er nu midlertidigt ændret kun til din fordel.
Hvorfor vil du bruge funktionen Inspect Element?
At være i stand til at inspicere et element er nyttigt af mange årsager.
- For at ændre kode i farten. Websitedesignere kan midlertidigt ændre tingene rundt på et websted for at se, hvordan ændringerne påvirker tingene.
- For at tjekke koden. Både designere og marketingfolk kan tjekke koden for at bekræfte, at ting som Google Analytics-oplysninger er der.
- For at se billeder separat fra et websted. Hvis et websted ikke tillader dig at åbne et billede i en ny fane eller et nyt vindue, gør det muligt at se elementet.
-
Tinker. At se koden på en webside kan hjælpe dig med at forstå, hvad du ser, og fjerne mysteriet om hvad og hvorfor, hvad der er g alt med det websted, du er på. Det er som at skille et apparat ad for at se, hvordan det virker, men der er ingen skruer at tabe i dette tilfælde.
FAQ
Er det lovligt at inspicere et websted?
Ja. Men hvis du planlægger at bruge kode eller aktiver fra et websted, skal du sørge for at tjekke med ejeren og tilføje en ophavsretsnote.
Hvordan kopierer jeg HTML fra et websted med inspiceringselement?
I Chrome skal du højreklikke på siden og vælge Inspect. Gå derefter til den øverste sektion og højreklik på tagget (f.eks.). Vælg Copy > Copy outerHTML, og indsæt derefter koden i en tekst- eller HTML-fil.
Kan jeg kopiere CSS fra et websted med inspiceringselement?
Ja. Højreklik på det element, du vil kopiere, og vælg Inspect. Højreklik på den fremhævede kode, og vælg Copy > Copy styles.
Hvordan kan jeg se mine gemte adgangskoder ved hjælp af inspect element?
For at afsløre skjulte adgangskoder skal du højreklikke på kodeordets tekstboks og vælge Inspect. I den fremhævede sektion skal du se efter type=”password” og erstatte password med text. Der er nemmere måder at vise alle dine adgangskoder i Chrome.
