Kako si ogledate izvor HTML v brskalniku Google Chrome

Kaj je treba vedeti

• Z desno miškino tipko kliknite spletno stran in izberite Ogled vira .
• Bližnjica: Pritisnite Ctrl + IN (Windows PC) oz Ukaz + Možnost + IN (Mac).
• Če želite uporabljati Chromova orodja za razvijalce, izberite meni (tri pike) > Več orodij > Orodja za razvijalce .

V tem članku je razloženo, kako dostopati do izvorne kode HTML spletnega mesta v spletnem brskalniku Google Chrome ter dostopati in uporabljati Chromova orodja za razvijalce. Ogled izvorne kode spletnega mesta je odličen način za začetnike, da se naučijo HTML.

Oglejte si izvorno kodo v Chromu

Kako si torej ogledate izvorno kodo spletnega mesta? Tukaj so navodila po korakih, kako to narediti z brskalnikom Google Chrome.

1. Odprite Spletni brskalnik Google Chrome (če nimate Google Chrome nameščen , to je brezplačen prenos).

2. Pomaknite se do spletno stran, ki bi jo radi pregledali .

3. Desni klik strani in poglejte meni, ki se prikaže. V tem meniju kliknite Ogled vira .

   

4. Izvorna koda za to stran bo zdaj prikazana kot nov zavihek v brskalniku.

5. Lahko pa uporabite tudi bližnjice na tipkovnici Ctrl + IN v računalniku, da odprete okno s prikazano izvorno kodo spletnega mesta. V Macu je ta bližnjica Ukaz + Možnost + IN .

Hilary Allison / Lifewire

kako nekdo neposredno pokličete glasovno pošto

Uporabite Chromova orodja za razvijalce

Poleg preprostegaOgled viramožnost, ki jo ponuja Google Chrome, lahko izkoristite tudi njihovo odlično Orodja za razvijalce kopati še globlje v spletno stran. Ta orodja vam bodo omogočila ne le ogled HTML-ja, temveč tudi CSS, ki velja za ogled elementov v tem dokumentu HTML.

Če želite uporabljati Chromova orodja za razvijalce:

1. Odprto Google Chrome .

2. Pojdite na spletno stran, ki jo želite pregledati .

3. Izberite meni s tremi pikami v zgornjem desnem kotu okna brskalnika.

4. V meniju se premaknite na Več orodij in nato izberite Orodja za razvijalce v meniju, ki se prikaže.

   

5. Odprlo se bo okno, ki prikazuje izvorno kodo HTML na levi strani podokna in povezan CSS na desni.

6. Druga možnost je, da kliknete z desno miškino tipko element na spletni strani in izberite Preglejte v meniju, ki se prikaže, se bodo pojavila Chromova orodja za razvijalce in označila določen del, ki ste ga izbrali v HTML-ju, z ustreznim CSS-jem, prikazanim na desni. Zelo je koristno, če želite izvedeti več o določenem delu spletnega mesta.

   kako brkati ljudi s huluja

Ali je ogledovanje izvorne kode zakonito?

V preteklih letih se je veliko novih spletnih oblikovalcev spraševalo, ali je sprejemljivo ogledovati izvorno kodo spletnega mesta in jo uporabljati za svoje izobraževanje in navsezadnje za delo, ki ga opravljajo. Čeprav kopiranje kode spletnega mesta na debelo in njeno objavljanje kot svoje na spletnem mestu zagotovo ni sprejemljivo, je uporaba te kode kot odskočne deske za učenje pravzaprav toliko napredka v tej industriji.

Kot smo omenili na začetku tega članka, bi danes težko našli delujočega spletnega strokovnjaka, ki se ni ničesar naučil z ogledom vira spletnega mesta! Da, ogled izvorne kode spletnega mesta je zakonit. Varna je tudi uporaba te kode kot vira za izdelavo nečesa podobnega. Če kodo vzamete takšno, kot je, in jo posredujete kot svoje delo, se začnete srečevati s težavami.

Na koncu se spletni strokovnjaki učijo drug od drugega in pogosto izboljšujejo delo, ki ga vidijo in so navdihnjeni, zato si ne oklevajte in si oglejte izvorno kodo spletnega mesta in jo uporabite kot učno orodje.

Več kot le HTML

Ne pozabite, da so izvorne datoteke lahko zelo zapletene (in bolj zapleteno kot je spletno mesto, ki si ga ogledujete, bolj zapletena bo koda tega mesta). Poleg strukture HTML, ki sestavlja stran, bo na voljo tudi CSS (cascading style sheets), ki narekuje vizualni videz te strani. Poleg tega bo veliko spletnih mest danes vključevalo skriptne datoteke, vključene skupaj s HTML.

Verjetno bo vključenih več skriptnih datotek; pravzaprav vsak poganja različne vidike spletnega mesta. Odkrito povedano, izvorna koda spletnega mesta se lahko zdi ogromna, še posebej, če ste novi v tem početju. Ne bodite razočarani, če ne morete takoj ugotoviti, kaj se dogaja s tem mestom. Ogled vira HTML je le prvi korak v tem procesu. Z malo izkušenj boste začeli bolje razumeti, kako se vsi ti deli ujemajo, da ustvarijo spletno mesto, ki ga vidite v brskalniku. Ko se boste s kodo bolje seznanili, se boste iz nje lahko več naučili in se vam ne bo zdela tako zastrašujoča.

• Kako uredim kodo HTML v Chromu?

  Odprite orodja za razvijalce v Chromu s pritiskom Ctrl (oz Ukaz na Macu) + Shift + I . Od tam pritisnite Ctrl ( Ukaz na Macu) + O in izberite shranjeno izvorno datoteko, ki jo želite urediti, da jo odprete.

  kako izbrisati vsa sporočila na

• Kako si ogledam izvorno kodo strani v Chromu, če je možnost View Source onemogočena?

  Če je spletno mesto onemogočilo možnost Ogled izvorne kode, boste morda še vedno lahko pogledali pod pokrovom. Na vrhu okna brskalnika izberite Pogled > Razvijalec > Ogled vira , ki naj prikaže izvorno kodo spletne strani.

• Kako si v napravi Android ogledam izvorno kodo spletnega mesta v Chromu?

  Z aplikacijo Chrome v napravi se pomaknite do spletnega mesta, ki si ga želite ogledati, nato izberite naslovno vrstico brskalnika. Premaknite besedilni kazalec skrajno levo – pred URL – in vnesite pogled-vir , nato pritisnite Vnesite ali izberite pojdi .