10 vinkkiä kehittäjille, jotka käyttävät Safaria Macissa

Apple väittää, että Safari on nopein selain ja auttaa pitämään akun pidempään verrattuna Chromeen ja Firefoxiin. Vaikka Safarin suorituskyky heikkenee ajan kuluessa, se on ehdottomasti parempi Mac -selain. Erityisesti kehittäjille on paljon piilotettuja ominaisuuksia Safarin käytön lisäämiseksi. Tässä artikkelissa tarkastellaan 10 vinkkiä kehittäjille, jotka käyttävät Safaria Macissa.

1 Ota kehitysvalikko käyttöön

Safarin kehittäjävalikko on oletusarvoisesti poissa käytöstä, joten et ehkä voi tarkastella verkkosivun lähde -CSS: ää tai HTML: ää. Siirry kohtaan "Safari> Asetukset …" ja ota Lisäasetukset -välilehden vaihtoehto käyttöön lisätäksesi "Kehitä" -valikon oletusvalikkoriville.

Näytä kehittämisvalikko Safarissa

2 Koko URL -osoitteen tarkasteleminen osoite- ja tilarivillä

Joskus verkkotunnuksen katseleminen osoitepalkissa saattaa tehdä sinut hulluksi. Ota Safarin asetusten Lisäasetukset -välilehti käyttöön, jos haluat nähdä koko sivuston URL -osoitteen.

Samoin jos olet tottunut katsomaan tilarivin vasenta alareunaa, kun viet hiiren linkkien päälle, voit ottaa linkkien näyttämisen näkyviin valikosta Näytä> Näytä tilarivi.

3 Näytä sivun lähdekoodi

Kun "Kehitä" -valikko on otettu käyttöön, napsauttamalla sivua hiiren kakkospainikkeella näet lisävaihtoehdot sivun lähteen tarkastamiseksi ja "Tarkasta elementti" -vaihtoehdot. Valitsemalla minkä tahansa vaihtoehdon avaa Safarin web -tarkistuskonsoli, joka näyttää sivulla käytetyt resurssit.

Napsauta Safarin Asetukset -painiketta hiiren kakkospainikkeella

Lue lisää sivun lähdekoodin katsomisesta Safarilla.

4 Tyhjennä ja poista välimuistit käytöstä

Vaikka välimuistit auttavat lataamaan sivun nopeammin tavallisille käyttäjille, se on yksi kehittäjän suurimmista ongelmista. Varsinkin kun olet kirjautunut johonkin sivustoon, välimuistia ei voi tyhjentää käyttämällä tyhjennä historia -vaihtoehtoa, koska tämä kirjautuu ulos sivustosta. Helpoin tapa on käyttää tyhjiä tai poistaa käytöstä "Kehitä" -valikossa olevat välimuistit.

Safarin kehittämisvalikko

5 Ota reagoiva tila käyttöön

Responsiivinen tila on hyödyllinen suunnittelun tarkistamiseen eri laitteilla ja käyttäjäagentteilla. Safarin avulla kehittäjät voivat käyttää edistynyttä responsiivista tilaa, joka voidaan ottaa käyttöön "Kehitä" -valikossa.

Safarin reagoiva tila

Responsiivisessa tilassa voit tehdä seuraavat vaihtoehdot:

• Siirry reagoivaan tilaan tai poistu siitä käyttämällä pikanäppäimiä "Option + Command + R", kun "Develop" -valikko on käytössä.
• Valitse laite ja verkkokalvon kuvien skaalauskerroin nähdäksesi miltä sivu näyttää eri laitteilla.
• Voit vetää sivun kokoa nähdäksesi sen tarpeen mukaan.
• Oletuksena kaikkien Apple -laitteiden pysty- ja vaakanäkymät ovat käytettävissä, jotta voit katsoa, ​​miltä sivu näyttää iPhonessa, iPadissa ja Macissa.
• Voit myös valita käyttäjäagentit Chrome-, Firefox-, IE- ja Edge -selaimille nähdäksesi sivun ulkoasun Windows-, OS X- ja iOS -alustoilla. Käyttäjäagentteja voidaan vaihtaa myös "Kehitä> Käyttäjäagentti" -valikkovaihtoehdolla.

6 Pätkäeditori

Katkelmaeditori on koodin esikatselu, joka on otettu käyttöön "Kehitä" -valikossa. Tämä auttaa vahvistamaan sivulla olevat CSS JavaScript- ja HTML -koodit hiekkalaatikkona avaamatta toista sivua.

Safarin katkelmien editori

7 Poista kuvat, tyylit ja JavaScript käytöstä

Kuvat on helppo poistaa käytöstä tai ottaa käyttöön verkkosivulla, CSS: ssä ja JavaScriptissä yhdellä napsautuksella "Kehitä" -valikossa. Tämä auttaa kehittäjää katsomaan sivua ilman kuvia, CSS -tiedostoja ja komentosarjoja latausajan tarkistamiseen ja muiden sisältöjen vianmääritykseen.

8 Aikajanan tallennus

Koska sivun latausnopeus on tärkeämpää, on helppo tallentaa toiminnot sivulle valitsemalla "Aloita aikajanan tallennus" -vaihtoehto "Kehitä" -valikosta. Tallennuksen avulla voit analysoida saapuvia HTTP -verkkopyyntöjä, ulkoasun renderointia ja JavaScript -tapahtumia.

Safarin aikajanan tallennus

9 Poista eri alkuperien ja paikallisten tiedostojen rajoitus käytöstä

Ristialkuperärajoitus (CORE) on web-suunnittelun perusperiaate, joka ei salli tiettyjen tiedostotyyppien, kuten toisella verkkotunnuksella isännöityjen kirjasimien, lataamista. Kun poistat COREn käytöstä, voit testata helposti muiden verkkotunnusten resursseja.

Samoin paikallisen tiedostonrajoitusvaihtoehdon poistaminen käytöstä poistaa käytöstä paikallista kehitystä haittaavat turvatarkastukset.

10 Salli JavaScript älykkäästä hakukentästä

Kun otat tämän vaihtoehdon käyttöön "Kehitä" -valikossa, voit suorittaa JavaScript -lausekkeita suoraan Safarin osoiteriviltä syntaksilla "javascript: expression".

Lue 10 vinkkiä, joilla voit lisätä Safarin tuottavuutta tavallisille käyttäjille.