Toggle JavaScript কেবল এক ক্লিকেই বর্তমান ব্রাউজার ট্যাবে জাভাস্ক্রিপ্ট চালানো বন্ধ বা পুনরায় চালু করে। পরিবর্তনের ফলাফল দেখতে পেজটি অটোমেটিকভাবে রিলোড হয়। জাভাস্ক্রিপ্ট ছাড়া একটি পেজ কেমন কাজ করে তা দেখুন — আপনি এর মাধ্যমে প্রগ্রেসিভ এনহান্সমেন্ট টেস্ট করতে পারেন, সার্ভার-সাইড রেন্ডারিং যাচাই করতে পারেন, JS-নির্ভর ফিচারগুলো ডিবাগ করতে পারেন অথবা সার্চ ইঞ্জিন ক্রলার আপনার কন্টেন্ট কীভাবে দেখে তা পরীক্ষা করতে পারেন।
ক্রোম ব্রাউজারে জাভাস্ক্রিপ্ট ডিজেবল করতে সাধারণত অনেকগুলো মেনু পেরিয়ে সেটিংস-এ গিয়ে তা পরিবর্তন করতে হয় এবং তারপর পেজ রিলোড দিতে হয়। আর এর ফলে আপনার ওপেন থাকা 'সবগুলো' ট্যাবেই জাভাস্ক্রিপ্ট অফ হয়ে যায় — যা আপনার অন্যান্য জরুরি সাইটগুলোর কাজে ব্যাঘাত ঘটাতে পারে। 'DevSuite Pro'-এর Toggle JavaScript কেবল সুনির্দিষ্ট একটি ট্যাবে এক ক্লিকেই কাজ করে। বর্তমান ট্যাবে জাভাস্ক্রিপ্ট অফ করে দিলে পেজটি রিলোড হয়ে আপনাকে এর নো-জেএস (no-JS) ভার্সনটি দেখাবে, অথচ অন্য সব ট্যাব স্বাভাবিকভাবেই জাভাস্ক্রিপ্ট চালাতে থাকবে। প্রগ্রেসিভ এনহান্সমেন্ট (জাভাস্ক্রিপ্ট ছাড়া সাইট কাজ করে কি না?), SSR/SSG রেন্ডারিং যাচাই করা (সার্চ ইঞ্জিন ক্রলাররা আসলে কী দেখতে পায়?), জাভাস্ক্রিপ্টররর ডিবাগ করা এবং noscript ফলব্যাক টেস্ট করার জন্য এটি অপরিহার্য। পুনরায় জাভাস্ক্রিপ্ট চালু করতে কেবল একটি ক্লিক করলেই হবে — পেজটি তখন জাভাস্ক্রিপ্টের সব ফিচারসহ আবার লোড হবে।
বর্তমান ট্যাবে জাভাস্ক্রিপ্ট বন্ধ করতে কেবল একবার ক্লিক করুন। পেজটি অটোমেটিকভাবে রিলোড হয়ে নো-জেএস ভার্সনটি দেখাবে। পুনরায় চালু করতে আবার ক্লিক করুন। জাভাস্ক্রিপ্টের বর্তমান অবস্থা পরিষ্কারভাবে (JS ON / JS OFF) প্রদর্শিত হয়।
এটি কেবল বর্তমান ট্যাবকেই প্রভাবিত করে। আপনার অন্যান্য ট্যাব, উইন্ডো বা সাইটগুলো স্বাভাবিকভাবেই জাভাস্ক্রিপ্ট চালাতে থাকবে। আপনি চাইলে একই সাথে এক ট্যাবে জাভাস্ক্রিপ্ট বন্ধ রেখে অন্য ট্যাবে তা চালু রাখতে পারেন।
টগল করার পর পরিবর্তনটি সঠিকভাবে কার্যকর করার জন্য পেজটি অটোমেটিকভাবে রিলোড হয়। আলাদাভাবে রিফ্রেশ করার দরকার নেই — জাভাস্ক্রিপ্ট থাকাকালীন বা ছাড়া পেজের ভার্সনটি সাথে সাথে লোড হয়।
জাভাস্ক্রিপ্ট ছাড়া আপনার পেজের কোন কোন কন্টেন্ট দৃশ্যমান থাকে তা দেখুন — যা সাধারণত সার্চ ইঞ্জিন ক্রলাররা (যেমন শুরুর দিকে Googlebot-এর HTML-only পাস) দেখতে পায়। গুরুত্বপূর্ণ কন্টেন্টগুলো কেবল ক্লায়েন্ট-সাইডে নয় বরং সার্ভার-সাইডে রেন্ডার হচ্ছে কি না তা নিশ্চিত হোন।
জাভাস্ক্রিপ্ট ছাড়া আপনার সাইটের মূল ফিচারগুলো কাজ করে কি না তা পরীক্ষা করুন। জাভাস্ক্রিপ্ট অফ থাকলেও ফরম সাবমিট হওয়া উচিত, লিঙ্ক কাজ করা উচিত এবং কন্টেন্টগুলো পঠনযোগ্য থাকা উচিত।
জাভাস্ক্রিপ্ট ডিজেবল করলে পেজের কোন কোন অংশ প্রভাবিত হবে তার একটি সারসংক্ষেপ এখানে পাওয়া যায়: যেমন ডাইনামিক কন্টেন্ট লোড হবে না, SPA-তে নেভিগেশন কাজ করবে না, ক্লায়েন্ট-সাইড ফরম ভ্যালিডেশন বন্ধ থাকতে পারে এবং ইন্টারেক্টিভ উইজেটগুলো স্ট্যাটিক হয়ে যাবে। এটি আপনাকে পেজ সম্পর্কে সঠিক ধারণা পেতে সাহায্য করবে।
সার্চ ইঞ্জিনগুলো প্রতিটি ক্রল করার সময় জাভাস্ক্রিপ্ট নাও চালাতে পারে। গুগলবট-এর (Googlebot) প্রাথমিক HTML পাস কী দেখতে পায় তা দেখতে জাভাস্ক্রিপ্ট অফ করুন। যদি জাভাস্ক্রিপ্ট ছাড়া আপনার সাইটের কন্টেন্ট, মেটা ট্যাগ বা লিঙ্কগুলো না পাওয়া যায়, তবে সেগুলো ইনডেক্স নাও হতে পারে।
জাভাস্ক্রিপ্ট ছাড়া আপনার সাইটের মূল ফিচারগুলো কাজ করে কি না তা নিশ্চিত করুন। ধীরগতির ইন্টারনেট সংযোগ বা জাভাস্ক্রিপ্ট ব্লকার ব্যবহার করছেন এমন ব্যবহারকারী এবং অ্যাসিস্টিভ টেকনোলজি ব্যবহারকারীরা আপনার সাইটের নো-জেএস ভার্সনটি দেখতে পারেন।
পেজটি ঠিকমতো কাজ করছে না — এটি কি জাভাস্ক্রিপ্ট এরর নাকি CSS/HTML-এর সমস্যা? জাভাস্ক্রিপ্ট অফ করে দিন। যদি সমস্যাটি এখনো থাকে তবে তা জাভাস্ক্রিপ্ট-সংশ্লিষ্ট নয়। আর যদি সমস্যাটি চলে যায় তবে বুঝবেন বাগটি আপনার জাভাস্ক্রিপ্ট কোডেই আছে।
জাভাস্ক্রিপ্ট না থাকলে আপনার 'noscript' ট্যাগ এবং নো-জেএস ফলব্যাক কন্টেন্টগুলো সঠিকভাবে প্রদর্শিত হচ্ছে কি না তা যাচাই করুন। নিশ্চিত হোন যে ব্যবহারকারীরা ব্ল্যাঙ্ক পেজ দেখার বদলে একটি অর্থপূর্ণ মেসেজ দেখতে পাচ্ছেন।
জাভাস্ক্রিপ্ট চলা ছাড়াই পেজটি কত দ্রুত লোড হয় তা দেখুন। এটি আপনাকে মূল HTML/CSS রেন্ডারিং পারফরম্যান্স দেখায় এবং জাভাস্ক্রিপ্টের কারণে প্রাথমিক লোডিং কতটা ধীরগতির হচ্ছে তা শনাক্ত করতে সাহায্য করে।
DevSuite Pro পপআপ ওপেন করুন এবং Toggle JavaScript আইকনে ক্লিক করুন। জাভাস্ক্রিপ্টের বর্তমান অবস্থা এখানে প্রদর্শিত হবে।
জাভাস্ক্রিপ্ট ডিজেবল করতে টগল বাটনে ক্লিক করুন। পেজটি রিলোড হয়ে নো-জেএস ভার্সনটি দেখাবে। টগলটি লাল রঙে "JS OFF" দেখাবে।
জাভাস্ক্রিপ্ট ছাড়া পেজটি ব্রাউজ করুন। কন্টেন্টগুলো দেখা যাচ্ছে কি না, নেভিগেশন এবং ফরম ঠিকমতো কাজ করছে কি না তা যাচাই করুন। কোন অংশগুলো কাজ করছে না বা অকেজো হয়ে গেছে তা খেয়াল করুন।
জাভাস্ক্রিপ্ট ফিরিয়ে আনতে আবার টগল বাটনে ক্লিক করুন। পেজটি পুনরায় লোড হবে এবং জাভাস্ক্রিপ্টের সব ফিচার সচল হবে।
বিনামূল্যে DevSuite Pro ইনস্টল করুন এবং আপনার ব্রাউজারের জন্য ৩৯+ ডেভলপার টুল আনলক করুন।
