Mitä tietää
- Valitse Safari > Preferences > Lisäasetukset > Lopeta valikko valikkopalkissa.
- Käytä Developia siirtymällä Safari-valikkoon ja valitsemalla Develop Kirjanmerkkien ja Ikkunan väliltä.
- Hyödyllisimmät kehitysvaihtoehdot: Avaa sivu sovelluksella, User Agent ja Tyhjennä välimuistit.
Tässä artikkelissa kerrotaan, kuinka Kehitä-valikko näytetään ja käytetään Safari (versiot 8–12) -verkkoselaimessa.
Näytä Kehitys-valikko Safarissa
Ennen kuin voit käyttää Kehitä-valikkoa, sinun on ensin näytettävä piilotettu valikko. Tämä on helppo tehtävä, paljon helpompaa kuin Debug-valikon paljastaminen, joka ennen Safari 4:ää sisälsi kaikki Kehitys-valikossa olevat komennot. Älä kuitenkaan ajattele, että vanhempi Debug-valikko ei ole enää relevantti; se on edelleen olemassa ja sisältää monia hyödyllisiä työkaluja.
-
Käynnistä Safari Dockista tai Mac Application -kansiosta.
Image -
Avaa Safarin asetukset napsauttamalla Safari valikkopalkissa ja valitsemalla avattavasta valikosta Preferences.
Image -
Napsauta Advanced-välilehteä asetusnäytössä.
Image -
Valitse Näytä Kehitys-valikko valikkopalkissa.
Image
Jos haluat joskus poistaa kehittäjävalikon käytöstä, poista valintamerkki kohdasta Safari > Preferences > Lisäasetukset-näyttö.
Kehitysvalikon käyttäminen
Kehitys-valikko näkyy Safarin valikkopalkissa Kirjanmerkit- ja Ikkuna-valikkokohtien välissä. Kehitä-valikko on erityisen kätevä verkkokehittäjille, mutta myös satunnaisille käyttäjille voi olla hyötyä.
Joitakin Kehitä-valikon kohtia, jotka ovat sinulle todennäköisesti hyödyllisimpiä, ovat:
- Avaa sivu: Voit avata nykyisen verkkosivun millä tahansa selaimella, jonka olet asentanut Maciin. Jos vierailet verkkosivustolla, joka ei toimi oikein Safarin kanssa, käytä tätä komentoa siirtyäksesi nopeasti samalle verkkosivulle toisella selaimella.
- Käyttäjäagentti: Käyttäjäagentti on tekstijono, jonka selain lähettää verkkosivua isännöivälle verkkopalvelimelle. Jos olet joskus käynyt web-sivulla, joka väitti, että Safaria ei tueta, sivusto tiesi käyttämäsi selaimen tällä tavalla. Useimmissa tapauksissa ei tueta on hölynpölyä, ja käyttämällä tätä valikkokohtaa voit muuttaa käyttäjäagentin jäljittelemään toisesta selaimesta tulevaa. Saatat hämmästyä siitä, kuinka monta kertaa yhtäkkiä toimimaton verkkosivu toimii vain vaihtamalla käyttäjäagenttia.
- Tyhjennä välimuistit: Safari säilyttää välimuistin äskettäin avatuista sivustoista. Tähän välimuistiin tallennetut tiedot sisältävät kaikki sivun elementit, joita voidaan käyttää verkkosivuston hahmontamiseen nopeasti, kun palaat sivulle. Joskus välimuisti voi olla vanha tai vioittunut, mikä aiheuttaa Web-sivun näyttämisen väärin. Välimuistin tyhjentäminen voi korjata nämä ongelmat ja jopa nopeuttaa Safaria.
Lisäkehitysvalikon kohdat
Useimmat jäljellä olevista valikon kohdista ovat luultavasti hyödyllisempiä verkkokehittäjille, mutta jos olet kiinnostunut verkkosivustojen rakentamisesta, seuraavat kohdat voivat kiinnostaa:
- Näytä Web Inspector: Tämä avaa Web Inspectorin nykyisen sivun alareunaan. Web Inspectorin avulla voit tarkastella sivun luomiseen käytettyjä elementtejä.
- Näytä sivun lähde: Tämä näyttää nykyisen sivun HTML-koodin.
- Näytä sivun resurssit: Tämä avaa Resource Inspector -sivupalkin Web Inspectorissa. Se tarjoaa helpon tavan nähdä, mitä kuvia, komentosarjoja, tyylisivuja ja muita elementtejä käytetään nykyisellä sivulla.
- Aloita aikajananauhoitus: Jos haluat nähdä, miten verkkosivu latautuu ja toimii, kokeile Aloita aikajananauhoitus -vaihtoehtoa. Tämä luo kaavion, joka näyttää verkkotoiminnan ja kuinka kukin sivustoelementti ladataan ja käytetään. Se tekee näytöstä mielenkiintoisen, mutta älä unohda sammuttaa ominaisuutta valitsemalla Lopeta aikajananauhoitus Muussa tapauksessa käytät Macin resursseja tuottamattomiin tehtäviin - ellet ole verkko. kehittäjä.
- Siirry reagoivaan suunnittelutilaan: Toinen verkkokehittäjien työkalu on sisäänrakennettu simulaattori, jonka avulla voit esikatsella, miltä verkkosivusi näyttää eri näyttötarkkuuksilla tai eri laitteilla, kuten iPad tai iPhone. Lataa vain sinua kiinnostava sivu ja esikatsele sivu valitsemalla Syötä reagoiva suunnittelutila. Voit kokeilla sivun hahmonnusta useilla eri laitteilla tai valita käytettävän näytön resoluution. Kun olet valmis, palaa Kehitys-valikkoon ja valitse Poistu reagoivasta suunnittelutilasta
- Kokeelliset ominaisuudet: Jos olet rohkea, voit kokeilla muutamia ominaisuuksia, jotka saattavat löytää tiensä Safari-selaimen tuleviin versioihin.
Kun Kehitä-valikko on näkyvissä, käytä jonkin aikaa kokeillaksesi eri valikkokohtia. Saat todennäköisesti muutaman suosikin, joita käytät usein.
