What to Know
- For å aktivere: Preferences > velg Advanced-fanen > veksle Vis utviklermeny i menylinjenpå.
- For å bruke: velg Develop > Gå inn responsiv designmodus i Safari-verktøylinjen.
Denne artikkelen forklarer hvordan du aktiverer responsiv designmodus i Safari 9 til Safari 13, i OS X El Capitan gjennom macOS Catalina.
Slik aktiverer du responsiv designmodus i Safari
For å aktivere Safari Responsive Design Mode, sammen med andre Safari-utviklerverktøy:
-
Gå til Safari-menyen og velg Preferences.
Trykk på tastatursnarveien Command+ , (komma) for å få tilgang til innstillingene raskt.
-
I dialogboksen Preferences velger du Advanced-fanen.
Image -
Velg avkrysningsboksen Vis utviklingsmenyen i menylinjen nederst i dialogboksen.
Image -
Du vil nå se Develop i Safari-menylinjen øverst.
Image -
Velg Develop > Gå inn responsiv designmodus i Safari-verktøylinjen.
Trykk på hurtigtasten Option+ Command+ R for å gå raskt inn i responsiv designmodus.
Image -
Den aktive nettsiden vises i responsiv designmodus. Øverst på siden velger du en iOS-enhet eller en skjermoppløsning for å se hvordan siden gjengis.
Image -
Alternativt kan du se hvordan nettsiden din vil gjengis på ulike plattformer ved å bruke rullegardinmenyen over oppløsningsikonene.
Image
Safari-utviklerverktøy
I tillegg til responsiv designmodus, tilbyr Safari Develop-menyen andre nyttige alternativer.
Åpne side med
Åpner den aktive nettsiden i en hvilken som helst nettleser som er installert på Mac-en.
User Agent
Når du endrer brukeragent, kan du lure et nettsted til å tro at du bruker en annen nettleser.
Show Web Inspector
Viser alle en nettsides ressurser, inkludert CSS-informasjon og DOM-beregninger.
Vis feilkonsoll
Viser JavaScript-, HTML- og XML-feil og advarsler.
Vis sidekilde
Lar deg se kildekoden for den aktive nettsiden og søke i sidens innhold.
Vis sideressurser
Viser dokumenter, skript, CSS og andre ressurser fra gjeldende side.
Vis tekstutdrag
Lar deg redigere og kjøre fragmenter av kode. Denne funksjonen er nyttig fra et testperspektiv.
Vis utvidelsesbygger
Hjelper deg å bygge Safari-utvidelser ved å pakke koden din deretter og legge til metadata.
Start tidslinjeopptak
Lar deg registrere nettverksforespørsler, JavaScript-kjøring, sidegjengivelse og andre hendelser i WebKit Inspector.
Tømme cacher
Sletter alle lagrede cacher i Safari, ikke bare de vanlige nettstedsbufferfilene.
Deaktiver cacher
Med caching deaktivert, lastes ressurser ned fra et nettsted hver gang det sendes en tilgangsforespørsel, i motsetning til å bruke den lokale cachen.
Tillat JavaScript fra Smart Search Field
Deaktivert som standard av sikkerhetsgrunner, denne funksjonen lar deg legge inn nettadresser som inneholder JavaScript i Safari-adresselinjen.
