A keret alapú webhelyek gyakran a keretkészlet elrendezését jelenítik meg, nem pedig a tartalmat.
Kép jóváírása: vetkit/iStock/Getty Images
A webhely létrehozásához használt mögöttes HTML-kód nem rejtett, hanem a megfelelő eszközökkel bárki számára könnyen elérhető. 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 ugyanazok a Firefox, Chrome, Safari, Opera és Internet Explorer böngészőkben. Kattintson a jobb gombbal a weboldal azon 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.
A nap videója
Mentse a forráskódot lemezre
Ha később meg kell vizsgálnia vagy módosítania kell egy webhely kódját, mentheti az oldalt a merevlemezére. Ha jobb gombbal kattint egy weboldalra Firefoxban vagy Safariban, 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 mentéséhez az Internet Explorer használatával kattintson az „Eszközök”, „Fájl”, majd a „Mentés másként” elemre. A weblapon kívül a böngésző elmenti az oldal által használt összes képet, CSS-fájlt és JavaScript-fájlt, amelyek helyileg a weben tárolódnak. szerver.
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ásukhoz. 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, a fájl kódját közvetlenül megtekintheti 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.
