A HTML-forrás megtekintése a Google Chrome-ban

Mit kell tudni

• Kattintson a jobb gombbal a weboldalra, és válassza ki Oldal forrásának megtekintése .
• Gyorsbillentyű: Nyomja meg Ctrl + BAN BEN (Windows PC) ill Parancs + választási lehetőség + BAN BEN (Mac).
• A Chrome fejlesztői eszközeinek használatához válassza a lehetőséget Menü (három pont) > Több eszköz > Fejlesztői eszközök .

Ez a cikk bemutatja, hogyan érheti el a webhely HTML-forráskódját a Google Chrome böngészőben, valamint hogyan érheti el és használhatja a Chrome fejlesztői eszközeit. A webhely forráskódjának megtekintése kiváló módja a kezdőknek a HTML elsajátítására.

Forráskód megtekintése a Chrome-ban

Tehát hogyan nézheti meg egy webhely forráskódját? Íme a lépésenkénti utasítások a Google Chrome böngésző használatával.

1. Nyissa meg a Google Chrome webböngésző (ha nincs Google Chrome telepítve , ez egy ingyenes letöltés).

2. Navigáljon a weboldalt, amelyet meg szeretne vizsgálni .

3. Jobb klikk az oldal és nézze meg a megjelenő menüt. Abból a menüből kattintson a gombra Oldal forrásának megtekintése .

   

4. Az oldal forráskódja most új lapként jelenik meg a böngészőben.

5. Alternatív megoldásként használhatja a következő billentyűparancsait is Ctrl + BAN BEN számítógépen, hogy megnyissa a webhely forráskódját tartalmazó ablakot. Macen ez a parancsikon az Parancs + választási lehetőség + BAN BEN .

Hilary Allison / Lifewire

hogyan lehet bezárni egy megtakarítási számla üldözését

Használja a Chrome fejlesztői eszközeit

Az egyszerű mellettOldal forrásának megtekintéseA Google Chrome által kínált lehetőségekkel kihasználhatja azok kiváló előnyeit is Fejlesztői eszközök hogy még mélyebbre ássunk egy helyszínt. Ezekkel az eszközökkel nemcsak a HTML-t, hanem a CSS-t is megtekintheti, amely az adott HTML-dokumentum elemeinek megtekintésére vonatkozik.

A Chrome fejlesztői eszközeinek használata:

1. Nyisd ki Google Chrome .

2. Navigáljon ide azt a weboldalt, amelyet meg szeretne vizsgálni .

3. Válaszd ki a hárompontos menü a böngészőablak jobb felső sarkában.

4. A menüben vigye az egérmutatót fölé Több eszköz majd válassz Fejlesztői eszközök a megjelenő menüben.

   

5. Megnyílik egy ablak, amely a HTML-forráskódot mutatja a panel bal oldalán, a kapcsolódó CSS-t pedig a jobb oldalon.

6. Alternatív megoldásként, ha jobb gombbal kattint egy elem a weboldalon és válassza ki Vizsgálja meg A megjelenő menüből a Chrome fejlesztői eszközei felugrik, és kiemelik a HTML-ben kiválasztott konkrét részt a jobb oldalon látható megfelelő CSS-szel. Nagyon hasznos, ha többet szeretne megtudni a webhely egy bizonyos részéről.

   alkalmazások frissítése a vizio smart tv-n

Legális a forráskód megtekintése?

Az évek során sok új webdizájner vetette fel a kérdést, hogy elfogadható-e egy webhely forráskódjának megtekintése és felhasználása az oktatáshoz és végső soron az általa végzett munkához. Bár egy webhely kódjának nagykereskedelmi lemásolása és sajátjaként való továbbadása egy webhelyen semmiképpen sem elfogadható, a kód használata ugródeszkaként, amelyből tanulni lehet, valójában mennyi előrelépés történt ebben az iparágban.

Amint azt a cikk elején említettük, nehéz lenne ma olyan dolgozó webes szakembert találni, aki nem tanult meg valamit egy webhely forrásának megtekintése révén! Igen, egy webhely forráskódjának megtekintése legális. Ugyancsak biztonságos a kód forrásként való felhasználása valami hasonló létrehozásához. Ha a kódot a jelenlegi állapotában veszi át, és saját munkájaként adja tovább, akkor kezdenek problémákba ütközni.

Végül a webes szakemberek tanulnak egymástól, és gyakran javítják az általuk látott és inspirált munkát, ezért ne habozzon megtekinteni egy webhely forráskódját, és tanulási eszközként használja.

Több, mint HTML

Ne feledje, hogy a forrásfájlok nagyon bonyolultak lehetnek (és minél összetettebb a megtekintett webhely, annál összetettebb a webhely kódja). Az oldalt alkotó HTML-struktúra mellett lesznek CSS-ek (lépcsőzetes stíluslapok), amelyek meghatározzák az adott webhely vizuális megjelenését. Ezenkívül manapság sok webhely tartalmaz script fájlokat a HTML-mel együtt.

Valószínűleg több script fájl is szerepel benne; valójában mindegyik a webhely más-más aspektusát erősíti. Őszintén szólva, egy webhely forráskódja elsöprőnek tűnhet, különösen akkor, ha még nem csinálja ezt. Ne keseredjen el, ha nem tudja azonnal kideríteni, mi történik az adott webhelyen. A HTML-forrás megtekintése csak az első lépés ebben a folyamatban. Egy kis tapasztalat birtokában kezdi jobban megérteni, hogy ezek a részek hogyan illeszkednek egymáshoz a böngészőben látható webhely létrehozásához. Ahogy jobban megismeri a kódot, többet tanulhat belőle, és nem tűnik olyan ijesztőnek az Ön számára.

• Hogyan szerkeszthetem a HTML-kódot a Chrome-ban?

  Nyissa meg a Fejlesztői eszközöket a Chrome-ban a gomb megnyomásával Ctrl (vagy Parancs Mac-en) + Shift + I . Innentől nyomja meg a gombot Ctrl ( Parancs Macen) + O és válassza ki a szerkeszteni kívánt mentett forrásfájlt a megnyitásához.

• Hogyan tekinthetem meg az oldal forráskódját a Chrome-ban, ha a Forrás megtekintése le van tiltva?

  Ha egy webhely letiltotta a Forrás megtekintése opciót, akkor is betekinthet a motorháztető alá. A böngészőablak tetején válassza ki a lehetőséget Kilátás > Fejlesztő > Forrás megtekintése , amelynek elő kell húznia a weboldal forráskódját.

• Hogyan tekinthetem meg egy webhely forráskódját a Chrome-ban Android-eszközömön?

  Keresse meg a megtekinteni kívánt webhelyet eszköze Chrome-alkalmazásával, majd válassza ki a böngésző címsorát. Vigye a kurzort a bal szélre – az URL elé –, és írja be Forrás megtekintése , majd nyomja meg Belép vagy válassza ki Megy .

  hogyan lehet univerzális távirányítót programozni egy tv-hez kódok nélkül