Mitä tietää
- Useimmissa yleisimmissä selaimissa voit käyttää sivuston lähdekoodia painamalla Ctrl+ U Windowsissa.
- Macissa paina Cmd+ Option+ U useimmissa yleisimmissä selaimissa tai Cmd+ U Firefoxissa.
- Androidissa voit tarkastella lähdekoodia käyttämällä view-source: URL-muutosta. Tätä ei tueta iOS:n Safarissa.
Vaikka verkkoselaimet tulkitsevat Hypertext Markup Language -tiedostoja ja Cascading Style Sheets -tiedostoja, jotka saavat verkon näyttämään sellaiselta, kuin se näyttää, pikanäppäin tai URL-osoite pakottaa selaimet näyttämään kyseisen sivun lähdekoodin uudessa välilehdessä tai ikkunassa. Vaikka useimpien ihmisten tarvitsee harvoin tutkia lähdekoodia, kehittäjät käyttävät tätä näkökulmaa asettelun epäjohdonmukaisuuksien vianetsintään tai verkkosivuston virheiden korjaamiseen.
Lähteen tarkasteleminen pöytätietokoneen selaimessa
Kaikissa yleisimmissä työpöytäselaimissa - Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Vivaldi - paina Ctrl+U avataksesi uuden välilehden, joka näyttää raaka-HTML-koodin sivu, jolla olet. Macissa paina Cmd+Option+U tai Cmd+U Firefoxissa.
Vaihtoehtoisesti kaikki työpöytäselaimet tukevat URL-osoitekohtaista säätöä. Liitä teksti view-source: URL-osoitteen eteen avataksesi sivun lähdetilassa. Kirjoita esimerkiksi view-source:https://www.lifewire.com nähdäksesi Lifewiren pääaloitussivun takana olevan lähdekoodin.
Haluatko mieluummin hiirtä vai haluatko muokata HTML-koodia lennossa? Kaikki tärkeimmät selaimet tukevat View Source-komentoa jossain valikkorakenteessa, ja ne tukevat myös kehittäjätilaa (nimetty eri nimillä ja käynnistetty eri tavoilla), joka mahdollistaa reaaliaikaisen säätämisen sivu suoritetaan kehittäjän käyttöliittymässä tekemiesi muutosten perusteella.
Lähdelähteen tarkasteleminen oletusmobiiliselaimessa
Android-selain mahdollistaa view-source: URL-osoitteen säätämisen. iOS:ssä Safari-sovellus ei kuitenkaan tue tätä ominaisuutta. Applen alustalla sinun on käynnistettävä toinen selain tai lähdekoodin katselusovellus App Storesta.
Yksittäiset mobiiliselaimet, jotka olet asentanut alustasi sovelluskaupasta, toimivat eri tavalla. Katso tietyt toimenpiteet selaimen dokumentaatiosta.
