फ़्रेम-आधारित वेबसाइटें अक्सर सामग्री के बजाय अपना फ़्रेमसेट लेआउट प्रदर्शित करती हैं।
छवि क्रेडिट: वेटकिट/आईस्टॉक/गेटी इमेजेज
वेबसाइट बनाने के लिए उपयोग किया जाने वाला अंतर्निहित HTML कोड छिपा नहीं है, लेकिन उचित टूल वाले किसी के लिए भी आसानी से उपलब्ध है। उदाहरण के लिए, वेब ब्राउज़र जैसे फ़ायरफ़ॉक्स, क्रोम, सफारी, ओपेरा और इंटरनेट एक्सप्लोरर में वेबसाइट के एचटीएमएल, सीएसएस या जावास्क्रिप्ट कोड को सीधे देखने के कई तरीके हैं। इसके अलावा, कुछ समर्पित वेब डेवलपर टूल स्थानीय डिस्क पर संग्रहीत फ़ाइल की तरह इंटरनेट से वेब पेज को लोड और खोल सकते हैं।
ब्राउज़र में स्रोत देखें
किसी वेबसाइट का HTML कोड देखने के लिए आवश्यक चरण अनिवार्य रूप से Firefox, Chrome, Safari, Opera और Internet Explorer के लिए समान हैं। वेब पेज के एक सेक्शन पर राइट-क्लिक करें जिसमें केवल टेक्स्ट हो और फिर "व्यू सोर्स" या "व्यू पेज सोर्स" विकल्प चुनें। आपके ब्राउज़र सेटअप के आधार पर, HTML कोड एक नए ब्राउज़र टैब में या एक अलग एप्लिकेशन विंडो में खुलता है।
दिन का वीडियो
स्रोत कोड को डिस्क में सहेजें
यदि आपको बाद में किसी वेबसाइट के कोड की जांच करने या संपादित करने की आवश्यकता है, तो आप पृष्ठ को अपनी हार्ड ड्राइव में सहेज सकते हैं। जब आप फ़ायरफ़ॉक्स या सफारी में किसी वेब पेज पर राइट-क्लिक करते हैं, तो आपको "पेज को इस रूप में सहेजें" का विकल्प दिया जाता है। क्रोम और ओपेरा में "इस रूप में सहेजें" विकल्प है। इंटरनेट एक्सप्लोरर का उपयोग करके वेब पेज को बचाने के लिए, "टूल्स," "फाइल" और फिर "इस रूप में सहेजें" पर क्लिक करें। वेब पेज के अलावा स्वयं, ब्राउज़र सभी छवियों, सीएसएस फाइलों और जावास्क्रिप्ट को सहेजता है जो पृष्ठ का उपयोग करता है जो स्थानीय रूप से अपने वेब पर संग्रहीत होते हैं सर्वर।
फ़ायरफ़ॉक्स, क्रोम, ओपेरा और इंटरनेट एक्सप्लोरर प्रत्येक एक डेवलपर मोड प्रदान करते हैं जो आपको एक साथ प्रदान किए गए वेब पेज और उसके एचटीएमएल, सीएसएस और जावास्क्रिप्ट कोड को देखने में सक्षम बनाता है। यदि आप वेब पर किसी तत्व पर क्लिक करते हैं, तो उसका कोड डेवलपर डिस्प्ले पैनल में दिखाई देता है। डेवलपर पैनल को विकल्प या कॉन्फ़िगरेशन टूल के माध्यम से एक्सेस किया जा सकता है। जबकि सफारी में एक मूल डेवलपर टूल नहीं है, आप एक को एक्सटेंशन के रूप में स्थापित कर सकते हैं।
वेब डेवलपर अनुप्रयोग
Dreamweaver, Kompozer और Microsoft Expressions जैसे वेबसाइट डिज़ाइन टूल आपको इसके URL का उपयोग करके एक ऑनलाइन वेब पेज खोलने में सक्षम बनाते हैं। आप HTML कोड को केवल सोर्स कोड व्यू या स्प्लिट, प्रीव्यू और सोर्स व्यू में देखते हैं। इसके अलावा, आप कोड को संपादित कर सकते हैं और वास्तविक समय में परिवर्तन देख सकते हैं। वेबसाइट के सर्वर पर संग्रहीत वास्तविक कोड कभी नहीं बदला जाता है।
जिन मुद्दों का आप सामना कर सकते हैं
जानबूझकर या अनजाने में, कुछ वेबसाइटें अपना HTML कोड आसानी से नहीं छोड़ती हैं। उदाहरण के लिए, कुछ साइटें जावास्क्रिप्ट कोड का उपयोग करती हैं, जो राइट-क्लिक को ब्लॉक करती हैं। आप अभी भी अपनी डिस्क पर पेज डाउनलोड करके या अपने ब्राउज़र में जावास्क्रिप्ट को अक्षम करके स्रोत कोड देख सकते हैं। अन्य साइटें HTML फ़्रेम या iframe का उपयोग करती हैं, जो आपको सीधे उनके स्रोत तक पहुंचने से रोकती हैं। फ़ायरफ़ॉक्स, क्रोम, सफारी और ओपेरा फ्रेम-आधारित वेबसाइटों का पता लगाते हैं और स्वचालित रूप से आपको फ्रेम के स्रोत कोड को देखने का विकल्प प्रदान करते हैं। यदि कोई वेब पेज किसी अन्य डोमेन पर संग्रहीत जावास्क्रिप्ट या सीएसएस फ़ाइल का उपयोग करता है, तो आप उस फ़ाइल का कोड सीधे देख सकते हैं आप जिस HTML कोड तक पहुंच सकते हैं, उसके URL को कॉपी करके और फिर उसे एक नए ब्राउज़र टैब के पता बार में पेस्ट कर सकते हैं।