Denne wikiHow lærer dig, hvordan du bruger Apples desktop Safari -app til at kontrollere ydelsen af mobile websider i Safari til iPhone.
Trin
Del 1 af 3: Aktivering af Webinspektør på din iPhone
Trin 1. Åbn din iPhones indstillinger
Det er et gråt ikon, der indeholder tandhjul på din startskærm.
Trin 2. Rul ned, og tryk på Safari
Det er i den fjerde eller femte gruppe af indstillinger sammen med andre Apple iPhone -apps, som Mail og Kontakter.
Trin 3. Rul ned, og tryk på Avanceret
Det er i bunden af menuen.
Trin 4. Skub knappen ved siden af "Webinspektør" til positionen "Til"
Det er den sidste mulighed og bliver grønt, når den er aktiveret.
Del 2 af 3: Aktivering af Web Inspector på din Mac
Trin 1. Åbn Safari på din Mac
Det er appen, der ligner et blåt kompas.
Trin 2. Klik på Safari
Det er i menulinjen i øverste venstre hjørne af skærmen.
Trin 3. Klik på Præferencer
Trin 4. Klik på ⚙️Advanced
Det er fanen til højre langs toppen af vinduet.
Trin 5. Marker "Vis udviklingsmenu i menulinjen
" Det er i bunden af vinduet.
Trin 6. Tilslut din iPhone
Brug det USB -kabel, der fulgte med din enhed, til at slutte din iPhone til din Mac.
Del 3 af 3: Brug af Web Inspector på Safari til iPhone
Trin 1. Åbn et websted
I Safari til iPhone skal du åbne den mobile webside, du gerne vil fejle.
Trin 2. Klik på Udvikl
Det er den tredje rullemenu til højre på Safari til Mac.
Trin 3. Klik på din iPhone
Det vil blive vist nær toppen af menuen.
Trin 4. Klik på webstedet
Det vises i et pop-up til højre for din iPhone.
Hvis du ikke åbnede et websted i din iPhones Safari -app, ser du meddelelsen "Ingen programmer, der kan inspiceres"
Trin 5. Undersøg siden
Ved hjælp af Safari på din Mac kan du forbedre og måle ydeevnen på mobilsider på din iPhone.
- Webinspektør lader dig køre kommandoer i JavaScript for at skabe en mere dynamisk, interaktiv oplevelse for brugeren, f.eks. Animationer og realtidsbeskeder.
- Undersøg DOM (Document Object Model) -elementer for fejl i HTML-, XML- eller JavaScript -kommandoerne.
- Brug CSS til at opdatere eller redigere layout, farver og skrifttyper på mobilsider.
