Kuidas vaadata HTML-i allikat Google Chrome'is

Mida teada

• Paremklõpsake veebilehel ja valige Vaata lehe allikat .
• Otsetee: vajutage Ctrl + IN (Windows PC) või Käsk + Võimalus + IN (Mac).
• Chrome'i arendajatööriistade kasutamiseks valige Menüü (kolm punkti) > Rohkem tööriistu > Arendaja tööriistad .

Selles artiklis selgitatakse, kuidas pääseda juurde veebisaidi HTML-i lähtekoodile Google Chrome'i veebibrauseris ning pääseda juurde ja kasutada Chrome'i arendajatööriistu. Saidi lähtekoodi vaatamine on suurepärane viis algajatele HTML-i õppimiseks.

Vaadake lähtekoodi Chrome'is

Niisiis, kuidas vaadata veebisaidi lähtekoodi? Siin on samm-sammult juhised selle tegemiseks Google Chrome'i brauseriga.

1. Ava Google Chrome'i veebibrauser (kui sul ei ole Google Chrome installitud , see on tasuta allalaadimine).

2. Navigeerige lehele veebileht, mida soovite uurida .

3. Paremklõps lehel ja vaadake ilmuvat menüüd. Klõpsake selles menüüs Vaata lehe allikat .

   

4. Selle lehe lähtekood kuvatakse nüüd brauseris uue vahekaardina.

5. Teise võimalusena võite kasutada ka klahvide otseteid Ctrl + IN arvutis, et avada aken, kus kuvatakse saidi lähtekood. Macis on see otsetee Käsk + Võimalus + IN .

Hilary Allison / Lifewire

ei saa sellest oma kodu xboxi teha

Kasutage Chrome'i arendaja tööriistu

Lisaks lihtsaleVaata lehe allikatGoogle Chrome'i pakutav võimalus, saate ka nende suurepärast eelist ära kasutada Arendaja tööriistad saidile veelgi sügavamale kaevata. Need tööriistad võimaldavad teil näha mitte ainult HTML-i, vaid ka CSS-i, mis kehtib selle HTML-dokumendi elementide kuvamiseks.

Chrome'i arendajatööriistade kasutamiseks tehke järgmist.

1. Avatud Google Chrome .

2. Navigeerige veebileht, mida soovite uurida .

3. Valige kolme punktiga menüü brauseriakna paremas ülanurgas.

4. Hõljutage kursorit menüüs Rohkem tööriistu ja siis vali Arendaja tööriistad ilmuvas menüüs.

   

5. Avaneb aken, mis näitab paani vasakus servas HTML-i lähtekoodi ja paremal vastavat CSS-i.

6. Teise võimalusena paremklõpsate element veebilehel ja valige Kontrollige Ilmuvas menüüs ilmuvad Chrome'i arendaja tööriistad, mis tõstavad esile HTML-is valitud konkreetse osa koos paremal näidatud CSS-iga. See on väga kasulik, kui soovite saidi konkreetse osa kohta rohkem teada saada.

   kuidas teada saada, kas teie videokaart on halb

Kas lähtekoodi vaatamine on seaduslik?

Aastate jooksul on paljudel uutel veebidisaineritel tekkinud küsimus, kas on vastuvõetav vaadata saidi lähtekoodi ja kasutada seda oma hariduses ja lõpuks ka oma töös. Kuigi saidi koodi hulgi kopeerimine ja veebisaidil enda omana edasiandmine ei ole kindlasti vastuvõetav, näitab selle koodi kasutamine hüppelauana õppimiseks, kui palju edusamme selles valdkonnas on tehtud.

Nagu me selle artikli alguses mainisime, oleks teil täna raske leida töötavat veebiprofessionaali, kes pole saidi allikat vaadates midagi õppinud! Jah, saidi lähtekoodi nägemine on seaduslik. Selle koodi kasutamine ressursina millegi sarnase loomiseks on samuti ohutu. Kui võtate koodi praegusel kujul ja edastate selle oma tööna, siis tekib probleeme.

Lõpuks õpivad veebiprofessionaalid üksteiselt ja täiustavad sageli tööd, mida nad näevad ja millest inspireeritud saavad, seega ärge kartke vaadata saidi lähtekoodi ja kasutada seda õppevahendina.

Rohkem kui lihtsalt HTML

Üks asi, mida meeles pidada, on see, et lähtefailid võivad olla väga keerulised (ja mida keerulisem on vaadatav veebisait, seda keerulisem on tõenäoliselt selle saidi kood). Lisaks lehe moodustavale HTML-struktuurile on olemas ka CSS (kaskaadlaadilehed), mis määravad selle saidi visuaalse välimuse. Lisaks sisaldavad paljud veebisaidid tänapäeval koos HTML-iga skriptifaile.

Tõenäoliselt on kaasas mitu skriptifaili; tegelikult toidab igaüks saidi erinevaid aspekte. Ausalt öeldes võib saidi lähtekood tunduda üle jõu käiv, eriti kui te pole seda teinud. Ärge olge pettunud, kui te ei saa kohe aru, mis sellel saidil toimub. HTML-i allika vaatamine on selle protsessi esimene samm. Väikese kogemusega hakkate paremini mõistma, kuidas kõik need osad sobivad kokku, et luua veebisait, mida brauseris näete. Koodiga paremini tutvudes saate sellest rohkem õppida ja see ei tundu teile nii hirmutav.

• Kuidas muuta HTML-koodi Chrome'is?

  Avage Chrome'is arendaja tööriistad, vajutades Ctrl (või Käsk Macis) + Tõstuklahv + I . Sealt vajutage Ctrl ( Käsk Macis) + O ja valige selle avamiseks salvestatud lähtefail, mida soovite redigeerida.

  kuidas teha flaierit Google'i dokumentidesse

• Kuidas vaadata lehe lähtekoodi Chrome'is, kui allika kuvamine on keelatud?

  Kui veebisait on suvandi Vaata allikat keelanud, võite siiski vaadata kapoti alla. Valige brauseriakna ülaosast Vaade > Arendaja > Vaata allikat , mis peaks üles tõmbama veebilehe lähtekoodi.

• Kuidas vaadata saidi lähtekoodi Chrome'is, kasutades oma Android-seadet?

  Liikuge oma seadme Chrome'i rakendusega veebisaidile, mida soovite vaadata, ja seejärel valige brauseri aadressiriba. Liigutage tekstikursor vasakpoolsesse serva – URL-i ette – ja tippige vaade-allikas , seejärel vajutage Sisenema või valige Mine .