Denna wikiHow lär dig hur du använder Apples stationära Safari -app för att kontrollera prestanda för mobila webbsidor i Safari för iPhone.
Steg
Del 1 av 3: Aktivera webbinspektör på din iPhone
Steg 1. Öppna din iPhones inställningar
Det är en grå ikon som innehåller kugghjul på startskärmen.
Steg 2. Rulla ner och tryck på Safari
Det är i den fjärde eller femte gruppen inställningar, tillsammans med andra Apple iPhone -appar, som e -post och kontakter.
Steg 3. Rulla ner och tryck på Avancerat
Det är längst ner på menyn.
Steg 4. Skjut knappen bredvid "Webbinspektör" till "På" -läget
Det är det sista alternativet och blir grönt när det är aktiverat.
Del 2 av 3: Aktivera Web Inspector på din Mac
Steg 1. Öppna Safari på din Mac
Det är appen som ser ut som en blå kompass.
Steg 2. Klicka på Safari
Det finns i menyraden i det övre vänstra hörnet av skärmen.
Steg 3. Klicka på Inställningar
Steg 4. Klicka på ⚙️ Avancerat
Det är den högst fliken längst upp i fönstret.
Steg 5. Markera "Visa utvecklingsmeny i menyraden
" Det är längst ner i fönstret.
Steg 6. Anslut din iPhone
Använd USB -kabeln som följde med enheten för att ansluta din iPhone till din Mac.
Del 3 av 3: Använda Web Inspector på Safari för iPhone
Steg 1. Öppna en webbplats
På Safari för iPhone öppnar du den mobila webbsida som du vill felsöka.
Steg 2. Klicka på Utveckla
Det är den tredje rullgardinsmenyn till höger på Safari för Mac.
Steg 3. Klicka på din iPhone
Det kommer att listas nära toppen av menyn.
Steg 4. Klicka på webbplatsen
Det visas i en popup till höger om din iPhone.
Om du inte öppnade en webbplats i din iPhone Safari -app ser du meddelandet "Inga inspekterbara program"
Steg 5. Kontrollera sidan
Med Safari på din Mac kan du förbättra och mäta prestandan för mobilsidor på din iPhone.
- Med Web Inspector kan du köra kommandon i JavaScript för att skapa en mer dynamisk, interaktiv upplevelse för användaren, till exempel animeringar och meddelanden i realtid.
- Inspektera DOM -element (Document Object Model) för fel i HTML-, XML- eller JavaScript -kommandon.
- Använd CSS för att uppdatera eller redigera layout, färger och teckensnitt på mobilsidor.
