यह पोस्ट व्यू सोर्स में जावास्क्रिप्ट कोड को छिपाने की प्रक्रिया का वर्णन करेगी।
व्यू सोर्स में जावास्क्रिप्ट कोड कैसे छिपाएं?
सबसे पहले, व्यू सोर्स में जावास्क्रिप्ट कोड को छिपाने के लिए देखें कि डेवलपर के टूल में व्यू सोर्स को कैसे खोलें। वेब पेज पर, व्यू सोर्स खोलने और प्रासंगिक कोड देखने के कई तरीके हैं।
पहला तरीका है ' दाएँ क्लिक करें ” पृष्ठ पर और “पर क्लिक करें” पृष्ठ का स्त्रोत देखें 'में विकल्प' संदर्भ मेनू 'या शॉर्टकट कुंजी का उपयोग करें' सीटीआरएल+यू ':
यह पृष्ठ के संपूर्ण स्रोत कोड को एक नए टैब में दिखाएगा जैसा कि नीचे दिखाया गया है:
दूसरा तरीका है ' दाएँ क्लिक करें ” पृष्ठ पर और “पर क्लिक करें” निरीक्षण 'में से विकल्प' संदर्भ मेनू 'या शॉर्टकट कुंजियों का उपयोग करें' F12 ', तथा ' Ctrl+Shift+I ”।
क्लिक करते समय ' निरीक्षण ” विकल्प, यह नीचे दी गई विंडो को विकल्पों के साथ खोलेगा, जहां उपयोगकर्ता कोड देख सकता है।
वेब पेज पर राइट-क्लिक और हॉटकी को 'खोलने से रोकने के लिए कार्यक्षमता जोड़ें' पृष्ठ का स्त्रोत देखें ' विकल्प।
वेब पेज पर राइट-क्लिक को रोकने के लिए कोड की निम्न पंक्तियों का उपयोग करें:
दस्तावेज़। addEventListener ( 'संदर्भ मेनू' , ( तथा ) => {तथा। चूक को रोकें ( ) ;
} , असत्य ) ;
उपरोक्त कोड स्निपेट:
- सबसे पहले, 'आह्वान करें' ऐडइवेंट लिस्टनर () 'के संदर्भ को पारित करके विधि' संदर्भ मेनू ”।
- फिर, कॉल करें ' चूक को रोकें() 'विधि और इसे सेट करें' असत्य ”, जिसका अर्थ है कि यह डिफ़ॉल्ट राइट-क्लिक ईवेंट/विकल्प को रोकता है।
नीचे दिया गया कोड स्निपेट 'सहित शॉर्टकट कुंजी को रोकता है' Ctrl+Shift+I ”, “ सीटीआरएल+यू ' तथा ' F12 ':
दस्तावेज़। addEventListener ( 'चाबी नीचे' , ( तथा ) => {यदि ( तथा। ctrlकुंजी || तथा। कुंजी कोड == 123 ) {
तथा। प्रचार बंद करो ( ) ;
तथा। चूक को रोकें ( ) ;
}
} ) ;
उत्पादन
उपरोक्त जीआईएफ इंगित करता है कि 'के दौरान कोई कार्रवाई नहीं की जाती है' दाएँ क्लिक करें 'या शॉर्टकट कुंजियाँ:
अब, देखते हैं कि यदि उपयोगकर्ता नीचे दिए गए विकल्प का उपयोग करता है तो स्रोत कोड को कैसे छुपाया जाए।
उपरोक्त स्निपेट 'खोलने का एक और तरीका दिखाता है' डेवलपर टूल्स ”राइट-क्लिकिंग और हॉटकीज़ के अलावा।
इस विकल्प से जावास्क्रिप्ट कोड को छिपाने के लिए, दिए गए चरणों का प्रयोग करें:
चरण 1: जावास्क्रिप्ट कोड
पृष्ठ की कार्यक्षमता के लिए प्रासंगिक JavaScript कोड के लिए एक JavaScript फ़ाइल बनाएँ। यहाँ, हमने एक जावास्क्रिप्ट फाइल बनाई है जिसका नाम है “ JSfile.js , जहां सभी JavaScript कोड रखे जाएंगे:
चरण 2: जावास्क्रिप्ट कोड छुपाएं
अब, कोड की इन पंक्तियों का पालन करके जावास्क्रिप्ट फ़ाइल को छुपाएं a <स्क्रिप्ट> उपनाम:
scriptElement. प्रकार = 'पाठ/जावास्क्रिप्ट' ;
scriptElement. स्रोत = 'जेएसफाइल.जेएस' ;
दस्तावेज़। तन . अपेंड चाइल्ड ( scriptElement ) ;
उपरोक्त कोड स्निपेट में:
- 'का उपयोग करके एक नया स्क्रिप्ट तत्व बनाएँ क्रिएट एलिमेंट () ' तरीका।
- जावास्क्रिप्ट कोड फ़ाइल जोड़ें ' JSfile.js ', नव निर्मित स्क्रिप्ट तत्व में एक बाल तत्व के रूप में कॉल करके' अपेंड चाइल्ड() ' तरीका।
उत्पादन
उपरोक्त जीआईएफ इंगित करता है कि 'के साइडबार में' स्रोत ”टैब, खोलने के बाद“ डेवलपर्स टूल ', कोई नहीं है ' जेएस फाइल.जेएस ”, क्योंकि यह अब स्क्रिप्ट तत्व का बाल तत्व है।
निष्कर्ष
दृश्य स्रोत में जावास्क्रिप्ट कोड को छिपाने के लिए, हॉटकीज़ को अक्षम करें जैसे ' Ctrl+Shift+I ”, “ सीटीआरएल+यू ' तथा ' F12 ” जिसका उपयोग डेवलपर के टूल को स्रोत कोड देखने के लिए और वेबपेज पर राइट-क्लिक संदर्भ मेनू को खोलने के लिए किया जाता है। या JavaScript कोड फ़ाइल को किसी अन्य स्क्रिप्ट टैग में संग्रहीत करें। यह पोस्ट दृश्य स्रोत में जावास्क्रिप्ट कोड को छिपाने की प्रक्रिया का वर्णन करती है।