Vad att veta
- Välj Safari > Preferences > Advanced > Visa utvecklingsmeny i menyraden.
- För att använda Develop, gå till Safari-menyn och välj Develop, mellan Bokmärken och Window.
- De mest användbara utvecklings alternativen: Öppna sida med, User Agent och Empty Caches.
Den här artikeln förklarar hur du visar och använder utvecklingsmenyn i din webbläsare Safari (version 8 till 12).
Visa utvecklingsmenyn i Safari
Innan du kan använda Utveckla-menyn måste du först göra den dolda menyn synlig. Detta är en enkel uppgift, mycket enklare än att avslöja felsökningsmenyn som före Safari 4 innehöll alla kommandon som nu finns i Utveckla-menyn. Tro dock inte att den äldre Debug-menyn inte längre är relevant; den finns fortfarande och innehåller många användbara verktyg.
-
Starta Safari från Dock eller Mac Application-mappen.
Image -
Öppna Safaris inställningar genom att klicka Safari i menyraden och välj Preferences i rullgardinsmenyn.
Image -
Klicka på fliken Advanced på inställningsskärmen.
Image -
Välj Visa utvecklingsmeny i menyraden.
Image
Om du någon gång vill inaktivera utvecklarmenyn, ta bort bocken i Safari > Preferences > Avancerad skärm.
Använda utvecklingsmenyn
Utveckla-menyn visas på Safari-menyraden mellan meny alternativen Bokmärken och Fönster. Utveckla-menyn är särskilt praktisk för webbutvecklare, men tillfälliga användare kan också ha nytta av den.
Några av meny alternativen Utveckla som du förmodligen kommer att hitta mest användbara inkluderar:
- Öppna sida med: Låter dig öppna den aktuella webbsidan i valfri webbläsare som du har installerat på din Mac. Om du någonsin besöker en webbplats som inte fungerar korrekt med Safari, använd det här kommandot för att snabbt komma över till samma webbsida i en annan webbläsare.
- User Agent: Användaragenten är en textsträng som webbläsaren skickar till webbservern som är värd för webbsidan. Om du någonsin har besökt en webbsida som proklamerade att Safari inte stöds, är det så här webbplatsen visste vilken webbläsare du använde. I de flesta fall är det nonsens som inte stöds, och med det här meny alternativet kan du ändra användaragenten för att efterlikna en från en annan webbläsare. Du kan bli förvånad över hur många gånger en webbsida som inte fungerar plötsligt gör det, bara genom att byta användaragent.
- Töm cacher: Safari behåller en cache över nyligen besökta webbplatser. Data som lagras i denna cache innehåller alla delar av en sida, som kan användas för att snabbt rendera en webbplats när du återvänder till sidan. Ibland kan cachen vara gammal eller korrupt, vilket gör att en webbsida visas felaktigt. Att tömma cacheminnet kan lösa dessa problem och kan till och med hjälpa till att påskynda Safari.
Ytterligare utvecklingsmenyobjekt
De flesta av de återstående meny alternativen är förmodligen mer användbara för webbutvecklare, men om du är intresserad av hur webbplatser är uppbyggda kan följande objekt vara av intresse:
- Show Web Inspector: Detta öppnar Web Inspector längst ned på den aktuella sidan. Med webbinspektören kan du undersöka de element som ingick i att skapa sidan.
- Visa sidkälla: Detta visar HTML-koden för den aktuella sidan.
- Visa sidresurser: Detta öppnar resursinspektörens sidofält i webbinspektören. Det ger ett enkelt sätt att se vilka bilder, skript, stilmallar och andra element som används på den aktuella sidan.
- Starta tidslinjeinspelning: Om du vill se hur en webbsida laddas och körs, prova Start Timeline Recording alternativet. Detta skapar en graf som visar nätverksaktivitet och hur varje platselement laddas och används. Det ger en intressant skärm, men glöm inte att stänga av funktionen genom att välja Stoppa tidslinjeinspelning Annars använder du din Macs resurser på icke-produktiva uppgifter - om du inte är en webbläsare utvecklaren.
- Enter Responsive Design Mode: Ett annat verktyg för webbutvecklare är den inbyggda simulatorn som låter dig förhandsgranska hur din webbsida kommer att se ut med olika skärmupplösningar eller med olika enheter, som iPad eller iPhone. Ladda helt enkelt sidan du är intresserad av och välj Enter Responsive Design Mode för att förhandsgranska sidan. Du kan prova sidrenderingen med olika enheter eller välja en skärmupplösning att använda. När du är klar, gå tillbaka till Utveckla-menyn och välj Avsluta responsivt designläge
- Experimentella funktioner: Om du känner dig modig kan du prova några av funktionerna som kan hitta sin väg till framtida versioner av webbläsaren Safari.
Med menyn Framkalla synlig, ta dig tid att prova de olika meny alternativen. Du kommer förmodligen att få några favoriter som du kommer att använda ofta.
