What to Know
-
I Safari: Høyreklikk på en nettside og velg Inspiser element.
- I Chrome kan du høyreklikke og klikke Inspect.
- For å aktivere funksjonen i Safari: Safari > Preferences > Advanced > sjekk Vis utviklingsmenyen i menylinjen-boksen.
Denne artikkelen lærer deg hvordan du inspiserer et nettsteds element på Mac. Den ser på hvordan du gjør det via Safari og Google Chrome.
Hvordan bruker du funksjonen Inspiser element på en Mac?
Før du inspiserer elementer på Mac når du bruker Safari, må du aktivere utviklermenyen i nettleseren. Her er en titt på hvordan du slår det på og hva du skal gjøre for å inspisere et element.
Hvis du kan se Utvikle mellom bokmerker og vindu, er utviklermenyen allerede aktivert, og du kan hoppe til trinn 4.
Bruk av funksjonen Inspiser element i Safari
Slik bruker du Inspect Element i Safari, standardnettleseren på Mac-datamaskiner.
-
I Safari, klikk Safari > Preferences.
Image -
Klikk Advanced.
Image -
Klikk Vis utviklingsmeny i menylinjen og lukk deretter vinduet.
Image - Når du surfer på et nettsted, høyreklikk på elementet du ønsker å inspisere.
-
Klikk Inspiser element.
Image -
Du kan nå se koden bak nettstedet du har inspisert.
Image
Bruk av funksjonen Inspiser element i Chrome på en Mac
Hvis du bruker Chrome i stedet for Safari på Mac-en, er det enda enklere å se et element siden det ikke er nødvendig å aktivere funksjonen. Her er hva du skal gjøre.
- Bla til et nettsted i Chrome.
- Høyreklikk på elementet du ønsker å inspisere.
-
Klikk Inspiser.
Image -
Du kan nå se koden i et sidevindu på Chrome.
Image
Hvorfor kan jeg ikke inspisere på min Mac?
Du kan kanskje ikke inspisere et element på Mac-en din hvis du ikke har aktivert utviklermenyen i Safari. Her er en påminnelse om hvordan du gjør det.
-
I Safari, klikk Safari > Preferences.
Image -
Klikk Advanced.
Image -
Klikk Vis utviklingsmeny i menylinjen og lukk deretter vinduet.
Image
Hvordan gjøre endringer på nettstedet ved å inspisere elementet
I tillegg til å tillate deg å se koden på et nettsted, er det også mulig å endre et hvilket som helst nettstedselement midlertidig gjennom Inspect Element. Slik gjør du det via Safari.
Prosessen er veldig lik i andre nettlesere.
- Når du surfer på et nettsted, høyreklikk på elementet du ønsker å inspisere.
- Klikk Inspiser element.
- Dobbeltklikk på teksten i koden for å gjøre den redigerbar.
- Slett det eller skriv inn en ny tekststreng.
- Trykk på Enter.
- Koden er nå midlertidig endret bare for din fordel.
Hvorfor vil du bruke funksjonen Inspiser element?
Å kunne inspisere et element er nyttig av mange grunner.
- For å endre kode i farten. Nettsteddesignere kan midlertidig endre ting rundt på et nettsted for å se hvordan endringene påvirker ting.
- For å sjekke koden. Både designere og markedsføringsfolk kan sjekke koden for å bekrefte at ting som Google Analytics-detaljer er der.
- For å vise bilder separat fra et nettsted. Hvis et nettsted ikke lar deg åpne et bilde i en ny fane eller et nytt vindu, gjør visning av elementet det mulig.
-
Tinker. Å se koden til en nettside kan hjelpe deg å forstå hva du ser, og fjerne mysteriet om hva og hvorfor av hva som skjer med nettstedet du er på. Det er som å ta fra hverandre et apparat for å se hvordan det fungerer, men det er ingen skruer å miste i dette tilfellet.
FAQ
Er det lovlig å inspisere et nettsted?
Ja. Men hvis du planlegger å bruke en kode eller eiendeler fra et nettsted, må du sjekke med eieren og legge til en merknad om opphavsrett.
Hvordan kopierer jeg HTML fra et nettsted med inspeksjonselement?
I Chrome høyreklikker du på siden og velger Inspiser, og går deretter til den øverste delen og høyreklikker på taggen (f.eks.). Velg Copy > Copy outerHTML, og lim deretter inn koden i en tekst- eller HTML-fil.
Kan jeg kopiere CSS fra et nettsted med inspeksjonselement?
Ja. Høyreklikk på elementet du vil kopiere og velg Inspect. Høyreklikk på den uthevede koden og velg Copy > Copy styles.
Hvordan ser jeg de lagrede passordene mine ved å bruke inspeksjonselementet?
For å avsløre skjulte passord, høyreklikk på passordtekstboksen og velg Inspiser. I den uthevede delen ser du etter type=”password” og erstatt password med text. Det er enklere måter å vise alle passordene dine på i Chrome.
