Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Hvis du ikke ved det, består en webside af en række elementer, der er formateret til at fremstå som en enkelt enhed. Webudviklere er forpligtet til at forstå hvert af disse elementer, hvordan de er lagt ud på en webside og se, hvordan hver enkelt af dem fungerer på egen hånd.

Windows- og Mac-brugere ville være bekendt med indstillingen "Inspicer" eller "Inspicer element", der er tilgængelig, når de højreklikker på en hvilken som helst webside. Hvad denne mulighed tilbyder, er en måde at se et websteds kildekode, se alle dets elementer, kodelinjen bag hver af dem, og redigere dets Javascript, HTML, CSS og alle de andre mediefiler, der er på det. På denne måde får du ikke kun at vide, hvordan en bestemt hjemmeside fungerer og fungerer, men du kan foretage ændringer i den i din egen browser, uden at de påvirker den faktiske webside. 

Selvom inspiceringsmuligheden er kendt for at være et "udvikler"-værktøj, er det ikke kun udviklere, der drager fordel af det. Selv begyndere og ikke-udviklere kan bruge dette værktøj til at lære, hvordan et websted er bygget, og hvordan hvert af dets elementer fungerer samlet. Hvis du ser frem til at bruge muligheden for at inspicere element, når du surfer på nettet på en iPhone, skal dette indlæg hjælpe dig med at finde en måde at gøre det på. 

Relateret: Sådan inspiceres element på Android

Kan du inspicere webelementer direkte på Safari?

Det enkle svar er nej. Safari på iOS, som mange andre mobile browsere, tilbyder dig ikke et indbygget inspektionsværktøj til at se en websides udvikling. Apple giver ikke en grund til, hvorfor der ikke er en sådan mulighed, men vi mener, at det har at gøre med, hvor små skærme er på smartphones. En mindre skærmstørrelse kan gøre det sværere for brugerne at navigere rundt i de felter, der bliver inspiceret, da du muligvis skal placere markøren forsigtigt, når du vil redigere en websides kode eller endda finde en. 

En anden grund til dette kunne være manglen på computerkraft på smartphones. Selvom moderne iPhones har nok strøm til at køre grafikintensive spil, kan det være vanskeligt at se en hjemmesides sideoplysninger, da ikke alle hjemmesider er skabt lige. Nogle websteder kan have mange ressourcer og lag, der er omhyggeligt udformet for at få det til at se problemfrit ud, men de samme ressourcer kan tage lidt tid at indlæse, når de inspiceres. 

Relateret: Loop en video på iPhone [Guide]

Undersøg Element på iPhone: Hvilke andre muligheder har du?

Selvom du ikke kan bruge "Inspect Element"-værktøjet på Safari-appen på iOS, er der stadig måder at omgå denne begrænsning på. Nedenfor er der tre måder, hvorpå du kan inspicere elementer af websider, du besøger på Safari på din iPhone. 

Metode #01: Brug af Safari på din Mac

Hvis du ejer en macOS-enhed ud over din iPhone, kan du stadig inspicere websider direkte fra Safari-appen, men på Mac. Apple lader dig fejlfinde websider fra Safari på iOS, som du ville gøre på Mac ved hjælp af dets 'Udvikle'-værktøjer. Selvom processen med at fejlsøge et websted er relativt enkel, kan dets indledende opsætning være længere end du forventer. Men fortvivl ikke, vi vil forklare opsætningsprocessen på den enklest mulige måde og hjælpe dig med lethed at inspicere sider efter første gang. 

Aktiver Web Inspector på iOS

For at kunne fejlsøge webelementer skal du først aktivere Web Inspector for Safari-appen på iOS. For at gøre dette skal du åbne appen Indstillinger og vælge 'Safari'.

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Inde i Safari skal du rulle ned og trykke på 'Avanceret'. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

På den næste skærm skal du trykke på knappen ved siden af ​​'Web Inspector', indtil den bliver grøn. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Indledende opsætning på Mac

Når du har aktiveret Web Inspector for Safari på iOS, er det nu tid til at få opsætningen gjort på din Mac. På Mac skal du åbne Safari-applikationen, klikke på 'Safari'-indstillingen fra menulinjen og vælge 'Preferences'. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

I det vindue, der vises, skal du vælge fanen 'Avanceret' fra toppen og markere feltet 'Vis udviklingsmenu i menulinjen'. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Du skulle nu se 'Udvikle' muligheden vises på menulinjen øverst. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Brug nu USB-kablet, der fulgte med din iPhone, til at oprette en forbindelse mellem iPhone og Mac. Når din iPhone bliver forbundet til Mac, kan du klikke på 'Udvikle' på menulinjen og se, om din iPhone vises på listen over enheder. Hvis ja, klik på enhedsnavnet fra denne liste. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

For at sikre, at du kan inspicere websider trådløst uden at kræve et USB-kabel, som du gjorde lige nu, skal du klikke på indstillingen 'Forbind via netværk', når iPhone-menuen åbnes. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Nu kan du frakoble din iPhone fra Mac, og du vil stadig være i stand til at inspicere websider uden at tilslutte et kabel imellem dem. 

