Google Chrome: Mi az az oldal forrásának megtekintése?

A Chrome és a Chromium menüben az „Oldalforrás megtekintése” felirat látható. Ez lehetővé teszi a fejlesztők és a felhasználók számára, hogy megtudják, mi történik a motorháztető alatt, amikor egy oldal betöltődik a böngészőben. Ez egy ablak a HTML, CSS és JavaScript összetettségébe, amelyek a naponta böngészett webhelyeket alkotják.

Google Chrome: Mi az az oldal forrásának megtekintése?

Az Oldal forrásának megtekintése a Chrome-ban

Az Oldalforrás megtekintése opció segít a fejlesztőknek a weboldalak boncolgatásában és hibakeresésében, a rajongóknak pedig bepillantást enged a webhelyek építőköveibe.

A forráskód megtekintése lehetővé teszi a weboldal minden összetevőjének (HTML), feldolgozási módjának (CSS) és a kódolási interakcióknak a megtekintését, amelyek mindezt egyesítik (JavaScript). Ez a részletes nézet felbecsülhetetlen a hibaelhárítás szempontjából. Elrendezési probléma van? Az oldal forrásának ellenőrzése hiányzó címkét fedezhet fel. Egy gomb nem reagál? A JavaScript szakasz tartalmazhatja a választ.

Nem módosíthatja a kódot, nem tesztelheti azt, és nem tekintheti meg a változtatások előnézetét, mint ahogyan a Vizsgálat opció (DevTools) használatakor megteheti . Mindazonáltal gyors áttekintést kínál, hogy megtalálja, amire szüksége van, akár oktatási, hibakeresési vagy kutatási célból.

Hogyan lehet elérni egy weboldal forráskódját a Chrome-ban

Kétféle módon érheti el a weboldal forráskódját a Chrome és a Chromium böngészőkben. Ezenkívül csak egy módszer működik a jobb kattintással védett oldalakon. Kezdjük el.

Az "Oldal forrásának megtekintése" menüopció használatával

Ez a lehetőség a weboldal forráskódjának áttekintésének legegyszerűbb módja, és bármely online oldalon működik.

  1. Nyissa meg a Google Chrome vagy a Chromium böngészőt, például az Edge vagy a Brave .
  2. Nyissa meg az Önt érdeklő webhelyet vagy weboldalt.
  3. Kattintson jobb gombbal egy nyitott területre, válassza az Oldalforrás megtekintése lehetőséget , vagy nyomja meg a Ctrl + U (Windows) vagy a Command + U (Mac) billentyűkombinációt.
    Google Chrome: Mi az az oldal forrásának megtekintése?
  4. A forráskód ezután egy új lapon jelenik meg, amely egy szövegszerkesztő elrendezéséhez hasonlít.

A „view-source” URL-beállítás használata

  1. Indítsa el a Google Chrome-ot vagy egy Chromium böngészőt, például az Edge-t vagy a Brave-et .
  2. Nyissa meg az Önt érdeklő webhelyet vagy weboldalt.
  3. A címsorba írja be a view-source:[a weboldal URL-je ide] , például a következőt:
    view-source:https://www.alphr.com.
    Google Chrome: Mi az az oldal forrásának megtekintése?
  4. A forráskód ezután egy új lapon jelenik meg, amely egy szövegszerkesztő elrendezéséhez hasonlít.

Tekintse meg , hogyan tekintheti meg a HTML-kódot a Chrome-ban, hogy részletesebb áttekintést kapjon a funkció más eszközökön való eléréséről.

Ne másoljon és ne használja közvetlenül az oldalforrás tartalmát

Egy webhely forráskódjának megtekintése egyszerű módja annak, hogy betekintést nyerjen annak szerkezetébe és tartalmába. Azonban nem nyújt fejlettebb információkat, például hibakeresést vagy teljesítményelemzést. Ezenkívül előfordulhat, hogy a JavaScript által generált dinamikus tartalom nem látható a forráskódban.

Fontos megjegyezni, hogy minden webhely egyedi, és ami az egyiknél működik, az nem biztos, hogy a másiknál ​​működik. Ezenkívül előfordulhat, hogy rosszul optimalizált webhelyekkel találkozhat, amelyek példaként szolgálnak arra, hogy mit ne tegyen.

GYIK

K: Biztonságos a HTML-, CSS- és Java-kód módosítása az Inspect opcióban?

V: Bármit megtehet ellenőrzési módban a Chrome-ban vagy egy Chromium böngészőben. Semmilyen módon nem változtatja meg a weboldalt. Csak a bal oldali oldal előnézetét szerkeszti valós időben.

K: A „Forráskód megtekintése” opció nem időpocsékolás?

