Google Chrome: Mikä on Näytä sivun lähdekoodi?

Google Chrome: Mikä on Näytä sivun lähdekoodi?

Chrome- ja Chromium-valikoissa on Näytä sivun lähde. Näin kehittäjät ja käyttäjät voivat oppia, mitä konepellin alla tapahtuu, kun sivu latautuu selaimeen. Se on ikkuna HTML:n, CSS:n ja JavaScriptin monimutkaisuuteen, jotka muodostavat verkkosivustot, joita selaat päivittäin.

Google Chrome: Mikä on Näytä sivun lähdekoodi?

Näytä sivun lähdekoodin määrittäminen Chromessa

Näytä sivun lähde -vaihtoehto auttaa kehittäjiä erittelemään ja korjaamaan verkkosivua ja antaa harrastajille kurkistaa verkkosivustojen rakennuspalikoihin.

Lähdekoodin tarkastelussa näet jokaisen verkkosivun ainesosan (HTML), sen käsittelytavan (CSS) ja koodausvuorovaikutukset, jotka yhdistävät sen (JavaScript). Tämä yksityiskohtainen näkymä on korvaamaton vianetsinnän kannalta. Onko asetteluongelma? Sivun lähteen tarkastaminen saattaa paljastaa puuttuvan tagin. Eikö painike vastaa? JavaScript-osio saattaa sisältää vastauksen.

Et voi muuttaa koodia, testata sitä tai esikatsella muutoksia, kuten voit käyttää Tarkastus-vaihtoehtoa (DevTools) . Se tarjoaa kuitenkin nopean näkemyksen löytääksesi kaiken tarvitsemasi, olipa kyseessä koulutus-, virheenkorjaus- tai tutkimustarkoituksiin.

Verkkosivun lähdekoodin käyttäminen Chromessa

Voit käyttää verkkosivun lähdekoodia Chrome- ja Chromium-selaimissa kahdella tavalla. Lisäksi vain yksi menetelmä toimii hiiren kakkospainikkeella suojatuilla sivuilla. Aloitetaan.

Käyttämällä "Näytä sivun lähdettä" -valikkovaihtoehtoa

Tämä vaihtoehto on helpoin tapa tarkistaa verkkosivun lähdekoodi ja se toimii kaikilla verkkosivuilla.

  1. Avaa Google Chrome- tai Chromium-selain, kuten Edge tai Brave .
  2. Siirry sivustolle tai verkkosivulle, josta olet kiinnostunut.
  3. Napsauta avointa aluetta hiiren kakkospainikkeella, valitse Näytä sivun lähde tai paina Ctrl + U (Windows) tai Komento + U (Mac).
    Google Chrome: Mikä on Näytä sivun lähdekoodi?
  4. Lähdekoodi näytetään sitten uudella välilehdellä, joka muistuttaa tekstieditorin asettelua.

Näytä-lähde-URL-vaihtoehdon käyttäminen

  1. Käynnistä Google Chrome tai Chromium-selain, kuten Edge tai Brave .
  2. Siirry sivustolle tai verkkosivulle, josta olet kiinnostunut.
  3. Kirjoita osoitepalkkiin view-source:[verkkosivun URL-osoite tähän] , esimerkiksi seuraava:
    view-source:https://www.alphr.com.
    Google Chrome: Mikä on Näytä sivun lähdekoodi?
  4. Lähdekoodi näytetään sitten uudella välilehdellä, joka muistuttaa tekstieditorin asettelua.

Katso HTML-koodin tarkasteleminen Chromessa saadaksesi tarkemman yleiskatsauksen ominaisuuden käyttämisestä muilla laitteilla.

Älä kopioi ja käytä sivun lähdesisältöä suoraan

Verkkosivuston lähdekoodin katsominen on yksinkertainen tapa saada käsitys sen rakenteesta ja sisällöstä. Se ei kuitenkaan tarjoa edistyneempää tietoa, kuten virheenkorjausta tai suorituskykyanalyysiä. Lisäksi JavaScriptin luoma dynaaminen sisältö ei välttämättä näy lähdekoodissa.

On tärkeää muistaa, että jokainen verkkosivusto on ainutlaatuinen, ja mikä toimii yhdelle, ei välttämättä toimi toiselle. Lisäksi saatat törmätä huonosti optimoituihin verkkosivustoihin, jotka ovat esimerkkejä siitä, mitä ei pidä tehdä.

UKK

