JavaScript Inspector

আপনি যে ওয়েবসাইটগুলো ভিজিট করেন, সেগুলোতে কী জাভাস্ক্রিপ্ট চলছে তা কি কখনো ভেবে দেখেছেন? জানতে চান? 'শো মি দ্য জাভাস্ক্রিপ্ট' হলো একটি শক্তিশালী জাভাস্ক্রিপ্ট ইন্সপেক্টর এবং ওয়েব ডেভেলপার টুল, যা আপনাকে সরাসরি আপনার অ্যান্ড্রয়েড ডিভাইস থেকে যেকোনো ওয়েবসাইটের জাভাস্ক্রিপ্ট, ইভেন্ট লিসেনার এবং পেজ স্ক্রিপ্ট পরীক্ষা করতে দেয়।

ডেস্কটপ ব্রাউজার ডেভেলপার টুলের প্রয়োজন ছাড়াই ওয়েবসাইট কীভাবে কাজ করে তা বিশ্লেষণ করুন, ফ্রন্টএন্ডের সমস্যা ডিবাগ করুন, ইভেন্ট হ্যান্ডলার পরীক্ষা করুন এবং ক্লায়েন্ট-সাইড কোড অন্বেষণ করুন।

আপনি একজন ফ্রন্টএন্ড ডেভেলপার, কিউএ ইঞ্জিনিয়ার, ওয়েব ডিজাইনার, সিকিউরিটি রিসার্চার, অথবা জাভাস্ক্রিপ্ট ও ওয়েব ডেভেলপমেন্ট শিখছেন এমন শিক্ষার্থী, যেই হোন না কেন, 'শো মি দ্য জাভাস্ক্রিপ্ট' আপনাকে একটি পেজে ঠিক কী জাভাস্ক্রিপ্ট চলছে তা বুঝতে সাহায্য করে।

🔍 জাভাস্ক্রিপ্ট ইন্সপেক্টর

একটি ওয়েবপেজের যেকোনো এলিমেন্টে ট্যাপ করুন এবং তাৎক্ষণিকভাবে পরিদর্শন করুন:

• জাভাস্ক্রিপ্ট ইভেন্ট লিসেনার

• addEventListener বাইন্ডিং

• ইনলাইন onclick, onchange, onsubmit এবং অন্যান্য হ্যান্ডলার

• রিয়্যাক্ট ইভেন্ট বাইন্ডিং

• ভিউ ইভেন্ট বাইন্ডিং

• অ্যাঙ্গুলার ইভেন্ট বাইন্ডিং

• jQuery ইভেন্ট হ্যান্ডলার

• ভ্যানিলা জাভাস্ক্রিপ্ট ইন্টারঅ্যাকশন

ইউজার ইন্টারফেসের সমস্যা ডিবাগ করা, ক্লিক ইভেন্ট ট্রেস করা এবং ওয়েবসাইটগুলো ব্যবহারকারীর কার্যকলাপে কীভাবে সাড়া দেয় তা বোঝার জন্য এটি উপযুক্ত।

📄 পেজের সমস্ত স্ক্রিপ্ট দেখুন

একটি ওয়েবপেজ দ্বারা লোড হওয়া প্রতিটি জাভাস্ক্রিপ্ট ফাইল এক জায়গায় দেখুন।

• এক্সটার্নাল স্ক্রিপ্ট ব্রাউজ করুন

• ইনলাইন স্ক্রিপ্ট দেখুন

• স্ক্রিপ্টের বিষয়বস্তু অনুসন্ধান করুন

• তাৎক্ষণিকভাবে কোড কপি করুন

• থার্ড-পার্টি লাইব্রেরি বিশ্লেষণ করুন

ওয়েবসাইট বিশ্লেষণ, ওয়েব ডেভেলপমেন্ট কৌশল শেখা এবং ফ্রন্টএন্ড ইমপ্লিমেন্টেশন তদন্ত করার জন্য এটি দারুণ।

⚖️ জাভাস্ক্রিপ্ট তুলনা করুন

