यह ट्यूटोरियल केवल विंडोज या मैक ऑपरेटिंग सिस्टम पर ओपेरा ब्राउज़र चलाने वाले उपयोगकर्ताओं के लिए है। यदि आपको अन्य ब्राउज़रों में पृष्ठ स्रोत देखने की आवश्यकता है, तो जानें कि हमारी मार्गदर्शिका में प्रत्येक ब्राउज़र में किसी वेब पेज के स्रोत कोड को कैसे देखें।
वेब पेज के स्रोत कोड को देखने के लिए कई कारण हैं, जो कि आपकी साइट के साथ किसी समस्या को डीबग करने से लेकर केवल सादा जिज्ञासा है। आपका उद्देश्य चाहे जो भी हो, ओपेरा ब्राउज़र इस कार्य को पूरा करना आसान बनाता है। आप इस स्रोत को ब्राउज़र टैब के भीतर अपने सबसे बुनियादी रूप में देखने या ओपेरा के एकीकृत डेवलपर टूल के साथ गहरा गोता लगाने के लिए चुन सकते हैं। यह ट्यूटोरियल आपको दिखाता है कि दोनों कैसे करें। सबसे पहले, अपना ओपेरा ब्राउज़र खोलें
विंडोज उपयोगकर्ता
पर क्लिक करें ओपेरा मेनू बटन, जो आपकी ब्राउज़र विंडो के ऊपरी बाएं कोने में स्थित है। जब ड्रॉप-डाउन मेनू प्रकट होता है, तो अपने माउस कर्सर को होवर करें अधिक उपकरण विकल्प। एक सब-मेन्यू अब दिखाना चाहिए। पर क्लिक करें डेवलपर मेनू दिखाएं ताकि इस विकल्प के बाईं ओर एक चेक मार्क रखा जा सके।
मुख्य ओपेरा मेनू पर लौटें। अब आप सीधे नीचे स्थित एक नया विकल्प देखेंगे अधिक उपकरण लेबल डेवलपर । उप-मेनू प्रकट होने तक इस विकल्प पर अपने माउस कर्सर को होवर करें। अगला, पर क्लिक करें पृष्ठ का स्त्रोत देखें । सक्रिय वेब पेज के लिए स्रोत कोड अब एक नए ब्राउज़र टैब में प्रदर्शित किया जाएगा। आप इस बिंदु तक पहुंचने के लिए निम्न कीबोर्ड शॉर्टकट का भी उपयोग कर सकते हैं: Ctrl + यू
सक्रिय पृष्ठ और इसके संबंधित कोड के बारे में अधिक गहराई से विवरण देखने के लिए, चुनें डेवलपर उपकरण से विकल्प डेवलपर उप-मेनू या निम्न कीबोर्ड शॉर्टकट का उपयोग करें: Ctrl + SHIFT + मैं
मैक ओएस एक्स और मैकोज़ सिएरा उपयोगकर्ता
पर क्लिक करें राय स्क्रीन के शीर्ष पर स्थित आपके ओपेरा मेनू में। जब ड्रॉप-डाउन मेनू प्रकट होता है, तो चुनें डेवलपर मेनू दिखाएं । लेबल किए गए आपके ओपेरा मेनू में अब एक नया विकल्प जोड़ा जाना चाहिए डेवलपर । अगला इस विकल्प पर क्लिक करें, और जब ड्रॉप-डाउन मेनू का चयन होता है स्रोत देखें । आप इस क्रिया को करने के लिए निम्न कीबोर्ड शॉर्टकट का भी उपयोग कर सकते हैं: Command + U
वर्तमान पृष्ठ के स्रोत कोड को दिखाते हुए एक नया टैब अब दिखाई देना चाहिए। ओपेरा के देव टूलसेट के साथ इस पृष्ठ का विश्लेषण करने के लिए, पहले क्लिक करें डेवलपर अपनी स्क्रीन के शीर्ष पर ब्राउज़र मेनू में। जब ड्रॉप-डाउन मेनू प्रकट होता है, तो चुनें डेवलपर उपकरण विकल्प।