K: Onko HTML-, CSS- ja Java-koodin muuttaminen Tarkastus-vaihtoehdossa turvallista?

V: Voit tehdä mitä haluat tarkastustilassa Chromessa tai Chromium-selaimessa. Se ei muuta verkkosivustoa millään tavalla. Teet vain reaaliaikaisia ​​muokkauksia vasemmalla olevan sivun esikatseluun.

K: Eikö "Näytä lähdekoodi" -vaihtoehto ole ajanhukkaa?

V: Ei, lähdekoodin tarkastelun avulla kehittäjät voivat vilkaista olemassa olevia HTML-, CSS- ja Java-ohjeita löytääkseen yksinkertaisia ​​ongelmia tai surkeaa koodausta sen sijaan, että he etsivät kehitystyökalua. Se on pikakatseluvaihtoehto, aivan kuten nopea esikatseluominaisuus PC-tiedostoille, joissa se ei avaa muita ohjelmia. Lisäksi ihmiset voivat kopioida koodinpätkiä ja liittää ne verkkosivuston kehitystyökaluun.


Kuinka korjata vioittuneet tiedot PS4:llä

Kuinka korjata vioittuneet tiedot PS4:llä

Vioittuneet tiedot Sony PlayStation 4:llä kuulostaa kamalalta, mutta itse asiassa se on suhteellisen helppo korjata. Joten jos saat Vioittuneet tiedot -virheen

Kuinka käyttää Telegramia ilman puhelinnumeroa

Kuinka käyttää Telegramia ilman puhelinnumeroa

Telegramin suosio on kasvussa yksityisyyden etusijalla olevan lähestymistavan ja ominaisuuksiensa ansiosta, mikä tekee siitä tehokkaan viestisovelluksen. Yritys kuitenkin vaatii käyttäjiä

Tekstin värin vaihtaminen Discordissa

Tekstin värin vaihtaminen Discordissa

https://www.youtube.com/watch?v=Bwb_5ZggIjg Yksi asia, jota Discord ei tue erityisen hyvin, on eloisa ja värikäs tekstikeskustelukokemus.

Kuinka mykistää X Spaces

Kuinka mykistää X Spaces

Jos käytät X Spacesia säännöllisesti, saatat haluta mykistää itsesi tai muut keskustelun aikana. Ehkä toimistossasi on paljon taustamelua tai

Älä häiritse -tilan poistaminen käytöstä iPhonessa

Älä häiritse -tilan poistaminen käytöstä iPhonessa

Älä häiritse on useimpien älypuhelimien toiminto, jonka avulla voit hiljentää kaikki ilmoitukset, mukaan lukien puhelut, tekstiviestit ja hälytykset kolmansien osapuolien sovelluksista.

Kuinka piilottaa tarina kaikilta Instagramissa

Kuinka piilottaa tarina kaikilta Instagramissa

Useimmat käyttäjät julkaisevat Instagram Stories -tarinoita jakaakseen päivittäisiä toimintojaan ja tärkeitä hetkiä elämässään. Ennen kuin julkaiset tarinan, saatat kuitenkin haluta

Parhaat VS-koodin HTML-pikakuvakkeet

Parhaat VS-koodin HTML-pikakuvakkeet

Opi tärkeimmät ja parhaat VS-koodin pikakuvakkeet nopeuttaaksesi HTML-kehityksen työnkulkua, säästääksesi aikaa ja kirjoittaaksesi koodia tehokkaasti.

Kuinka löytää bastioni Minecraftista

Kuinka löytää bastioni Minecraftista

Jos haluat saada kätesi harvinaisiin saaliisiin, ylivertaisiin esineisiin tai suureen määrään kultaa Minecraftissa, Bastionin löytäminen voi auttaa. Löytyy ensisijaisesti osoitteesta

Virhekoodin 267 korjaaminen Robloxissa

Virhekoodin 267 korjaaminen Robloxissa

Jos olet innokas Roblox-pelaaja, olet ehkä jo kohdannut satunnaisia ​​virheitä alustalla. Silti virhekoodi 267 voi helposti sijoittua eniten

Kuinka korjata TikTok-ilmoitukset, jotka eivät toimi

Kuinka korjata TikTok-ilmoitukset, jotka eivät toimi

TikToksin kasvava suosio teki tästä videontekosovelluksesta yhden ladatuimmista Google Playsta ja App Storesta. Ihmiset pitävät siitä, koska se on helppoa