Mitä tietää
- Valitse Safari-valikosta Kehittää > Näytä sivun lähdekoodi.
- Tai napsauta sivua hiiren kakkospainikkeella ja Näytä sivun lähdekoodi avattavasta valikosta.
- Pikanäppäin: Optio+Komento+U.
Tämä artikkeli näyttää, kuinka voit tarkastella HTML-lähdekoodia Safarissa.
Näytä lähdekoodi Safarissa
Lähdekoodin katselu Safarissa on helppoa:
-
Avaa Safari.
-
Siirry verkkosivulle, jota haluat tarkastella.
-
Valitse Kehittää valikosta ylävalikkopalkissa. Valitse Näytä sivun lähdekoodi valinta avataksesi teksti-ikkunan, joka sisältää sivun HTML-lähteen. Voit myös painaa Optio+Komento+U näppäimistölläsi.
-
Jos Kehitä-valikko ei ole näkyvissä, siirry osoitteeseen: Asetukset in Pitkälle kehittynyt osio ja valitse Näytä Kehitys-valikko valikkorivillä.
Useimmilla verkkosivuilla voit tarkastella lähdettä myös napsauttamalla sivua hiiren kakkospainikkeella (ei kuvaa) ja valitsemalla Näytä sivun lähdekoodi. Tarvitset Kehittyvä valikko sisään Asetukset näyttääksesi vaihtoehdon. Safarissa on myös pikanäppäin HTML-lähteen katseluun: Paina ja pidä painettuna Tilaus ja valinta näppäimiä ja paina SINÄ (cmd+valita+SINÄ.).
Lähdekoodin katselun edut
Resurssin tarkasteleminen nähdäksesi, kuinka verkkosuunnittelija on saavuttanut asettelun, voi auttaa sinua oppimaan ja parantamaan työtäsi. Vuosien varrella monet web-suunnittelijat ja kehittäjät ovat oppineet melkoisen osan HTML:stä pelkästään katsomalla näkemiensä verkkosivujen lähdettä. Se on loistava tapa aloittelijoille oppia HTML:ää ja kokeneille verkkoammattilaisille nähdä, kuinka muut käyttävät uusia tekniikoita. Muista, että lähdetiedostot voivat olla hyvin monimutkaisia. Sivun HTML-merkintöjen lisäksi merkittäviä CSS- ja komentosarjatiedostoja käytetään todennäköisesti kyseisen sivuston ulkoasun ja toiminnallisuuden luomiseen, joten älä turhaudu, jos et heti ymmärrä, mitä tapahtuu. HTML-lähteen tarkasteleminen on vasta ensimmäinen askel. Sitten voit käyttää työkaluja, kuten Chris Pederickin verkkokehittäjälaajennusta, tarkastellaksesi CSS:ää ja skriptejä sekä tarkastaaksesi tiettyjä HTML-elementtejä.
Onko lähdekoodin katselu laillista?
Vaikka ei todellakaan ole hyväksyttävää kopioida sivuston koodia joukkona ja välittää sitä omasi kaltaiselle verkkosivustolle, koodin käyttäminen ponnahduslautana oppimiseen on pohjimmiltaan sitä, kuinka monet ihmiset edistyvät tällä alalla. Nykyään olisi vaikea löytää toimivaa verkkoammattilaista, joka ei olisi löytänyt jotain katsomalla sivuston lähdettä! Verkkoammattilaiset oppivat toisiltaan ja usein parantavat näkemäänsä ja inspiroitumaansa työtä, joten älä epäröi katsoa sivuston lähdekoodia ja käyttää sitä oppimistyökaluna.