এই পোস্টটি ভিউ সোর্সে জাভাস্ক্রিপ্ট কোড লুকানোর প্রক্রিয়া বর্ণনা করবে।
ভিউ সোর্সে জাভাস্ক্রিপ্ট কোড কীভাবে লুকাবেন?
প্রথমত, ভিউ সোর্সে জাভাস্ক্রিপ্ট কোড লুকানোর জন্য, ডেভেলপারের টুলে ভিউ সোর্সটি কীভাবে খুলবেন তা দেখুন। ওয়েব পেজে, ভিউ সোর্স ওপেন করার এবং প্রাসঙ্গিক কোড দেখার বিভিন্ন উপায় আছে।
প্রথম উপায় হল ' সঠিক পছন্দ 'পৃষ্ঠায় এবং 'এ ক্লিক করুন পৃষ্ঠার উৎস দেখুন 'একটি' বিকল্পে কনটেক্সট মেনু ' অথবা শর্টকাট কী ব্যবহার করুন ' Ctrl+U ”:
এটি নীচে দেখানো হিসাবে একটি নতুন ট্যাবে পৃষ্ঠার সম্পূর্ণ উত্স কোড দেখাবে:
দ্বিতীয় উপায় হল ' সঠিক পছন্দ 'পৃষ্ঠায় এবং 'এ ক্লিক করুন পরিদর্শন করুন 'একটি' থেকে বিকল্প কনটেক্সট মেনু 'বা শর্টকাট কী ব্যবহার করুন' F12 ', এবং ' Ctrl+Shift+I ”
ক্লিক করার সময় ' পরিদর্শন করুন ” বিকল্প, এটি বিকল্প সহ নীচের উইন্ডোটি খুলবে, যেখানে ব্যবহারকারী কোডটি দেখতে পাবেন।
আসুন একটি ওয়েব পৃষ্ঠায় ডান-ক্লিক এবং হটকিগুলিকে খুলতে বাধা দিতে কার্যকারিতা যোগ করি ' পৃষ্ঠার উৎস দেখুন 'বিকল্প।
একটি ওয়েব পৃষ্ঠায় ডান-ক্লিক প্রতিরোধ করতে কোডের নীচের লাইনগুলি ব্যবহার করুন:
নথি AddEventListener ( 'কনটেক্সট মেনু' , ( এবং ) => {এবং. প্রতিরোধ ডিফল্ট ( ) ;
} , মিথ্যা ) ;
উপরের কোড স্নিপেট:
- প্রথমে, ' AddEventListener() 'এর রেফারেন্স পাস করে পদ্ধতি ' কনটেক্সট মেনু ”
- তারপর, কল করুন ' প্রতিরোধ ডিফল্ট() 'পদ্ধতি এবং এটি সেট করুন' মিথ্যা ”, যার মানে এটি ডিফল্ট রাইট-ক্লিক ইভেন্ট/বিকল্প বন্ধ করে দেয়।
নীচের কোড স্নিপেটটি 'সহ শর্টকাট কীকে বাধা দেয় Ctrl+Shift+I ', ' Ctrl+U ' এবং ' F12 ”:
নথি AddEventListener ( 'কীডাউন' , ( এবং ) => {যদি ( এবং. ctrlKey || এবং. চাবি কোড == 123 ) {
এবং. প্রচার বন্ধ করুন ( ) ;
এবং. প্রতিরোধ ডিফল্ট ( ) ;
}
} ) ;
আউটপুট
উপরের জিআইএফ ইঙ্গিত দেয় যে 'এর সময় কোন পদক্ষেপ নেওয়া হয় না সঠিক পছন্দ ” বা শর্টকাট কী:
এখন, ব্যবহারকারী নীচের বিকল্পটি ব্যবহার করলে সোর্স কোডটি কীভাবে লুকাবেন তা দেখা যাক।
উপরের স্নিপেটটি খোলার আরেকটি উপায় দেখায় ' ডেভেলপার টুলস রাইট-ক্লিক এবং হটকি ছাড়া অন্য।
এই বিকল্প থেকে জাভাস্ক্রিপ্ট কোড লুকানোর জন্য, প্রদত্ত পদক্ষেপগুলি ব্যবহার করুন:
ধাপ 1: জাভাস্ক্রিপ্ট কোড
পৃষ্ঠার কার্যকারিতার সাথে প্রাসঙ্গিক জাভাস্ক্রিপ্ট কোডের জন্য একটি জাভাস্ক্রিপ্ট ফাইল তৈরি করুন। এখানে, আমরা একটি জাভাস্ক্রিপ্ট ফাইল তৈরি করেছি যার নাম “ JSfile.js , যেখানে সমস্ত জাভাস্ক্রিপ্ট কোড স্থাপন করা হবে:
ধাপ 2: জাভাস্ক্রিপ্ট কোড লুকান
এখন, এ কোডের এই লাইনগুলি অনুসরণ করে জাভাস্ক্রিপ্ট ফাইলটি লুকান ট্যাগ:
স্ক্রিপ্ট এলিমেন্ট। প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' ;
স্ক্রিপ্ট এলিমেন্ট। src = 'JSfile.js' ;
নথি শরীর . শিশুকে সংযুক্ত করুন ( স্ক্রিপ্ট এলিমেন্ট ) ;
উপরের কোড স্নিপেটে:
- ' ব্যবহার করে একটি নতুন স্ক্রিপ্ট উপাদান তৈরি করুন ক্রিয়েট এলিমেন্ট() 'পদ্ধতি।
- জাভাস্ক্রিপ্ট কোড ফাইল যোগ করুন ' JSfile.js ', কল করে একটি শিশু উপাদান হিসাবে সদ্য নির্মিত স্ক্রিপ্ট উপাদানে appendChild() 'পদ্ধতি।
আউটপুট
উপরের GIF নির্দেশ করে যে 'এর সাইডবারে সূত্র 'ট্যাব, খোলার পরে ' বিকাশকারী টুল ', এমন কিছু নেই ' JS file.js ”, কারণ এটি এখন স্ক্রিপ্ট উপাদানের একটি শিশু উপাদান।
উপসংহার
ভিউ সোর্সে জাভাস্ক্রিপ্ট কোড লুকানোর জন্য, হটকি অক্ষম করুন যেমন “ Ctrl+Shift+I ', ' Ctrl+U ' এবং ' F12 ' যা সোর্স কোড দেখতে ডেভেলপারের টুল খুলতে ব্যবহার করা হয় এবং ওয়েবপৃষ্ঠার প্রসঙ্গ মেনুতে ডান-ক্লিক করুন। অথবা জাভাস্ক্রিপ্ট কোড ফাইলটি অন্য স্ক্রিপ্ট ট্যাগে সংরক্ষণ করুন। এই পোস্টটি ভিউ সোর্সে জাভাস্ক্রিপ্ট কোড লুকানোর প্রক্রিয়া বর্ণনা করে।