वेब पेज के सोर्स कोड को देखते समय, यह महत्वपूर्ण है कि आप इस बात को ध्यान में रखें कि सर्वर द्वारा संसाधित नहीं की गई जानकारी और कोड दिखाई नहीं देंगे। उदाहरण के लिए, लगभग सभी इंटरनेट सर्च इंजन एक सर्वर पर जानकारी संसाधित करते हैं, और फिर एक वेब पेज पर परिणाम प्रदर्शित करते हैं। दूसरे शब्दों में, आप परिणाम पृष्ठ बनाने वाले कोड को देख सकते हैं, लेकिन आप खोज इंजन के स्रोत कोड को नहीं देख सकते।
यह नियम सभी सर्वर-साइड स्क्रिप्ट, SSI और प्रोग्रामिंग कोड पर लागू होता है। इसलिए, खोज इंजन, फ़ोरम, पोल, चैट, वगैरह जैसी सुविधाएँ, अपना कोड प्रदर्शित नहीं करेंगी। स्रोत कोड से जानकारी की प्रतिलिपि बनाने से त्रुटियां हो सकती हैं या आपको उस पृष्ठ पर वापस निर्देशित किया जा सकता है, जहां से आपने जानकारी कॉपी की थी।
Microsoft एज उपयोगकर्ता
Microsoft एज में वेब पेज के सोर्स कोड को देखने के लिए, नीचे दिए गए चरणों का पालन करें।
- अपने कंप्यूटर के कीबोर्ड पर Ctrl + U या F12 दबाएं।
- राइट विंडो में सबसे ऊपर एलिमेंट्स टैब चुनें।
या
या
- Microsoft Edge खोलें और अपनी पसंद के वेब पेज पर जाएँ।
- और क्लिक करें
- दिखाई देने वाले ड्रॉप-डाउन मेनू से डेवलपर टूल का चयन करें।
- राइट विंडो में सबसे ऊपर एलिमेंट्स टैब चुनें।
युक्ति: Microsoft एज में, DOM टूल सोर्स कोड और CSS सेटिंग्स के साथ इंटरेक्शन भी प्रदान करता है, जिससे उपयोगकर्ता यह देख सकते हैं कि कोड में परिवर्तन वेब पेज को तुरंत कैसे प्रभावित करते हैं।
Microsoft इंटरनेट एक्सप्लोरर उपयोगकर्ता
Microsoft इंटरनेट एक्सप्लोरर में एक वेब पेज के स्रोत कोड को देखने के लिए, नीचे दिए गए चरणों का पालन करें।
- अपने कंप्यूटर के कीबोर्ड पर Ctrl + U या F12 दबाएं।
- नए मेनू के शीर्ष पर डीबगर टैब पर क्लिक करें।
या
या
- इंटरनेट एक्सप्लोरर खोलें और अपनी पसंद के वेब पेज पर जाएं।
- ब्राउज़र के मेनू बार को ऊपर लाने के लिए Alt कुंजी दबाएँ।
- देखें और फिर दिखाई देने वाले ड्रॉप-डाउन मेनू से स्रोत का चयन करें।
- नए मेनू के शीर्ष पर डीबगर टैब पर क्लिक करें।
युक्ति: इंटरनेट एक्सप्लोरर के नवीनतम संस्करणों के साथ, F12 कुंजी दबाने से DOM टूल आता है। यह उपकरण स्रोत कोड और सीएसएस सेटिंग्स के साथ बहुत अधिक इंटरैक्शन प्रदान करता है, जिससे उपयोगकर्ता यह देख सकते हैं कि कोड में परिवर्तन तुरंत वेब पेज को कैसे प्रभावित करते हैं।
मोज़िला फ़ायरफ़ॉक्स और नेटस्केप उपयोगकर्ता
मोज़िला फ़ायरफ़ॉक्स में एक वेब पेज के स्रोत कोड को देखने के लिए, नीचे दिए गए चरणों का पालन करें।
- अपने कंप्यूटर के कीबोर्ड पर Ctrl + U दबाएं।
या
या
- मोज़िला फ़ायरफ़ॉक्स खोलें और अपनी पसंद के वेब पेज पर जाएँ।
- ब्राउज़र के मेनू बार को ऊपर लाने के लिए Alt कुंजी दबाएँ।
- उपकरण, वेब डेवलपर और फिर पृष्ठ स्रोत का चयन करें।
युक्ति: फ़ायरफ़ॉक्स के नवीनतम संस्करणों के साथ, F12 कुंजी या Ctrl + Shift + I दबाने से इंटरैक्टिव डेवलपर टूल आता है। यह उपकरण स्रोत कोड और सीएसएस सेटिंग्स के साथ बहुत अधिक इंटरैक्शन प्रदान करता है, जिससे उपयोगकर्ता यह देख सकते हैं कि कोड में परिवर्तन तुरंत वेब पेज को कैसे प्रभावित करते हैं।
पृष्ठ के स्रोत कोड का एक भाग देखें
- किसी वेब पेज के उस हिस्से को हाइलाइट करें जिसके लिए आप स्रोत कोड देखना चाहते हैं।
- उस हाइलाइट किए गए अनुभाग पर राइट-क्लिक करें, और उसके बाद चयन स्रोत देखें पर क्लिक करें।
युक्ति: फायरबग ऐड-ऑन का उपयोग न केवल किसी पृष्ठ के स्रोत कोड को देखने के लिए करें, बल्कि उन परिवर्तनों को ब्राउज़र के माध्यम से लाइव देखें और देखें।
Google Chrome उपयोगकर्ता
Google Chrome में किसी वेब पेज का सोर्स कोड देखने के लिए, नीचे दिए गए चरणों का पालन करें।
- अपने कंप्यूटर के कीबोर्ड पर Ctrl + U दबाएं।
या
या
- Chrome खोलें और अपनी पसंद का वेब पेज नेविगेट करें।
- Google Chrome को कस्टमाइज़ और नियंत्रित करें पर क्लिक करें
- दिखाई देने वाले ड्रॉप-डाउन मेनू से, अधिक टूल और फिर डेवलपर टूल चुनें ।
- दिखाई देने वाले नए अनुभाग के शीर्ष पर मौजूद तत्व टैब पर क्लिक करें।
युक्ति: Chrome के नवीनतम संस्करणों के साथ, F12 कुंजी या Ctrl + Shift + I दबाने से इंटरैक्टिव डेवलपर टूल भी आता है। यह उपकरण स्रोत कोड और सीएसएस सेटिंग्स के साथ बहुत अधिक इंटरैक्शन प्रदान करता है, जिससे उपयोगकर्ता यह देख सकते हैं कि कोड में परिवर्तन तुरंत वेब पेज को कैसे प्रभावित करते हैं।
Apple सफारी उपयोगकर्ता
Apple सफारी में एक वेब पेज के स्रोत कोड को देखने के लिए, नीचे दिए गए चरणों का पालन करें।
- अपने कीबोर्ड पर कमांड + विकल्प + यू दबाएं।
या
या
- सफारी ब्राउज़र खोलें और अपनी पसंद के वेब पेज पर नेविगेट करें।
- विकास मेनू का चयन करें।
- शो पेज सोर्स विकल्प चुनें।
ओपेरा उपयोगकर्ता
ओपेरा में एक वेब पेज के स्रोत कोड को देखने के लिए, नीचे दिए गए चरणों का पालन करें।
- अपने कीबोर्ड पर Ctrl + U दबाएं।
या
या
- ओपेरा खोलें और अपनी पसंद के वेब पेज पर नेविगेट करें।
- मेनू बटन पर क्लिक करें
- डेवलपर उप-मेनू में, पृष्ठ स्रोत चुनें ।
युक्ति: यदि आप डेवलपर उप-मेनू नहीं देखते हैं, तो अधिक उपकरण चुनें → डेवलपर मेनू दिखाएं । फिर, मेनू बटन पर क्लिक करें
युक्ति: ओपेरा के नवीनतम संस्करणों के साथ, शॉर्टकट संयोजन Ctrl + Shift + I दबाने से इंटरैक्टिव डेवलपर टूल आता है। यह उपकरण स्रोत कोड और सीएसएस सेटिंग्स के साथ बहुत अधिक इंटरैक्शन प्रदान करता है, जिससे उपयोगकर्ता यह देख सकते हैं कि कोड में परिवर्तन तुरंत वेब पेज को कैसे प्रभावित करते हैं।
Android फ़ोन Chrome चला रहा है
- अपने फ़ोन पर Google Chrome इंटरनेट ब्राउज़र खोलें।
- वह वेब पेज खोलें जिसका सोर्स कोड आप देखना चाहते हैं।
- एड्रेस बार में एक बार टैप करें और फिर कर्सर को URL के सामने ले जाएं।
- व्यू-सोर्स टाइप करें : और एंटर या गो दबाएं।
युक्ति: उदाहरण के लिए, हमारे होमपेज के लिए कोड देखने के लिए, आप view-source टाइप करेंगे : //www.computerhope.com
सोर्स कोड पेज या टूल को कैसे बंद करें
एक बार जब आप वेब पेज पर स्रोत कोड देख रहे होते हैं, तो आप इसे बाहर निकालना या बंद करना चाह सकते हैं। स्रोत कोड बंद करना उस विधि पर निर्भर करता है जिसे आपने इसे खोलने के लिए उपयोग किया है।
- यदि आपने Ctrl + U विधि (एज को छोड़कर) या राइट-क्लिक विधि का उपयोग किया है, तो अपने ब्राउज़र विंडो के शीर्ष पर खुलने वाले नए टैब को बंद करें ।
- यदि आपने डेवलपर विधि (F12 या Ctrl + Shift + I दबाकर) का उपयोग किया है, तो क्लिक करें
