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