বিভিন্ন এলিমেন্ট বা ওয়েবপেজের স্ক্রিপ্টগুলো পাশাপাশি তুলনা করুন।

• কোডের পার্থক্য খুঁজে বের করুন

• ইভেন্ট হ্যান্ডলার তুলনা করুন

• UI আচরণের পরিবর্তন বিশ্লেষণ করুন

• দ্রুত বাস্তবায়নের বিবরণ পর্যালোচনা করুন

💾 ইন্সপেকশন সংরক্ষণ করুন

গুরুত্বপূর্ণ ফলাফল পরবর্তীতে ব্যবহারের জন্য রাখুন।

• জাভাস্ক্রিপ্ট স্নিপেট সংরক্ষণ করুন

• ইভেন্ট লিসেনারের ফলাফল সংরক্ষণ করুন

• ইন্সপেকশনের ইতিহাস বজায় রাখুন

• পূর্বে বিশ্লেষণ করা ওয়েবসাইটগুলো পুনরায় দেখুন

📋 তাৎক্ষণিকভাবে কোড কপি করুন

এক ট্যাপেই জাভাস্ক্রিপ্ট, ইভেন্ট লিসেনার এবং স্ক্রিপ্টের বিষয়বস্তু কপি করুন।

আপনার দলের সাথে ফলাফল শেয়ার করুন, বাগ রিপোর্টে পেস্ট করুন, অথবা আপনার পছন্দের কোড এডিটরে বিশ্লেষণ চালিয়ে যান।

🚀 আধুনিক ওয়েব ফ্রেমওয়ার্ক সমর্থন করে

নিম্নলিখিত ফ্রেমওয়ার্ক ব্যবহার করে তৈরি ওয়েবসাইটের সাথে কাজ করে:

• React

• Vue.js

• Angular

• Alpine.js

• jQuery

• Vanilla JavaScript

• আধুনিক ফ্রন্টএন্ড ফ্রেমওয়ার্ক

👨‍💻 ডেভেলপারদের জন্য তৈরি

যাদের জন্য আদর্শ:

• ফ্রন্টএন্ড ডেভেলপার

• ওয়েব ডেভেলপার

• QA ইঞ্জিনিয়ার

• নিরাপত্তা গবেষক

• UI ইঞ্জিনিয়ার

• জাভাস্ক্রিপ্ট ডেভেলপার

• ওয়েব ডেভেলপমেন্ট শিখতে আগ্রহী শিক্ষার্থী

• টেকনিক্যাল অ্যানালিস্ট

প্রধান ব্যবহারসমূহ

• ওয়েবসাইটের জাভাস্ক্রিপ্ট পরীক্ষা করা

• ওয়েবপেজের এলিমেন্টগুলিতে ইভেন্ট লিসেনার দেখা

• পেজের স্ক্রিপ্ট এবং সোর্স কোড বিশ্লেষণ করা

• ফ্রন্টএন্ড ইন্টারঅ্যাকশন ডিবাগ করা

• ওয়েবসাইটের আচরণ বোঝা

• ওয়েব অ্যাপ্লিকেশন ইমপ্লিমেন্টেশন নিয়ে গবেষণা করা

• আধুনিক জাভাস্ক্রিপ্ট কৌশল শেখা

• ক্লায়েন্ট-সাইড কার্যকারিতা পর্যালোচনা করা

রুট করার প্রয়োজন নেই।

ডেস্কটপের প্রয়োজন নেই।

সম্পূর্ণরূপে ডিভাইসেই কাজ করে।

অ্যান্ড্রয়েডে ব্রাউজার ডেভেলপার টুলস নিয়ে আসুন এবং Show Me The JavaScript-এর মাধ্যমে যেকোনো জায়গা থেকে জাভাস্ক্রিপ্ট পরীক্ষা করুন। আমি ব্যক্তিগতভাবে মনে করি, জাভাস্ক্রিপ্ট ডেভেলপমেন্ট শেখার জন্য এটি একটি দারুণ উপায়।