Innhold
- Få tilgang til utviklerverktøy i Apples nettleser
- Slik aktiverer du responsiv designmodus i Safari
- Safari Developer Tools
Få tilgang til utviklerverktøy i Apples nettleser
Å sørge for at nettsteder og webapper støtter en mengde enheter og plattformer er en viktig oppgave for webutviklere. Apples Safari-nettleser inneholder en responsiv designmodus som lar deg forhåndsvise hvordan nettstedet ditt vil gjengis ved forskjellige skjermoppløsninger og på forskjellige iPad-, iPhone- og iPod touch-bygg.
Instruksjoner i denne artikkelen gjelder Safari 13 for macOS. Responsiv designmodus er ikke tilgjengelig i Windows-versjonen.
Slik aktiverer du responsiv designmodus i Safari
Slik aktiverer du Safari's utviklerverktøy og Responsive Design-modus:
-
Å velge Safari > Preferanser på Safari-verktøylinjen.
Du kan også bruke snarveien Kommando+Komma (,) for å få tilgang til Innstillinger-menyen.
-
Velg Innstillinger-menyen Avansert fane og merk av i ruten ved siden av Vis Utvikle-menyen i menylinjen. Et nytt alternativ skal nå være tilgjengelig på Safari-verktøylinjen øverst på skjermen.
-
Å velge Utvikle > Gå inn i responsiv designmodus på Safari-verktøylinjen.
Du kan også bruke snarveien Alternativ+Kommando+R for å gå inn i Responsive Design Mode.
-
Den aktive websiden skal nå vises i Responsive Design-modus. Velg en iOS-enhet eller en skjermoppløsning for å se hvordan siden vil gjengis øverst på siden.
Du kan også instruere Safari å simulere forskjellige brukeragenter ved å bruke rullegardinmenyen rett over oppløsningsikonene.
Safari Developer Tools
I tillegg til Responsive Design-modus, tilbyr Safari's Develop-meny mange andre nyttige alternativer, inkludert:
- Åpne side med: Åpne den aktive websiden i en hvilken som helst annen nettleser som for øyeblikket er installert på din Mac.
- Bruker agent: Endring av brukeragent får webservere til å identifisere nettleseren din som noe annet enn Safari.
- Koble til nettinspektør: Vis alle nettsidens ressurser inkludert CSS-informasjon og DOM-beregninger.
- Vis feilkonsoll: Vis feil og advarsler om JavaScript, HTML og XML.
- Vis sidekilde: Vis og søk på den aktive nettsidens kildekode.
- Vis sideressurser: Vis dokumenter, skript, CSS og andre ressurser fra den gjeldende siden.
- Vis Snippet Editor: Rediger og kjør fragmenter av kode. Denne funksjonen er veldig nyttig fra et testperspektiv.
- Vis utvidelsesbygger: Bygg dine egne Safari-utvidelser ved å pakke koden din deretter og legge til metadata.
- Start tidslinjeopptak: Registrer nettverksforespørsler, JavaScript-utførelse, sidegjengivelse og andre hendelser i WebKit Inspector.
- Tomme buffer: Slett alle lagrede hurtigbuffere i Safari, ikke bare standard cache-filer på nettstedet.
- Deaktiver hurtigbuffer: Når cache er deaktivert, lastes ressurser ned fra et nettsted hver gang en tilgangsforespørsel sendes i motsetning til å bruke den lokale hurtigbufferen.
- Tillat JavaScript fra Smart Search Field: Deaktivert som standard av sikkerhetsmessige årsaker. Med denne funksjonen kan du legge inn nettadresser som inneholder JavaScript i Safaris adressefelt.
- Behandle SHA-1-sertifikater som usikre: Short for Secure Hash Algorithm, SHA-1-hasjfunksjonen har vist seg å være mindre sikker enn opprinnelig antatt, derav tillegget til dette alternativet i Safari.