10 tips for utviklere som bruker Safari på Mac

Apple hevder Safari er den raskeste nettleseren og bidrar til å beholde mer batterilevetid sammenlignet med Chrome og Firefox. Selv om Safaris ytelse går ned over tid, er det definitivt en bedre nettleser på Mac. Spesielt for utviklere er det mange skjulte funksjoner for å gjøre mer bruk av Safari. I denne artikkelen la oss utforske 10 tips for utviklere som bruker Safari på Mac.

1 Aktiver utviklingsmeny

Som standard er utviklermenyen i Safari deaktivert, og derfor kan det hende du ikke kan se kildekoden CSS eller HTML. Naviger til "Safari> Innstillinger …" og aktiver alternativet under "Avansert" -fanen for å legge til "Utvikle" -menyen i standard menylinje.

Vis utviklingsmeny i Safari

2 Visning av fullstendig URL på adresse og statuslinje

Noen ganger kan det gjøre deg gal å se på domenenavnet på adresselinjen. Aktiver alternativet under "Avansert" -fanen i Safaris preferanser for å se hele nettadressen til nettstedet.

På samme måte hvis du er vant til å se på venstre bunn på statuslinjen når du holder musepekeren over koblingene, kan du aktivere for å vise koblingene fra menyen "Vis> Vis statuslinje".

3 Se sidens kildekode

Når "Utvikle" -menyen er aktivert, vil høyreklikk på siden vise deg flere alternativer for visning av kilden til en side og alternativene "Inspiser element". Hvis du velger et av alternativene, åpnes webinspektørkonsollen for Safari som viser ressursene som brukes på siden.

Høyreklikk Alternativer på Safari

Les mer om visning av sidekildekode med Safari.

4 Tøm og deaktiver hurtigbuffere

Selv om hurtigbuffere hjelper til med å laste siden raskere for vanlige brukere, er det et av de største problemene for en utvikler. Spesielt når du logget inn på et nettsted, er det ikke mulig å slette hurtigbufferne ved å bruke alternativet slett historikk, da dette vil logge av fra nettstedet. Den enkleste måten er å bruke tomme eller deaktivere hurtigbuffere som er tilgjengelige under "Utvikle" -menyen.

Safari utviklingsmeny

5 Aktiver responsiv modus

Responsiv modus er nyttig for å kontrollere designet på forskjellige enheter og brukeragenter. Safari lar utviklere bruke avansert responsiv modus -funksjon, som kan aktiveres under "Develop" -menyen.

Safari Responsive Mode

Følgende er alternativene du kan gjøre med responsiv modus:

• Gå inn eller ut av responsiv modus ved å bruke hurtigtaster “Option + Command + R" når “Develop” -menyen er aktivert.
• Velg enheten og skaleringsfaktoren for netthinnebilder for å se hvordan en side ser ut på forskjellige enheter.
• Du kan dra sidestørrelsen for å se den etter behov.
• Som standard er stående og liggende visninger av alle Apple -enheter tilgjengelig for å se hvordan en side vil se ut på iPhone, iPad og Mac.
• Du kan også velge brukeragenter for Chrome, Firefox, IE og Edge -nettlesere for å se siden se ut på Windows-, OS X- og iOS -plattformer. Brukeragenter kan også endres med menyen "Utvikle> Brukeragent".

6 Utdrag Editor

Snippet editor er en forhåndsvisning av kode aktivert under "Develop" -menyen. Dette bidrar til å validere CSS JavaScript og HTML -koder på siden som en sandkasse uten å åpne en annen side.

Safari Snippet Editor

7 Deaktiver bilder, stiler og JavaScript

Det er enkelt å deaktivere eller aktivere bilder på en webside, CSS og JavaScript ved å klikke på "Utvikle" -menyen. Dette hjelper utvikleren med å se siden uten bilder, CSS og skript for å kontrollere lastetiden og feilsøke andre ting.

8 Opptak av tidslinje

Siden sidehastigheten er viktigere, er det enkelt å registrere aktivitetene på en side med alternativet "Start tidslinjeopptak" under "Utvikle" -menyen. Du kan bruke innspillingen til å analysere innkommende HTTP -nettverksforespørsler, gjengivelse av layout og JavaScript -hendelser.

Safari Timeline Recording

9 Deaktiver kryssopprinnelse og lokal filbegrensning

Kryssbegrensning (CORE) er grunnlaget for webdesign som ikke tillater lasting av bestemte filtyper, for eksempel fonter som er vert på et annet domene. Ved å deaktivere CORE kan du enkelt teste ressurser på andre domener.

På samme måte bidrar deaktivering av lokale filbegrensningsalternativer til å deaktivere sikkerhetskontrollene som hindrer din lokale utvikling.

10 Tillat JavaScript fra Smart Search Field

Ved å aktivere dette alternativet under "Utvikle" -menyen kan du kjøre JavaScript -uttrykk rett fra adressefeltet i Safari med syntaksen "javascript: expression".

Lær 10 tips for å øke produktiviteten på Safari for vanlige brukere.