Undersøg websider fra iOS på en Mac

Nu hvor du har aktiveret 'Opret forbindelse via netværk' i menuen 'Udvikle', kan du inspicere websider fra Safari på iOS direkte på din Mac. Du skal bare sørge for, at både iPhone og Mac er forbundet til det samme trådløse netværk for at kunne fejlsøge websider trådløst. 

Til dette skal du åbne Safari-appen på din iPhone og gå til den webside, du vil inspicere. 

Med din iPhone ulåst og den valgte webside åben, flyt over til din Mac og åbn Safari-applikationen der. Her skal du klikke på 'Udvikle' fra menulinjen og gå til 'iPhone'. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Når du holder markøren over din 'iPhone', bør du se en liste over websider, der er åbne på iOS. Klik på den webside, du vil inspicere, fra denne liste. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Et nyt vindue indlæses på Mac'en, der viser al den information, der kan inspiceres fra den valgte webside. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Du vil til enhver tid under din inspektion kunne se, hvilken del af siden en kodelinje peger på ved at kigge efter et blåt område på din iPhone.

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Dette blå område angiver, at koden, som du svæver over på Mac'en, er det, der udgør det fremhævede element for denne særlige webside. Flytning mellem forskellige kodelinjer vil flytte denne blå fremhævning hen over forskellige dele af siden på din iPhone i realtid. 

Relateret: Sådan bevarer du effekter i FaceTime

Metode #02: Brug af genveje på iOS 

Hvis du ikke ejer en Mac eller ønsker et smugkig ind på en hjemmeside direkte fra din iPhone, så vil du være glad for at vide, at iOS-genvejsappen til dette. Genvejsappen på iOS tilbyder en masse foruddefinerede valg, der giver dig mulighed for at se en sides kildekode, redigere en webside, hente billeder fra et websted og se efter ældre versioner af en webside inde fra Safari-appen. Desværre er der ingen enkelt genvej, der tilbyder fuldgyldig webfejlfinding på iOS, så du bliver nødt til at tilføje en genvej til hvert af disse formål. 

Vi fandt følgende genveje, som du kan bruge til at udføre fejlretning på websteder direkte fra iOS. Disse er:

Vis kilde – Denne genvej lader dig se kildekoden for en webside i base bones-format. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Rediger webside – Denne genvej lader dig redigere indholdet af en webside lokalt, så du kan teste et nyt design eller format, og hvordan det kan se ud på din iPhone. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Hent billeder fra siden – En primær grund til at inspicere en side kan være at se på billeder eller gemme dem, der ellers er uinteraktive. Denne genvej fanger alle billederne fra en bestemt webside og viser dem derefter samlet. Som skærmbilledet nedenfor viser, kan du se hvert eneste af de 24 billeder, der er hostet på den valgte webside. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Wayback Machine – Denne genvej fører dig til en websides Wayback Machine, hvor du kan se dens tidligere versioner, der forbliver gemt på internetarkivet. 

Afhængigt af hvordan du vil inspicere websider på iOS, kan du tilføje enhver af disse genveje til din iPhone ved enten at klikke på de relevante links ovenfor eller søge efter dem i Genveje > Galleri. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

I søgeresultaterne skal du trykke på den genvej, du vil føje til iPhone. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Når en forhåndsvisningsskærm åbnes, skal du trykke på 'Tilføj widget'-indstillingen nederst. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

De genveje, I alle sammen, vises på skærmen Mine genveje > Alle genveje, og de vil også være tilgængelige i Safaris Share-ark.  

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

For at inspicere en webside skal du åbne den på Safari og trykke på knappen 'Del' nederst. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

I arket Del, der vises, skal du rulle ned og finde de genveje, du har føjet til din iPhone. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Hvis du vælger 'Rediger webside', kan du direkte redigere dele af websiden. Når du vælger en af ​​de tre andre muligheder, bliver du spurgt, om du vil have genvejen til at få adgang til websiden. Her skal du trykke på 'Tillad én gang'. 

Sådan inspiceres element på iPhone: Alt hvad du behøver at vide

Relateret: Sådan tilføjes WidgetSmith til startskærmen

Metode #03: Brug af tredjepartsapps

Hvis du ikke er tilfreds med ovenstående resultater, bliver du nødt til at udforske tredjepartsapps for at kunne inspicere elementer på en webside. I lighed med Safari finder du ikke en måde at inspicere en webside i de mest populære webbrowsere (Chrome, Firefox, Brave osv.). I stedet bliver du nødt til at stole på en app, der er skabt til at udføre denne specifikke opgave, og apps som disse kan være svære at finde.

Mens en simpel søgning i App Store vil give dig adskillige resultater for inspektion af webelementer, vil du ikke finde så mange apps, der er gratis tilgængelige og vurderes højt. Baseret på brugerfeedback anbefaler vi, at du installerer Inspect Browser- eller Gear Browser-  apps fra App Store, som giver elementinspektion og -redigering på JavaScript, CSS og HTML. 

Det er alt, du behøver at vide om inspektion af elementer på en iPhone. 

