Legg til flere funksjoner ved å slå på Safaris utviklingsmeny

Innholdsfortegnelse:

Legg til flere funksjoner ved å slå på Safaris utviklingsmeny
Legg til flere funksjoner ved å slå på Safaris utviklingsmeny
Anonim

What to Know

  • Velg Safari > Preferences > Advanced > Vis utviklingsmeny i menylinjen.
  • For å bruke Develop, gå til Safari-menyen og velg Develop, mellom bokmerker og vindu.
  • Mest nyttige utviklings alternativer: Åpne side med, brukeragent og tomme cacher.

Denne artikkelen forklarer hvordan du viser og bruker Utvikle-menyen i Safari-nettleseren (versjon 8 til 12).

Vis utviklingsmenyen i Safari

Før du kan bruke Utvikle-menyen, må du først gjøre den skjulte menyen synlig. Dette er en enkel oppgave, mye enklere enn å avsløre feilsøkingsmenyen som – før Safari 4 – inneholdt alle kommandoene som nå er i Utvikle-menyen. Men ikke tro at den eldre Debug-menyen ikke lenger er relevant; den eksisterer fortsatt og inneholder mange nyttige verktøy.

  1. Start Safari fra Dock eller Mac Application-mappen.

    Image
    Image
  2. Åpne Safaris preferanser ved å klikke Safari i menylinjen og velge Preferences i rullegardinmenyen.

    Image
    Image
  3. Klikk på Advanced-fanen i preferanseskjermen.

    Image
    Image
  4. Velg Vis utviklingsmenyen i menylinjen.

    Image
    Image

Hvis du noen gang ønsker å deaktivere utviklermenyen, fjern haken i Safari > Preferences > Avansert skjerm.

Bruke utviklingsmenyen

Utvikle-menyen vises på Safari-menylinjen mellom menyelementene Bokmerker og Vindu. Utvikle-menyen er spesielt nyttig for nettutviklere, men tilfeldige brukere kan også finne den nyttig.

Image
Image

Noen av menyelementene for utvikling som du sannsynligvis vil finne de mest nyttige inkluderer:

  • Åpne side med: Lar deg åpne den gjeldende nettsiden i hvilken som helst nettleser du har installert på Mac-en. Hvis du noen gang besøker et nettsted som ikke fungerer som det skal med Safari, kan du bruke denne kommandoen til å gå raskt over til den samme nettsiden i en annen nettleser.
  • User Agent: Brukeragenten er en tekststreng som nettleseren sender til webserveren som er vert for nettsiden. Hvis du noen gang har besøkt en nettside som proklamerte at Safari ikke støttes, er dette hvordan nettstedet visste hvilken nettleser du brukte. I de fleste tilfeller er ikke støttet tull, og ved å bruke dette menyelementet kan du endre brukeragenten til å etterligne en fra en annen nettleser. Du kan bli overrasket over hvor mange ganger en nettside som ikke fungerer plutselig gjør det, bare ved å bytte brukeragent.
  • Tømme cacher: Safari holder en hurtigbuffer over nettsteder som nylig er åpnet. Dataene som er lagret i denne cachen inkluderer alle elementene på en side, som kan brukes til raskt å gjengi et nettsted når du kommer tilbake til siden. Noen ganger kan hurtigbufferen være gammel eller korrupt, noe som fører til at en nettside vises feil. Å tømme hurtigbufferen kan løse disse problemene og kan til og med bidra til å øke hastigheten på Safari.

Ytterligere utviklingsmenyelementer

De fleste av de gjenværende menyelementene er sannsynligvis mer nyttige for nettutviklere, men hvis du er interessert i hvordan nettsteder er bygd opp, kan følgende elementer være av interesse:

  • Show Web Inspector: Dette åpner Web Inspector nederst på gjeldende side. Med nettinspektøren kan du undersøke elementene som var med på å lage siden.
  • Vis sidekilde: Dette viser HTML-koden til gjeldende side.
  • Vis sideressurser: Dette åpner ressursinspektørens sidefelt i nettinspektøren. Det gir en enkel måte å se hvilke bilder, skript, stilark og andre elementer som brukes på gjeldende side.
  • Start tidslinjeopptak: Hvis du vil se hvordan en nettside laster og kjører, prøv Start Timeline Recording- alternativet. Dette lager en graf som viser nettverksaktivitet og hvordan hvert områdeelement lastes inn og brukes. Det gir en interessant skjerm, men ikke glem å slå av funksjonen ved å velge Stopp tidslinjeopptak Ellers bruker du Mac-ressursene på ikke-produktive oppgaver - med mindre du er en nett utvikler.
  • Gå inn responsiv designmodus: Et annet verktøy for nettutviklere er den innebygde simulatoren som lar deg forhåndsvise hvordan nettsiden din vil se ut med forskjellige skjermoppløsninger eller med forskjellige enheter, for eksempel iPad eller iPhone. Bare last inn siden du er interessert i og velg Enter Responsive Design Mode for å forhåndsvise siden. Du kan prøve sidegjengivelsen med forskjellige enheter eller velge en skjermoppløsning du vil bruke. Når du er ferdig, gå tilbake til Utvikle-menyen og velg Avslutt responsiv designmodus
  • Eksperimentelle funksjoner: Hvis du føler deg modig, kan du prøve noen av funksjonene som kan finne veien til fremtidige versjoner av Safari-nettleseren.

Med Utvikle-menyen synlig, ta deg tid til å prøve ut de forskjellige menyelementene. Du vil sannsynligvis ende opp med noen få favoritter som du vil bruke ofte.

Anbefalt: