Web-sivujen lähdekoodin katseleminen Safarissa ja muissa verkkoselaimissa on melko rutiinia monille ihmisille, jotka työskentelevät verkon parissa elämisen tai jopa harrastuksen vuoksi. Toisin kuin jotkin muut selaimet, jotta voit tarkastella sivun lähdekoodia Safarissa, sinun on ensin otettava käyttöön kehittäjän työkalusarja, jotta selain voi käyttää verkkosivun lähdekoodin katseluominaisuutta.

Tämä opetusohjelma näyttää, kuinka verkkosivujen lähdettä tarkastellaan Safarissa Mac OS:ssä. Tämä koskee kaikkia Safarin ja MacOS:n versioita.

Kuinka tarkastella sivun lähdekoodia Safarissa Macille

Näin voit tarkastella verkkosivujen lähdettä Safarissa MacOS:ssa:

1. Ota ensin Safari Develop -valikko käyttöön siirtymällä Safari-valikkoon, valitsemalla "Preferences", siirtymällä kohtaan "Lisäasetukset" ja valitsemalla ruutu ottaaksesi kehittäjävalikon käyttöön



2. Siirry seuraavaksi missä tahansa Safari-ikkunassa verkkosivulle, jonka lähdettä haluat tarkastella ja tarkastaa
3. Vedä "Kehitä"-valikko alas näytön yläreunasta ja valitse "Näytä sivun lähde" ​​valikon vaihtoehdoista



4. Web-sivujen lähde näkyy näytöllä Web Inspector Sources -osiossa, joka on Safariin sisäänrakennettu web-kehittäjän työkalupakki

Sivun lähteen katselun lisäksi voit käyttää Kehitä-valikkoa myös monien muiden verkkohyödyllisten temppujen ja kehittäjätehtävien suorittamiseen, mukaan lukien Javascriptin poistaminen käytöstä ja Safari-välimuistin tyhjentäminen lukemattomien muiden edistyneille toimintojen ja ominaisuuksien joukossa. käyttäjät ja kehittäjät, kuten upotettujen tiedostojen löytäminen sivuilta.

Kuinka tarkastella sivun lähdekoodia pikanäppäimen avulla Macin Safarissa

Kun olet ottanut Kehitä-valikon käyttöön Safarissa, voit myös käyttää pikanäppäintä nähdäksesi nopeasti mitä tahansa verkkosivun lähdettä Macin Safari-selaimessa:

1. Siirry verkkosivulle, jonka sivulähdettä haluat tarkastella
2. Paina Komento + Optio + U-näppäimistöyhdistelmä nähdäksesi sivun lähde

Pikanäppäin sivun lähteen tarkastelemiseen avaa verkkotarkistustyökalun, aivan samalla tavalla kuin käytettäessä sitä Kehitys-valikosta.

Jos olet kokenut Safarin käyttäjä, Kehitä-valikon ottaminen käyttöön on todennäköisesti yksi ensimmäisistä asioista, joita teet, kun käynnistät selaimen ensimmäisen kerran.

Mitä kannattaa, Chrome-selaimessa ja Firefox-selaimissa on myös samanlaiset verkkoelementtien tarkasteluominaisuudet, mutta ilmeisesti keskitymme tässä Safariin Macille.

Safari for Macin kehittäjätoiminnot eivät ole saatavilla iPhonelle tai iPadille (vielä joka tapauksessa), mutta jos olet kiinnostunut saamaan lähteen katseluvaihtoehtoja mobiilipuolella, voit käyttää tätä JavaScript-temppua katseluun sivun lähde Safarin iOS- ja ipadOS-versioissa.

Onko sinulla käteviä vinkkejä tai temppuja sivun lähteen tai kehittäjän työkalusarjan katseluun liittyen Safarissa? Jaa ajatuksesi, vinkkisi ja kokemuksesi kanssamme kommenteissa.