V: Nem, a forráskód megtekintése lehetővé teszi a fejlesztők számára, hogy a meglévő HTML-, CSS- és Java-utasításokra pillantsanak, hogy egyszerű problémákat vagy silány kódolást találjanak, ahelyett, hogy egy fejlesztőeszközben kotorásznának. Ez egy gyors megtekintési lehetőség, csakúgy, mint a számítógépes fájlok gyors előnézeti funkciója, ahol nem nyit meg más programokat. Ezenkívül az emberek kódrészleteket másolhatnak, és beilleszthetik őket egy webhelyfejlesztő eszközbe.

Hagyj kommentárt

Nespresso Vertuo kávéfőző tisztítása: biztonságos, 4 lépéses rutin

Nespresso Vertuo kávéfőző tisztítása: biztonságos, 4 lépéses rutin

Tisztítsa meg Nespresso Vertuo kávéfőzőjét biztonságosan vízzel öblíthető ciklussal, a kivehető alkatrészek mosásával, modellellenőrzéssel és a vízkőtelenítés szükségességére utaló egyértelmű jelzésekkel.

Hogyan tisztítsunk hajkefét tetvek után: Biztonságos, gyakorlati útmutató

Hogyan tisztítsunk hajkefét tetvek után: Biztonságos, gyakorlati útmutató

Tanulja meg, hogyan kell tisztítani a hajkefét fejtetű után a CDC útmutatásai alapján, beleértve a 55°C-os forró vizes áztatást, azt, hogy mit kell kerülni, és mikor van értelme a cserének.

Az Epson nyomtatófej biztonságos tisztítása: Kezdje a beépített tisztítóeszközökkel

Az Epson nyomtatófej biztonságos tisztítása: Kezdje a beépített tisztítóeszközökkel

Tisztítsa meg biztonságosan az Epson nyomtatófejet fúvókaellenőrzéssel, fejtisztítással és modell által jóváhagyott Power Cleaning funkcióval – a nyomtató kinyitása vagy a fúvókák megérintése nélkül.

Hogyan tisztítsuk a redőnyöket a fürdőkádban: Biztonságos módszerek anyagonként

Hogyan tisztítsuk a redőnyöket a fürdőkádban: Biztonságos módszerek anyagonként

Tudja meg, mikor biztonságos a kádtisztítás a redőnyökhöz, mely anyagoknak kell szárazon maradniuk, és hogyan kell mosni a kompatibilis redőnyöket a felső korlát károsítása nélkül.

Hogyan fertőtlenítsünk biztonságosan egy hajkefét: Gyakorlati útmutató lépésről lépésre

Hogyan fertőtlenítsünk biztonságosan egy hajkefét: Gyakorlati útmutató lépésről lépésre

Tanulja meg, hogyan kell biztonságosan tisztítani és fertőtleníteni a hajkefét, hogyan kell kiválasztani a megfelelő módszert a kefe típusa szerint, és hogyan kell kezelni a fejtetveket vagy a ótvart a kefe károsítása nélkül.

Hogyan szedjük le a dezodort egy fekete ingről anélkül, hogy kifakulna?

Hogyan szedjük le a dezodort egy fekete ingről anélkül, hogy kifakulna?

Távolítsd el a friss fehér dezodorfoltokat és a makacs hónaljlerakódásokat egy fekete ingről anyagbarát lépésekkel, valamint megtudhatod, mit kerülj el, és hogyan előzd meg az új foltok kialakulását.

Hogyan távolítsuk el a rágógumit a ruhákból: egy praktikus, szövetbarát módszer

Hogyan távolítsuk el a rágógumit a ruhákból: egy praktikus, szövetbarát módszer

Tanuld meg, hogyan szedd ki a rágógumit a ruhákból jéggel, gyengéd kaparással, mosószeres előkezeléssel és a címkén feltüntetett mosási útmutatóval, valamint azt is, hogy mikor kell abbahagyni.

Hogyan mossunk plüssállatokat a mosógépben anélkül, hogy tönkretennénk őket

Hogyan mossunk plüssállatokat a mosógépben anélkül, hogy tönkretennénk őket

Ismerd meg, mikor mosható mosógépben egy plüssállat, hogyan védd meg a mosógépben, milyen beállításokat használj, hogyan szárítsd, és hogyan ellenőrizd az eredményt.

Hogyan távolítsuk el a ragasztót a ruhákról anélkül, hogy károsítanánk az anyagot

Hogyan távolítsuk el a ragasztót a ruhákról anélkül, hogy károsítanánk az anyagot

Tanuld meg, hogyan távolíthatod el biztonságosan a ragasztót a ruhákról, beleértve az iskolai ragasztót, a pillanatragasztót, a forró ragasztót és a textilragasztót, egy gyors, textilbarát referenciaútmutató segítségével.

How Do You Clean the Inside of a Purse? A Material-Safe Step-by-Step Guide

How Do You Clean the Inside of a Purse? A Material-Safe Step-by-Step Guide

Learn how to clean the inside of a purse without damaging the lining, with practical steps for fabric, leather, suede, nylon, spills, crumbs, odors, and delicate bags.