Safarilla on runsaasti erikoisominaisuuksia, jotka on suunniteltu web-kehittäjille, jotka kaikki kootaan yhteen piilotetun Kehittäjän valikossa. Käytettävissä olevan Safarin version mukaan Develop-valikosta tulee näkyviin neljä tai useampia valikkokohteiden ryhmiä, kuten Käyttäjäagentin muuttaminen, näytä lisäominaisuuksia, kuten Web-tarkastaja ja virheenkonsoli, poista JavaScript, tai poista Safarin välimuistit käytöstä. Vaikka et ole kehittäjä, näistä ominaisuuksista voi olla hyötyä.
Kehitys-valikon käyttäminen on tarpeeksi helppoa, kun jokainen valikon kohta koskee tällä hetkellä ladatun ja etummaisen Safari-sivun tai -välilehden ja sitten minkä tahansa myöhemmin ladatun verkkosivun. Poikkeuksena ovat komennot, kuten tyhjät välimuistit, joilla on maailmanlaajuinen vaikutus Safariin.
Ennen kuin voit käyttää Kehitys-valikkoa, sinun on ensin tehtävä tämä piilotettu valikko näkyväksi. Tämä on melko helppo tehtävä, paljon helpompaa kuin Debug-valikon paljastaminen, joka ennen Safari 4: ää sisälsi kaikki komennot, jotka nyt sisältyvät Develop-valikkoon. Mutta älä katso, että vanhempi Debug-valikko ei ole enää relevantti; se on edelleen olemassa ja sisältää monia hyödyllisiä työkaluja.
Näytä Safari-kehysvalikko
-
Käynnistä Safari, joka sijaitsee osoitteessa / Applications / Safari.
-
Avaa Safarin asetukset valitsemalla valikosta "Safari, Preferences".
-
Napsauta Lisäasetukset-välilehteä.
-
Aseta valintaruutu Näytä kehys -valikon vieressä oleva valintaruutu.
Kehys-valikko tulee näkyviin kirjanmerkkien ja ikkuna -valikkokohteiden välillä. Kehitysvalikko on erityisen kätevä web-kehittäjille, mutta myös satunnainen käyttäjä on erittäin hyödyllinen.
Jos haluat joskus poistaa Kehittäjä-valikon käytöstä, poista valintamerkki edellä vaiheessa 4 edellä.
Jotkut kehittävät valikkokohdat, jotka todennäköisesti ovat hyödyllisimpiä, ovat:
- Avaa sivu:: Avaa nykyisen verkkosivun millä tahansa Macissa asentamassasi selaimella. Jos olet koskaan vieraillut verkkosivustolla, joka ei näytä toimivan oikein Safarin kanssa, voit käyttää tätä komentoa nopeasti ponnahtamaan samaan verkkosivuun toisella selaimella
- Käyttäjäagentti: Käyttäjäagentti on tekstirivi, jonka selain lähettää web-sivua ylläpitävälle web-palvelimelle. Jos olet koskaan vieraillut verkkosivulla, joka ilmoitti, ettei Safariä tueta, näin sivusto tuntisi käytettävän selaimen. Useimmissa tapauksissa "ei tueta" on hölynpölyä, ja tämän valikkokohteen avulla voit muuttaa käyttäjän edustajaa jäljittelemään toista selaimesta. Saatat hämmästyä, kuinka monta kertaa verkkosivu, joka ei toimi yhtäkkiä, tekee vain muuttamalla käyttäjäagenttiä.
- Tyhjät välimuistit: Safari pitää välimuistin äskettäin käyttämistäsi sivustoista. Tähän välimuistiin tallennetut tiedot sisältävät kaikki sivun elementit, joita voidaan käyttää verkkosivuston nopeaan esittämiseen, kun palaat sivulle. Joskus välimuisti voi olla vanhentunut tai vioittunut, mikä aiheuttaa verkkosivun virheellisen näyttämisen. Välimuistin tyhjentäminen voi korjata nämä ongelmat ja auttaa jopa nopeuttamaan Safaria.
Suurin osa jäljellä olevista valikkokohteista on todennäköisesti hyödyllisempi web-kehittäjille, mutta jos olet kiinnostunut verkkosivustojen rakentamisesta, seuraavat asiat saattavat olla mielenkiintoisia:
- Näytä Web-tarkastaja: Tämä avaa Web-tarkastajan nykyisen sivun alareunassa. Web-tarkastajan avulla voit tarkastella sivun luomiseen liittyviä elementtejä.
- Näytä sivun lähde: Tämän avulla voit nähdä nykyisen sivun HTML-koodin.
- Näytä sivuryhmät: Tämä avaa Resurssien tarkastajan sivupalkin Web-tarkastajalle. Se tarjoaa helpon tavan nähdä, mitä kuvia, komentosarjoja, tyylisivuja ja muita elementtejä käytetään nykyisellä sivulla.
- Käynnistä aikajanan tallennus: Jos haluat nähdä, miten verkkosivu latautuu ja toimii, kokeile Aloita aikajanalla-tallennus-vaihtoehto. Tämä luo graafin, joka näyttää verkkotoimintaa ja miten kukin sivuston elementti on ladattu ja käytetty. Se tekee mielenkiintoisen näytön, mutta muista poistaa ominaisuus valitsemalla Stop Timeline Recording; muuten käytät Macin resursseja tuottamattomiin tehtäviin - ts. ellet ole web-kehittäjä.
- Anna Responsive Design Mode: Toinen työkalu web-kehittäjille sisäänrakennetulla simulaattorilla, jonka avulla voit esikatsella, miten verkkosivusi tarkastelee eri näytön tarkkuuksia tai eri laitteita, kuten iPadia tai iPhonea. Voit ladata haluamasi sivun vain ja esikatsella sivua valitsemalla Enter Responsible Design Mode. Voit kokeilla sivunäyttöä useilla laitteilla tai valita käytettävän näytön tarkkuuden. Kun olet valmis, palaa Kehitä-valikkoon ja valitse Lopeta reaktiivinen muotoilu.
- Kokeelliset ominaisuudet: Tämä valikkokohde ei ole käytettävissä kaikissa Safarin versioissa ja sen sisältö voi muuttua jokaisen Safari-päivityksen yhteydessä. Mutta jos tunne on rohkea, voit kokeilla muutamia ominaisuuksia, jotka saattavat tulla tiettyihin Safari-selaimen tuleviin versioihin.
Kun kehitysvalikko on nyt näkyvissä, kestää jonkin aikaa kokeilla erilaisia valikkokohtia. Luultavasti pääset muutamiin suosikkeihin, joita käytät usein.