RELATEREDE


Leave a Comment

🚀 Ret den manglende fejl i Microsoft Teams VCRUNTIME140.dll HURTIGT – 100% fungerende løsninger!

🚀 Ret den manglende fejl i Microsoft Teams VCRUNTIME140.dll HURTIGT – 100% fungerende løsninger!

Sidder du fast med fejlen VCRUNTIME140.dll manglende i Microsoft Teams? Opdag gennemprøvede trinvise løsninger, der løser problemet med det samme. Geninstaller, opdater omdistribuerbare filer og mere for problemfrit teamwork. Fungerer på den nyeste Windows!

🚀 Sådan finder du Microsoft Teams installationsmappen i 2026: Hurtig Windows-, Mac- og Linux-guide

🚀 Sådan finder du Microsoft Teams installationsmappen i 2026: Hurtig Windows-, Mac- og Linux-guide

Opdag trinvise måder at finde installationsmappen til Microsoft Teams på Windows, Mac og Linux. Løs problemer, sikkerhedskopier data, og tilpas nemt med vores gennemprøvede metoder. Opdateret til den nyeste Teams-version!

Løs hurtigt problemer med Microsoft Teams Mac-fejlnøglering – Ultimativ guide til 2026

Løs hurtigt problemer med Microsoft Teams Mac-fejlnøglering – Ultimativ guide til 2026

Træt af Microsoft Teams Mac-fejl i nøgleringsproblemer, der blokerer din arbejdsgang? Opdag dokumenterede fejlfindingstrin til at løse nøgleringsadgangsfejl, loginfejl og gendanne problemfri Teams-ydeevne på Mac med det samme.

🚀 Ultimativ guide: Sådan tildeler du deltagere til breakout rooms i Microsoft Teams som en professionel

🚀 Ultimativ guide: Sådan tildeler du deltagere til breakout rooms i Microsoft Teams som en professionel

Lær, hvordan du tildeler deltagere til grupperum i Microsoft Teams med trinvise instruktioner, tips til forberedelse af tildelinger og professionelle tricks til problemfri virtuelle workshops. Boost engagementet nu!

Hvor er min teamkalender forsvundet? Løs synkroniseringsproblemer på få minutter!

Hvor er min teamkalender forsvundet? Løs synkroniseringsproblemer på få minutter!

Har du problemer med "Hvor er min Teams-kalender?"? Opdag nemme løsninger på problemer med synkronisering af Microsoft Teams-kalenderen. Trinvis fejlfinding for at gendanne din kalender med det samme.

Microsoft Teams-registreringsnøgler på Windows 11: Præcise placeringer og professionelle tips afsløret! 🚀

Microsoft Teams-registreringsnøgler på Windows 11: Præcise placeringer og professionelle tips afsløret! 🚀

Lås op for de præcise placeringer af Microsoft Teams-registreringsnøgler i Windows 11. Trin-for-trin-guide til at finde, få adgang til og administrere dem sikkert for optimal ydeevne og tilpasning. Vigtig for IT-professionelle og superbrugere!

🚀 Ret Microsoft Teams Meeting-fejl 2026 med det samme: Gennemprøvet fejlfindingsguide

🚀 Ret Microsoft Teams Meeting-fejl 2026 med det samme: Gennemprøvet fejlfindingsguide

Sidder du fast med Microsoft Teams Meeting Error 2026? Denne ultimative guide leverer trinvise løsninger, fra hurtig genstart til avancerede løsninger, der sikrer problemfri møder i 2026. Kom hurtigt online igen!

🚀 Ret Microsoft Teams Sync-fejl på Mac: Gennemprøvet fejlfindingsguide 2026

🚀 Ret Microsoft Teams Sync-fejl på Mac: Gennemprøvet fejlfindingsguide 2026

Har du problemer med synkroniseringsfejlen i Microsoft Teams til Mac? Opdag trinvise løsninger på synkroniseringsproblemer, lige fra rydning af cache til avancerede nulstillinger. Få hurtigt og problemfrit samarbejde tilbage med vores ekspertguide.

🚨 Ret Microsoft Teams-fejl 48v35 under opkald: Dokumenterede trin til at gendanne problemfri møder

🚨 Ret Microsoft Teams-fejl 48v35 under opkald: Dokumenterede trin til at gendanne problemfri møder

Har du problemer med Microsoft Teams-fejl 48v35 under opkald? Se trinvis fejlfinding af Microsoft Teams-fejl 48v35 under opkald, hurtige løsninger og forebyggelsestips, så du hurtigt kan få problemfri videokonferencer tilbage. Opdateret med de nyeste løsninger.

🚀 Ret Microsoft Teams VDI-fejl i Citrix: Guide til dokumenteret optimering 2026

🚀 Ret Microsoft Teams VDI-fejl i Citrix: Guide til dokumenteret optimering 2026

Kæmper du med Microsoft Teams VDI-fejl på Citrix? Opdag trinvise løsninger, Citrix-optimeringstips og bedste praksis for at forbedre ydeevnen og eliminere nedbrud. Få problemfrit samarbejde nu!