Du kan hurtigt inspicere elementer på iPhone ved at forbinde den til en MAC-pc, der kører Safari Developer Tools, eller ved at bruge tredjepartssoftware som Adobe Edge Inspect eller LambdaTest.

Apple er kommet langt med sin ikoniske iPhone-serie. iOS har en global markedsandel på 28,27% for mobile operativsystemer, hvilket betyder, at millioner af brugere verden over bruger iPhones til at tilgå websider.

Så det er vigtigt at vide, hvordan man inspicerer elementer på iPhone for at forbedre funktionaliteten af websider, der vises på Safari, og ændre deres udseende i overensstemmelse hermed.

Hvis du ikke ved, hvordan du gør, har vi samlet en trin-for-trin-guide, så du nemt kan forstå hele processen.

1. Hvad betyder det at inspicere et element?
2. Hvordan inspicerer man elementer på iPhone?
   • Metode #1: Brug af Safari Developer Tools
   • Metode #2: Inspicér elementer på iPhone ved hjælp af tredjepartsværktøjer
     • Brug af Adobe Edge Inspect
     • Brug af LambdaTest
3. Inspektion af element i iPhones Chrome-browser
4. Resumé
5. Ofte stillede spørgsmål

Hvad betyder det at inspicere et element?

Hvis du er front-end webudvikler, kan du regelmæssigt inspicere elementer for at ændre og eksperimentere med udseendet af en webside ved at foretage hurtige redigeringer af CSS og HTML filer på hjemmesiden.

Ændringerne er dog kun synlige på din enhed. Når du genindlæser websiden, er disse ændringer væk, og den oprindelige version af websidens struktur vises igen. Så i virkeligheden redigerer du ikke en websides kildekode; du eksperimenterer bare med elementer til din visning og fejlfinding.

Inspektion af elementer er fremragende for designere, marketingfolk og supportmedarbejdere. Designere vil måske se, hvordan et webstedsdesign ser ud på mobilen, eller hvilket tema deres konkurrenter bruger. På den anden side vil en marketingmedarbejder måske analysere, hvordan konkurrenterne bruger deres søgeord.

I mellemtiden kan en supportmedarbejder med en grundlæggende viden om CSS nemt ændre tekst, design og hierarki på en webside på få sekunder, mens han inspicerer elementer og kan eskalere et problem til udviklerne om de rettelser, der skal foretages på en webside.

Tryk på Ctrl+Z i Windows og Linux og Kommando+Z i macOS for at fortryde ændringer, der er foretaget med værktøjet Inspect element.

Hvordan inspicerer man elementer på iPhone?

Det er lidt kompliceret at inspicere elementer på iPhone, og du føler dig måske lidt overvældet, mens du gør det. Men vores trinvise instruktioner vil gøre hele oplevelsen ubesværet og fornøjelig for dig.

Vi vil også diskutere brugen af iPhones Chrome-browser til at eksperimentere med elementer. Så uden forsinkelse, her er de to metoder, der forklarer, hvordan man inspicerer elementer på iPhone.

Metode #1: Brug af Safari Developer Tools

I den første metode bruger du Safari Developer Tools til at inspicere elementer på iPhone.

1. Forbind din iPhone til din Mac PC ved hjælp af en USB-kabel.
2. Start Safari-browseren på din Mac, og gå til Avanceret Fane .
3. Skift til Web-inspektør skifte til Grøn farve.
4. Naviger nu til Indstillinger> fanen Avanceret.
5. Tjek nu "Vis menuen Udvikl i menulinjen" for at få indstillingen Fremkald til at vises på Valgmuligheder bjælken i browseren.
6. Klik derefter på Udvikle for at gøre dit enhedsnavn synligt på listen over enheder.
7. Endelig, Hold musen over din iPhone og se en liste over websider, der er åbne på din iOS. Vælg derefter den webside, du vil inspicere, fra listen.

Inspektion af iPhone-elementer ved hjælp af Safar Developer Tools er kun tilgængelig i Apples økosystem, hvilket betyder, at hvis du ikke har en Mac, vil denne metode ikke fungere.

Metode #2: Inspicér elementer på iPhone ved hjælp af tredjepartsværktøjer

Brug af Adobe Edge Inspect

Hvis du ikke har en Mac, kan du bruge Adobe Edge Inspect Tool til at inspicere elementer på din iPhone.

1. Download den Adobe Edge Inspect på din pc, og forbind din iPhone og pc med den samme Wi-Fi-forbindelse.
2. Slut din iPhone til din Mac med et USB-kabel, og start softwaren på din pc.
3. Nu er din iPhone-navn vil blive vist på softwaren.
4. Åbn derefter en webside i din browser, og se, hvordan den også åbner på din tilsluttede iPhone.
5. Vælg en debugger sign () der vises ved siden af dine tilsluttede enheder.
6. Næste, Udviklerværktøjer åbnes, så du kan inspicere elementer på iPhone.

Brug af LambdaTest

LambdaTest er et andet fremragende tredjepartsværktøj til at inspicere elementer på en iPhone.

1. Registrer dig på LambdaTest-registreringsside for at oprette en konto og logge ind.
2. Vælg Test i realtid på venstre panel af instrumentbrættet.
3. Indtast testen URL , og vælg den Enhedstype , enhedsnavn, operativsystem , og Browser som du vil køre testen på.
4. Klik på start, og vælg developers i værktøjspanelet til venstre.
5. Værktøjer til udviklere åbnes på din valgte iPhone-enhed.
6. Begynd at teste ved hjælp af iPhone-simulatoren til browsertestning

LambdaTest er usædvanligt sikker og overholder GDPR og CCPA. De opretholder fuldstændig gennemsigtighed og garanterer din databeskyttelse og sikkerhed.

Inspektion af element i iPhones Chrome-browser

Du kan inspicere elementer på et websted i en Chrome-browser med din iPhone. For at gøre dette skal du starte Chrome-browser på din iPhone og besøg en hjemmeside. Tryk nu på adresselinjen og skriv view-source: før den HTTP eller HTTPS Genindlæs derefter siden for at se hele elementet.

Resumé

I denne guide om, hvordan man inspicerer elementer på iPhone, har vi diskuteret brugen af Safari-udviklerværktøjer og tredjepartsværktøjer til at eksperimentere med koden. Vi har også diskuteret inspektion af elementer i en iPhones Chrome-browser.

Forhåbentlig har denne guide været nyttig for dig, og nu kan du hurtigt inspicere elementer på din iPhone med vores hurtige metoder.

Ofte stillede spørgsmål

Gør følgende for at inspicere elementer på en hjemmeside i en PC Chrome-browser.

1) Lancering Krom og besøg websiden for at inspicere elementer.

2) Kig over i øverste højre hjørne af skærmen, og klik på tre lodrette prikker.

3) Klik derefter på Flere værktøjer > Værktøjer til udviklere fra rullemenuen.

4) Udviklerværktøjer, konsol og et par andre værktøjer åbnes, så du kan inspicere elementet.

Det er ikke ulovligt at finde en sårbarhed på en hjemmeside ved hjælp af inspect-elementet i browseren. Men det er ulovligt at udnytte denne sårbarhed og bruge den til at tjene penge.

Hvis du finder en sårbarhed, skal du rapportere den til webstedets ejer, før du offentliggør problemet. Normalt har websteder en dedikeret side til rapportering af sikkerhedsproblemer.