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.


Profiilikuvien poistaminen Telegramista

Profiilikuvien poistaminen Telegramista

Jos olet ollut aktiivinen Telegramissa jonkin aikaa, saatat haluta vaihtaa profiilikuvasi. Vanhoja profiilikuvia ei kuitenkaan poisteta automaattisesti

Kuinka päivittää Safari iPadiin

Kuinka päivittää Safari iPadiin

Pysyäkseen muiden suosittujen hakukoneiden tahdissa Applen Safari-selainta täydennetään jatkuvasti uusilla ominaisuuksilla ja tietoturvalisäosilla. Päivitykset

Kuinka saada rupiaa Valtakunnan kyyneleissä

Kuinka saada rupiaa Valtakunnan kyyneleissä

"Legend of Zelda: Tears of the Kingdom" (TotK) -pelissä on useita tavaroita, joita sinun on hankittava. Suurin osa niistä vaatii rahaa hankkiakseen. The

Kuinka vaihtaa käyttäjänimesi ja näyttönimesi Twitterissä mistä tahansa laitteesta

Kuinka vaihtaa käyttäjänimesi ja näyttönimesi Twitterissä mistä tahansa laitteesta

Twitterin avulla käyttäjät voivat muuttaa käyttäjätunnuksensa ja näyttönimensä (Twitter-kahva) haluamakseen, ja menetelmät sen tekemiseen ovat melko yksinkertaisia. Pitää sisällä

Kuinka muuttaa seuraavaa kysymystä vastauksen perusteella Google Formsissa

Kuinka muuttaa seuraavaa kysymystä vastauksen perusteella Google Formsissa

Google Formsin avulla voit luoda erilaisia ​​kyselyjä, kyselyitä, kyselyitä, tietokilpailuja ja paljon muuta. Joskus pitkien kyselyiden tekeminen voi olla joillekin tylsää

Kuinka lisätä siirtymä kaikkiin IMovien valokuviin

Kuinka lisätä siirtymä kaikkiin IMovien valokuviin

Siirtymien sisällyttäminen leikkeihisi iMoviessa tekee niistä houkuttelevampia ja auttaa kiinnittämään katsojat videosisältöösi. Mutta vaikka

Kuinka tarkastella piilotettuja tietoja Facebook Marketplacessa

Kuinka tarkastella piilotettuja tietoja Facebook Marketplacessa

Facebook Marketplace on erinomainen alusta käytettäväksi, jos haluat myydä osan käyttämättömistä tavaroistasi tai jos aiot ostaa jotain. Mutta se voi

Kuinka ottaa Wi-Fi-yhteys käyttöön LG-televisiossa

Kuinka ottaa Wi-Fi-yhteys käyttöön LG-televisiossa

LG-televisio on portti yli 100 ohjelmaan. Sisältö vaihtelee uutis- ja urheilukanavista trendielokuviin ja TV-sarjoihin. Voit katsoa sisältöä osoitteesta

Kuinka integroida Google Keep -muistutus kalenteriin

Kuinka integroida Google Keep -muistutus kalenteriin

Yksi tapa optimoida Google Keep -muistiinpanojasi on lisätä muistutuksia ja hallita niitä Google-kalenterista yhdessä muiden Googlen muistutusten kanssa.

Estettyjen verkkosivustojen käyttäminen tietokoneella tai mobiililaitteella

Estettyjen verkkosivustojen käyttäminen tietokoneella tai mobiililaitteella

Haluatko tietää, kuinka pääset estetyille verkkosivustoille tietokoneella tai mobiililaitteella? Jotkut sivustot rajoittavat käyttäjien pääsyä sivustolle