तपाईले पढ्नु भएको वेब पृष्ठबाट बनाइन्छ, अन्य चीजहरू बीच, स्रोत कोड। त्यो जानकारी तपाईंको वेब ब्राउजरले तपाइँलाई पढ्नु भएकोमा अब डाउनलोड गर्दछ र अनुवाद गर्दछ।
धेरै वेब ब्राउजरले वेब पेजको स्रोत कोड हेर्न सक्ने क्षमता प्रदान गर्दछ जुन अतिरिक्त सफ्टवेयरको आवश्यक पर्दैन, तपाइँसँग कुन प्रकारका उपकरणहरू छन्।
केहि उन्नत कार्यात्मकता र संरचना पनि प्रस्तुत गर्दछ, यो HTML र पेजमा अन्य प्रोग्रामिङ कोड सजिलो बनाउन सजिलो बनाउछ।
तपाईं किन स्रोत कोड हेर्न चाहानुहुन्छ?
तपाईं पृष्ठको स्रोत कोड हेर्न चाहानुहुने थुप्रै कारणहरू छन्। यदि तपाईं एक वेब विकासकर्ता हुनुहुन्छ भने, तपाईले अर्को प्रोग्रामरको विशेष शैली वा कार्यान्वयनमा आवरण अन्तर्गत पिक लगाउनुहुन्छ। सायद तपाईं गुणस्तर आश्वासनमा हुनुहुन्छ र वेब पेज को एक निश्चित भाग किन यो बाटो को प्रतिपादन वा व्यवहार गर्दै जान्छ भनेर पत्ता लगाउन प्रयास गर्दै हुनुहुन्छ।
तपाईं एक शुरुवात पनि आफ्नो पृष्ठहरू कोड कसरी गर्ने र केही वास्तविक संसार उदाहरणहरू खोज्दै जान्न प्रयास गर्न सक्थे। निस्सन्देह, यो सम्भव छ कि तपाईं यिनी कोटिहरु मध्ये कुनै गिरिनुहुन्न र केवल सरासर जिज्ञासा बाहिर स्रोत हेर्न चाहानुहुन्छ।
तल सूचीबद्ध तपाईको ब्राउजरमा स्रोत कोड कसरी हेर्ने निर्देशनहरू छन्।
गुगल क्रोम
चालू: क्रोम ओएस, लिनक्स, macOS, विन्डोज
क्रोमको डेस्कटप संस्करणले पृष्ठको स्रोत कोड हेर्नको लागि तीन फरक तरिकाहरू प्रदान गर्दछ, निम्न कुञ्जीपाटी सर्टकट प्रयोग गरेर पहिलो र सबैभन्दा सरल: MacRL मा CTRL + U ( COMMAND + OPTION + U )।
थिचिएको बेला, यो सर्टकटले नयाँ पृष्ठ ब्राउजर ट्याबले HTML र सक्रिय पृष्ठको लागि अन्य कोड प्रदर्शन गर्दछ। यो स्रोत रङ-कोडित र एक तरिकामा संरचित हो जसले यसलाई कम्पाइबललाइज गर्न र तपाइँ के खोज्दै हुनुहुन्छ भन्ने पत्ता लगाउँदछ। तपाइँ त्यहाँ त्यहाँ क्रोमको ठेगाना पट्टीमा निम्न पाठ प्रविष्ट गरेर प्राप्त गर्न सक्नुहुन्छ, वेब पृष्ठको URL को बाँया-दाँया पक्षमा जोडिएको र इन्टर कुञ्जी छोडेर: हेर्न स्रोत: (जस्तै, स्रोत: https: // www ।)।
तेस्रो तरिका क्रोमको विकासकर्ता उपकरणहरू मार्फत छ, जसले तपाईंलाई पृष्ठको कोडमा गहिरो गोवा लगाउन सहयोग गर्दछ र परीक्षण र विकास उद्देश्यका लागि यो-द-फ्लाई ट्वीक दिन्छ। विकासकर्ता उपकरण इन्टरफेस खोल्न सकिन्छ र यो कीबोर्ड सर्टकट प्रयोग गरेर बन्द गर्न सकिन्छ: CTRL + SHIFT + I ( COMOS + OPTION + I macOS मा)। तपाईले निम्न मार्ग लिएर तिनीहरूलाई पनि सुरू गर्न सक्नुहुनेछ।
- क्रोमको मुख्य मेनु बटनमा क्लिक गर्नुहोस्, माथिल्लो दाहिने कुनामा स्थित र तीन ठाडो रूपमा डटहरू द्वारा प्रतिनिधित्व गरिएको।
- जब ड्रप-डाउन मेनु देखा पर्दछ, आफ्नो माउस कर्सर लाई थप उपकरण विकल्प मार्फत होभर गर्नुहोस्।
- जब उप-मेन देखिन्छ, विकासकर्ता उपकरणमा क्लिक गर्नुहोस्।
एन्ड्रोइड
एन्ड्रोइडका लागि क्रोममा वेब पेजको स्रोत हेर्दै यो पाठ (यसको ठेगानामा) वा ठेगाना पेश गर्नुको लागी निम्न पाठ को लागी सरल छ र हेर्नुहोस् : अवलोकन-स्रोत :। यसको एउटा उदाहरण अवलोकन हुनेछ - स्रोत: https: // www। । एचटीएमएल र प्रश्नको पृष्ठबाट अर्को कोड तुरुन्त सक्रिय विन्डोमा प्रदर्शन गरिनेछ।
आईओएस
जबकि तपाईंको आईप्याड, आइफोन वा आइपड टचमा क्रोम प्रयोग गरी स्रोत कोड हेर्नको लागी कुनै पनि आस्था विधिहरू छैनन्, हेर्न स्रोत एप जस्तै तेस्रो पक्ष समाधान प्रयोग गर्न सरल र प्रभावकारी छ।
App Store मा $ 0.99 को लागि उपलब्ध, स्रोत हेर्नुहोस् तपाईंलाई पृष्ठको यूआरएल प्रविष्ट गर्नुहोस् (वा क्रोमको ठेगाना पट्टी बाट प्रतिलिपि / टाँस्नुहोस्, जुन कहिलेकाहीं सरल लाग्ने हुन्छ) र यो हो। एचटीएमएल र अन्य स्रोत कोड देखाउने को लागी, एपसँग ट्याबहरू छन् जुन व्यक्तिगत पृष्ठ सम्पत्तिहरू, कागजात वस्तु मोडेल (DOM), साथसाथै पृष्ठ आकार, कुकीजहरू र अन्य रोचक विवरणहरू प्रदर्शन गर्दछ।
माइक्रोसफ्ट एज
चालू: विन्डोज
एज ब्राउजरले तपाईंलाई यसको विकासकर्ता उपकरण इन्टरफेस मार्फत हालको पृष्ठको स्रोत कोड हेरेर, विश्लेषण गर्न र हेरफेर गर्न दिन्छ। यो सजिलो उपकरणको पहुँच गर्न तपाईं यी कुञ्जीपाटी सर्टकटहरू मध्ये एक प्रयोग गर्न सक्नुहुनेछ: F12 वा CTRL + U। यदि तपाई सट्टामा माउस चाहानुहुन्छ भने, किनाराको मेनु बटनमा क्लिक गर्नुहोस् (माथिल्लो दाहिने कुनामा स्थित तीनवटा बिटहरू) र सूचीबाट F12 विकासकर्ता उपकरण विकल्प छनौट गर्नुहोस्।
डेभ उपकरणहरू पहिलो पटक चलाउन पछि ब्राउजरको सन्दर्भ मेनुमा दुई थप विकल्पहरू थप्छ (वेब पृष्ठ भित्र कहीं पनि दाहिने क्लिक गरेर पहुँचयोग्य): तत्व निरीक्षण गर्नुहोस् र स्रोत हेर्नुहोस् , पछि जो दिभको डिबगर भाग खोल्छ उपकरण इन्टरफेस स्रोत कोडसँग आबद्ध।
मोजिल्ला फायरफक्स
चालू: Linux, macOS, विन्डोज
फायरफक्सको डेस्कटप संस्करणमा पृष्ठको स्रोत कोड हेर्न तपाईं आफ्नो कुञ्जीपाटीमा CTRL + U ( COMOS + U मा COMOS + U थिच्नुहोस्) थिच्नुहुन्छ, जुन नयाँ ट्याब खोल्ने हो भने एचटीएमएल र सक्रिय वेब पृष्ठको अन्य कोड।
फायरफक्सको ठेगाना पट्टीमा निम्न पाठ टाइप गर्दै, सिधा पृष्ठको यूआरएलको बायाँतिर, हालको ट्याबमा देखाउनको लागि सोही स्रोतको कारण यसको बदल्नेछ: दृश्य-स्रोत: (जस्तै, हेर्नुहोस्-स्रोत: https: // www।) ।
पृष्ठको स्रोत कोड पहुँच गर्न अर्को तरिका फायरफक्सको विकासकर्ता उपकरणहरू मार्फत छ, निम्न चरणहरू लिनु पर्ने पहुँच योग्य छ।
- मुख्य मेनु बटनमा क्लिक गर्नुहोस्, तपाईंको ब्राउजर विन्डोको माथिल्लो दाँया-हाने कुनामा अवस्थित र तीन तेर्सो रेखाहरूद्वारा प्रतिनिधित्व गर्दछ।
- जब पप-आउट मेनु देखा पर्दछ, विकासक "रिंच" प्रतिमामा क्लिक गर्नुहोस्।
- वेब विकासकर्ता सन्दर्भ मेनु अब देखिने छ। पृष्ठ स्रोत विकल्प चयन गर्नुहोस्।
फायरफक्सले तपाईंलाई पृष्ठको एक विशेष भागको लागि स्रोत कोड हेर्न दिन्छ, समस्याहरूलाई अलग गर्न सजिलो बनाउँछ। यसो गर्न, पहिला तपाईंले आफ्नो माउसको साथ रुचि राख्नु भएको क्षेत्रमा हाइलाइट गर्नुहोस्। अर्को, दायाँ क्लिक गर्नुहोस् र ब्राउजरको सन्दर्भ मेनुबाट अवलोकन चयन स्रोत रोज्नुहोस्।
एन्ड्रोइड
फायरफक्सको एन्ड्रोइड संस्करणमा स्रोत स्रोत हेर्दै वेब पेजको URL पूर्वनिर्धारित द्वारा निम्न पाठको साथ प्राप्त गर्न योग्य छ: दृश्य-स्रोत:। उदाहरणका लागि, HTML स्रोत हेर्नको लागी तपाईले ब्राउजरको ठेगाना पट्टीमा निम्न पाठ पेश गर्नुहुनेछ: दृश्य-स्रोत: https: // www। ।
आईओएस
तपाईंको आईप्याड, आइफोन वा आइपड टचमा वेब पेज स्रोत कोड हेर्नको लागि हाम्रो सिफारिस गरिएको विधि हेर्नुहोस् स्रोत एप को माध्यम ले, अनुप्रयोग स्टोर $ 0.99 को लागि उपलब्ध। फायरफक्सको साथ प्रत्यक्ष रूपमा एकीकृत नभएसम्म HTML र प्रश्नमा पृष्ठसँग सम्बद्ध अन्य कोड प्रकट गर्न तपाईँले ब्राउजरबाट URL मा सजिलै प्रतिलिपि र पेस्ट गर्न सक्नुहुनेछ।
एप्पल सफारी
IOS र macOS मा चलिरहेको छ
आईओएस
यद्यपि आईओएसका लागि सफारी डिफल्टले पृष्ठ स्रोत हेर्न सक्ने क्षमता समावेश गर्दैन, ब्राउजरले $ 1 99 0 को लागि अनुप्रयोग स्टोरमा उपलब्ध - ब्राउजरले स्रोत स्रोत एपसँग सहज रूपमा एकीकृत गर्दछ।
यस तेस्रो पक्ष एप स्थापना पछि सफारी ब्राउजरमा फर्कनुहोस् र स्क्रिनको तलमा स्थित, साझेदारी बटनमा ट्याप गर्नुहोस् र एक चौकोर र माथि माथि तीरद्वारा प्रतिनिधित्व गर्दछ। आईओएस साझेदारी पाना अब तपाईको Safari विन्डोको निचला आधा ओवरले हेर्न मिल्दो छ। दाँयामा स्क्रोल गर्नुहोस् र हेर्नुहोस् स्रोत बटन चयन गर्नुहोस्।
एक रङ-कोडित, सक्रिय पृष्ठको स्रोत कोडको संरचित प्रस्तुतिकरण अब अन्य ट्याबहरूको साथमा प्रदर्शित हुन सक्दछ जसले तपाईंलाई पृष्ठ सम्पत्तिहरू, स्क्रिप्टहरू र थप हेर्न अनुमति दिन्छ।
macOS
सफारीको डेस्कटप संस्करणमा पृष्ठको स्रोत कोड हेर्न तपाईंले पहिला यसको विकास मेनु सक्षम गर्न आवश्यक छ। तलका चरणहरू यो लुकेको मेनु सक्रिय गरी र पेजको एचटीएमएल स्रोत प्रदर्शन गरेर तपाइँ हिंड्नु हुन्छ।
- स्क्रिनको शीर्षमा स्थित ब्राउजर मेनुमा सफारीमा क्लिक गर्नुहोस्।
- जब ड्रप-डाउन मेनु देखिन्छ, प्राथमिकता विकल्प चयन गर्नुहोस्।
- सफारीको प्राथमिकताहरू अहिले दृश्यात्मक हुनुपर्छ। शीर्ष पङ्क्तिको दाँया-दाँया छेउमा अवस्थित उन्नत आइकनमा क्लिक गर्नुहोस्।
- उन्नत खण्डको तलतिर एउटा विकल्प लेबल गरिएको छ जुन मेनु पट्टीमा विकास मेनु देखाउनुहोस् , खाली चेकबक्सको साथ। यसमा एक चेक मार्क राख्न एक पटक यो बक्समा क्लिक गर्नुहोस्, र माथि बायाँ-कोने कुनामा भेटिएको रातो 'x' मा क्लिक गरेर प्राथमिकता सञ्झ्याल बन्द गर्नुहोस्।
- स्क्रिनको शीर्षमा स्थित विकास मेनुमा क्लिक गर्नुहोस्।
- जब ड्रप-डाउन मेनु देखिन्छ, पृष्ठ स्रोत देखाउनुहोस् । तपाईं यसको सट्टा निम्न किबोर्ड सर्टकट पनि प्रयोग गर्न सक्नुहुन्छ: COMMAND + OPTION + U।
ओपेरा
चालू: Linux, macOS, विन्डोज
ओपेरा ब्राउजरमा सक्रिय वेब पृष्ठबाट स्रोत कोड हेर्न निम्न कुञ्जीपाटी सर्टकट प्रयोग गर्नुहोस्: CTRL + U ( COMOS + OPTION + U macOS मा)। यदि तपाई बदल्न हालको ट्याबमा स्रोत लोड गर्न चाहानुहुन्छ भने, ठेगाना पट्टी भित्रको पृष्ठको बायाँमा निम्न पाठ टाइप गर्नुहोस् र प्रविष्ट गर्नुहोस् : दृश्य-स्रोत: (जस्तै, स्रोत: https: // www। )।
ओपेराको डेस्कटप संस्करणले तपाईंलाई एकीकृत विकासकर्ता उपकरणहरू प्रयोग गरेर HTML स्रोत, सीएसएस र अन्य तत्वहरू हेर्न अनुमति दिन्छ। यो इन्टरफेस सुरू गर्न, जुन पूर्वनिर्धारित रूपमा तपाईंको मुख्य ब्राउजर विन्डोको दाहिने हातमा देखा पर्नेछ, निम्न किबोर्ड सर्टकट थिच्नुहोस्: CTRL + SHIFT + I ( COMOS + OPTION + I macOS मा)।
ओपेराको विकासकर्ता उपकरणसेट निम्न चरणहरू लिनु पनि पहुँचयोग्य छ।
- तपाईंको ब्राउजर विन्डोको माथिल्लो बायाँ-हाने कोनेमा स्थित ओपेरा लोगोमा क्लिक गर्नुहोस्।
- जब ड्रप-डाउन मेनु देखा पर्दछ, आफ्नो माउस कर्सर लाई थप उपकरण विकल्प मार्फत होभर गर्नुहोस्।
- विकासकर्ता मेनू देखाउनुहोस् मा क्लिक गर्नुहोस्।
- फेरि ओपेरा लोगोमा क्लिक गर्नुहोस्।
- जब ड्रप-डाउन मेनु देखा पर्दछ, तपाईंको कर्सर विकासकर्ता भन्दा माथि होभर गर्नुहोस्।
- जब उप-मेनु देखा पर्दछ, विकासकर्ता उपकरणमा क्लिक गर्नुहोस्।
Vivaldi
Vivaldi ब्राउजर भित्र पृष्ठ स्रोत हेर्न धेरै तरिकाहरू छन्। सरल सबै CTRL + U कीबोर्ड शर्टकट मार्फत छ, जुन नयाँ पृष्ठमा सक्रिय पृष्ठबाट कोड प्रस्तुत गर्दछ।
तपाईं पृष्ठको URL को सामनेमा निम्न पाठ पनि थप्न सक्नुहुनेछ, जुन हालको ट्याबमा स्रोत कोड देखाउँछ: अवलोकन-स्रोत :। यसको एउटा उदाहरण दृश्य - स्रोत: http: // www। ।
अर्को तरिका ब्राउजरको एकीकृत विकासकर्ता उपकरण मार्फत ब्राउजरको उपकरण मेनुमा CTRL + SHIFT + I संयोजन वा विकासकर्ता उपकरण विकल्पको माध्यमबाट पहुँच गर्न योग्य - माथिल्लो बायाँ-हात कुनामा 'V' लोगोमा क्लिक गरेर फेला पर्यो। देव उपकरणहरू प्रयोग गरी पृष्ठको स्रोतको अधिक गहिरो विश्लेषणको लागि अनुमति दिन्छ।