Hogyan lehet megtekinteni egy webhely HTML-kódját?
A webhely létrehozásához használt mögöttes HTML-kód nem rejtett, hanem bárki számára könnyen elérhető a megfelelő eszközökkel. Például az olyan webböngészők, mint a Firefox, a Chrome, a Safari, az Opera és az Internet Explorer, többféle módon is megtekinthetik a webhely HTML-, CSS- vagy JavaScript-kódját. Ezenkívül néhány dedikált webfejlesztő eszköz képes betölteni és megnyitni egy weboldalt az internetről, mint egy helyi lemezen tárolt fájlt.
Forrás megtekintése a böngészőben
A webhely HTML-kódjának megtekintéséhez szükséges lépések lényegében megegyeznek a Firefox, a Chrome, a Safari, az Opera és az Internet Explorer esetében. Kattintson a jobb gombbal a weboldal egy olyan részére, amely csak szöveget tartalmaz, majd válassza a "Forrás megtekintése" vagy az "Oldal forrásának megtekintése" lehetőséget. A böngésző beállításától függően a HTML-kód egy új böngészőlapon vagy egy külön alkalmazásablakban nyílik meg.
Forráskód mentése lemezre
Ha később meg kell vizsgálnia vagy szerkesztenie kell egy webhely kódját, mentheti az oldalt a merevlemezére. Ha jobb gombbal kattint egy weboldalra a Firefox vagy a Safari böngészőben, megjelenik az „Oldal mentése másként” lehetőség. A Chrome és az Opera rendelkezik a „Mentés másként” opcióval. Weboldal Internet Explorer használatával történő mentéséhez kattintson az "Eszközök", "Fájl", majd a "Mentés másként" elemre. Magán a weboldalon kívül a böngésző elmenti az oldal által használt összes képet, CSS-fájlt és JavaScriptet, amelyeket helyileg a webszerverén tárol.
Beépített böngésző fejlesztői eszközök
A Firefox, a Chrome, az Opera és az Internet Explorer mindegyike rendelkezik fejlesztői móddal, amely lehetővé teszi egy megjelenített weboldal és annak HTML-, CSS- és JavaScript-kódjának egyidejű megtekintését. Ha rákattint egy elemre a weben, annak kódja megjelenik a fejlesztői kijelzőpanelen. A fejlesztői panel a beállításokon vagy a konfigurációs eszközön keresztül érhető el. Bár a Safari nem rendelkezik natív fejlesztői eszközzel, bővítményként telepíthet egyet.
Webfejlesztői alkalmazások
A webhelytervező eszközök, például a Dreamweaver, a Kompozer és a Microsoft Expressions lehetővé teszik, hogy online weboldalt nyisson meg annak URL-címével. A HTML-kódot csak forráskódot tartalmazó nézetben vagy felosztott, előnézeti és forrásnézetben tekintheti meg. Ezenkívül szerkesztheti a kódot, és valós időben tekintheti meg a változásokat. A webhely szerverén tárolt tényleges kód soha nem változik.
Problémák, amelyekkel találkozhat
Akarva-akaratlanul egyes webhelyek nem adják fel könnyen HTML-kódjukat. Egyes webhelyek például JavaScript-kódot használnak, amely blokkolja a jobb gombbal történő kattintásokat. Továbbra is megtekintheti a forráskódot, ha letölti az oldalt a lemezére, vagy letiltja a JavaScriptet a böngészőben. Más webhelyek HTML-kereteket vagy iframe-eket használnak, amelyek megakadályozzák, hogy közvetlenül hozzáférjen a forráshoz. A Firefox, a Chrome, a Safari és az Opera felismeri a keretalapú webhelyeket, és automatikusan lehetőséget kínál a keret forráskódjának megtekintésére. Ha egy weboldal egy másik tartományban tárolt JavaScript- vagy CSS-fájlt használ, akkor közvetlenül megtekintheti a fájl kódját, ha kimásolja az URL-címét az elérhető HTML-kódból, majd beilleszti egy új böngészőlap címsorába.