क्या आप सीखना चाहते हैं Chrome में किसी पृष्ठ का स्रोत कोड देखें? यदि आप एक वेब डेवलपर हैं या बस इस बारे में उत्सुक हैं कि जिन साइटों पर आप जाते हैं वे कैसे बनाई जाती हैं, तो यह लेख आपको चरण दर चरण दिखाएगा कि क्रोम ब्राउज़र का उपयोग करके किसी भी वेब पेज के स्रोत कोड तक कैसे पहुंचें। चाहे आपको किसी पृष्ठ के HTML, CSS, JavaScript, या अन्य संसाधनों का निरीक्षण करने की आवश्यकता हो, Chrome अंतर्निहित टूल प्रदान करता है जो आपको किसी भी वेबसाइट की आंतरिक कार्यप्रणाली का पता लगाने और समझने देता है। तो क्रोम में स्रोत कोड की खोज में विशेषज्ञ बनने के लिए इस त्वरित और आसान मार्गदर्शिका को न चूकें।
- कदम दर कदम ➡️ क्रोम में किसी पेज का सोर्स कोड देखें
यहां हम आपको दिखाते हैं कि क्रोम में किसी पेज के सोर्स कोड को आसान तरीके से कैसे देखा जाए।
Chrome में किसी पृष्ठ का स्रोत कोड देखें.
-
चरण 1: अपने कंप्यूटर पर Google Chrome खोलें.
- चरण 2: उस वेब पेज पर जाएँ जिसका स्रोत कोड आप देखना चाहते हैं।
- चरण 3: पृष्ठ पर कहीं भी राइट क्लिक करें और दिखाई देने वाले मेनू में "निरीक्षण करें" चुनें।
-
चरण 4: स्क्रीन के नीचे या किनारे पर एक टूल विंडो खुलेगी। इस विंडो में, "स्रोत" टैब का चयन करें।
-
चरण 5: स्रोत टैब के भीतर, आपको वेबसाइट का स्रोत कोड दिखाई देगा। आप HTML, CSS, JavaScript और पेज बनाने वाली अन्य फ़ाइलों को देखने के लिए इसके माध्यम से ब्राउज़ कर सकते हैं।
क्यू एंड ए
अक्सर पूछे जाने वाले प्रश्न - Chrome में किसी पृष्ठ का स्रोत कोड देखें
मैं Chrome में किसी पृष्ठ का स्रोत कोड कैसे देख सकता हूँ?
- अपने कंप्यूटर पर Google Chrome खोलें.
- उस वेबसाइट पर जाएँ जिसका सोर्स कोड आप देखना चाहते हैं।
- पेज पर कहीं भी राइट क्लिक करें।
- "स्रोत कोड देखें" चुनें या कीबोर्ड पर Ctrl+U दबाएँ।
क्रोम में स्रोत कोड का निरीक्षण करने के लिए मैं किन उपकरणों का उपयोग कर सकता हूं?
- एक बार जब आप पृष्ठ स्रोत कोड खोल लेते हैं, तो आप क्रोम के "एलिमेंट्स" या "इंस्पेक्टर" टूल का उपयोग कर सकते हैं।
- यह टूल आपको वास्तविक समय में पेज के HTML, CSS और JavaScript कोड को देखने और संशोधित करने की अनुमति देगा।
मैं Chrome में "एलिमेंट्स" टूल का उपयोग किस लिए कर सकता हूं?
- "एलिमेंट्स" टूल आपको पेज की संरचना के साथ-साथ तत्वों पर लागू शैलियों का निरीक्षण और संपादन करने की अनुमति देता है।
- यह टूल उन वेब डेवलपर्स के लिए उपयोगी है जिन्हें किसी पेज के कोड को डीबग या संशोधित करने की आवश्यकता होती है।
मैं Chrome में स्रोत कोड के विशिष्ट भाग की खोज कैसे कर सकता हूं?
- एक बार जब आप पृष्ठ का स्रोत कोड खोल लें, तो आप कीबोर्ड पर Ctrl+F दबा सकते हैं।
- एक खोज बार खुलेगा जहां आप वह शब्द या वाक्यांश दर्ज कर सकते हैं जिसे आप कोड में ढूंढना चाहते हैं।
क्या मैं Chrome से किसी पृष्ठ का स्रोत कोड सहेज सकता हूँ?
- हां, आप कोड विंडो में राइट-क्लिक करके और "इस रूप में सहेजें..." का चयन करके या Ctrl+S का उपयोग करके किसी पृष्ठ के स्रोत कोड को सहेज सकते हैं।
- यह आपको भविष्य में संदर्भ या संशोधन के लिए HTML कोड को अपने कंप्यूटर पर सहेजने की अनुमति देगा।
मैं कैसे बता सकता हूं कि कोई पेज कुछ स्क्रिप्ट या लाइब्रेरी का उपयोग करता है?
- क्रोम के "एलिमेंट्स" या "इंस्पेक्टर" टूल का उपयोग करके, आप उन स्क्रिप्ट्स या लाइब्रेरीज़ के नाम खोज सकते हैं जिनमें पेज के सोर्स कोड में आपकी रुचि है।
- इसके अलावा, आप अपलोड की गई बाहरी फ़ाइलों की पहचान करने के लिए पृष्ठ द्वारा किए गए नेटवर्क अनुरोध भी देख सकते हैं।
क्या मैं Chrome से किसी पृष्ठ के स्रोत को संशोधित कर सकता हूँ?
- हाँ, आप Chrome के "एलिमेंट्स" या "इंस्पेक्टर" टूल का उपयोग करके किसी पेज के HTML, CSS और JavaScript कोड को संशोधित कर सकते हैं।
- यह याद रखना महत्वपूर्ण है कि इस तरह से किए गए परिवर्तन केवल आपके ब्राउज़र में पृष्ठ के प्रदर्शन को प्रभावित करेंगे, सर्वर पर मूल संस्करण को नहीं।
क्या Chrome में किसी पृष्ठ का स्रोत कोड देखना कानूनी है?
- हां, क्रोम में किसी पृष्ठ का स्रोत कोड देखना कानूनी है, क्योंकि यह ब्राउज़र के माध्यम से सार्वजनिक रूप से पहुंच योग्य है।
- कोड का उपयोग या संशोधन करते समय कॉपीराइट और साइट उपयोग नीतियों का सम्मान करना महत्वपूर्ण है।
क्या मैं क्रोम के साथ मोबाइल उपकरणों पर स्रोत कोड का निरीक्षण कर सकता हूं?
- हाँ, आप Chrome का उपयोग करके मोबाइल उपकरणों पर किसी पृष्ठ के स्रोत कोड का निरीक्षण कर सकते हैं।
- ऐसा करने के लिए, डिवाइस पर पेज खोलें, फिर विकल्प बटन पर टैप करें और यदि डिवाइस कंप्यूटर से जुड़ा है तो "निरीक्षण करें" या "निरीक्षण करें" चुनें।
मैं Chrome के एलिमेंट्स टूल का प्रभावी ढंग से उपयोग करना कैसे सीख सकता हूं?
- Chrome के एलिमेंट्स टूल का प्रभावी ढंग से उपयोग करने का तरीका जानने के लिए आप ऑनलाइन ट्यूटोरियल और गाइड खोज सकते हैं।
- इसके अलावा, विभिन्न वेब पेजों के स्रोत कोड के साथ प्रयोग करने से आपको उनके संचालन और उपयोगिता को बेहतर ढंग से समझने में मदद मिलेगी।
मैं सेबस्टियन विडाल हूं, एक कंप्यूटर इंजीनियर हूं जो प्रौद्योगिकी और DIY का शौकीन हूं। इसके अलावा, मैं इसका निर्माता हूं tecnobits.com, जहां मैं प्रौद्योगिकी को सभी के लिए अधिक सुलभ और समझने योग्य बनाने के लिए ट्यूटोरियल साझा करता हूं।