Toggle JavaScript اجرای JavaScript را برای تب مرورگر فعلی با یک کلیک غیرفعال یا مجدداً فعال میکند. صفحه به طور خودکار مجدداً بارگذاری میشود تا نتیجه را نشان دهد. ببینید صفحه بدون JavaScript چگونه رفتار میکند — بهبود تدریجی را آزمایش کنید، رندرینگ سمت سرور را تأیید کنید، ویژگیهای وابسته به JS را اشکالزدایی کنید یا ببینید خزندههای موتور جستجو محتوای شما را چگونه میبینند.
غیرفعال کردن JavaScript در Chrome معمولاً نیاز به ناوبری به chrome://settings، کلیک از میان چندین منو، toggle کردن تنظیمات و سپس بارگذاری مجدد صفحه دارد. و JavaScript را برای همه تبها غیرفعال میکند — که ممکن است سایر سایتهایی که باز دارید را خراب کند. Toggle JavaScript DevSuite Pro برای هر تب به صورت مجزا با یک کلیک کار میکند. JavaScript را برای تب فعلی toggle کنید و آن را مجدداً بارگذاری میکند و نسخه بدون JS صفحه را نشان میدهد. همه تبهای دیگر به طور عادی کار میکنند. این برای آزمایش بهبود تدریجی (آیا سایت بدون JS کار میکند؟)، تأیید رندرینگ SSR/SSG (موتورهای جستجو چه میبینند؟)، اشکالزدایی خطاهای JavaScript (آیا مشکل بدون JS از بین میرود؟) و آزمایش fallbackهای noscript ضروری است. با یک کلیک دیگر آن را مجدداً روشن کنید — صفحه با عملکرد کامل JavaScript مجدداً بارگذاری میشود.
JavaScript را برای تب فعلی با یک کلیک غیرفعال کنید. صفحه به طور خودکار مجدداً بارگذاری میشود تا نسخه بدون JS را نشان دهد. برای فعالسازی مجدد دوباره کلیک کنید. وضعیت toggle به وضوح نشان داده میشود (JS روشن / JS خاموش).
فقط تب فعلی را تحت تأثیر قرار میدهد. سایر تبها، سایر پنجرهها و سایر سایتها به اجرای JavaScript عادی ادامه میدهند. میتوانید JS را در یک تب غیرفعال و در تب دیگری فعال داشته باشید به صورت همزمان.
صفحه پس از toggle به طور خودکار مجدداً بارگذاری میشود تا اطمینان حاصل شود تغییر به صورت تمیز اجرا میشود. نیازی به رفرش دستی نیست — نسخه بدون JS یا با JS فوراً بارگذاری میشود.
دقیقاً ببینید چه محتوایی بدون JavaScript در دسترس است — همان نمایشی که خزندههای موتور جستجو (Googlebot در مرحله اولیه HTML-only) میبینند. تأیید کنید که محتوای حیاتی سمت سرور رندر شده، نه فقط client-side.
آزمایش کنید آیا عملکرد اصلی سایت شما بدون JavaScript کار میکند. فرمها باید هنوز submit شوند، لینکها باید هنوز ناوبری کنند و محتوا باید هنوز قابل خواندن باشد وقتی JS غیرفعال است.
وقتی JS غیرفعال است، یک خلاصه نشان میدهد چه چیزی تحت تأثیر قرار میگیرد: محتوای پویا بارگذاری نمیشود، SPAها ناوبری نمیکنند، فرمها ممکن است اعتبارسنجی client-side نداشته باشند و ویجتهای تعاملی استاتیک خواهند بود. کمک میکند درک کنید چه انتظاری داشته باشید.
موتورهای جستجو ممکن است JavaScript را در هر خزش اجرا نکنند. JS را غیرفعال کنید تا ببینید مرحله اولیه HTML Googlebot چه میبیند. اگر محتوا، تگهای meta و لینکهای شما بدون JS گمشده هستند، ممکن است ایندکس نشوند.
تأیید کنید تجربه اصلی سایت شما بدون JavaScript کار میکند. کاربران در اتصالات آهسته، با blockerهای JS یا استفاده از فناوریهای کمکی ممکن است نسخه بدون JS شما را ببینند.
صفحه خراب است — آیا یک خطای JavaScript است یا مشکل CSS/HTML؟ JS را غیرفعال کنید. اگر مشکل باقی ماند، مربوط به JS نیست. اگر از بین رفت، میدانید باگ در کد JavaScript شما است.
تأیید کنید تگهای noscript و محتوای fallback بدون JS شما به درستی نمایش داده میشوند وقتی JavaScript در دسترس نیست. اطمینان حاصل کنید کاربران یک پیام معنادار میبینند به جای یک صفحه خالی.
ببینید صفحه بدون هیچ اجرای JavaScript چقدر سریع بارگذاری میشود. این عملکرد رندرینگ HTML/CSS پایه را نشان میدهد و کمک میکند تشخیص دهید JavaScript چقدر بارگذاری اولیه را کند میکند.
popup DevSuite Pro را باز کرده و روی آیکون Toggle JavaScript کلیک کنید. وضعیت فعلی JS نشان داده میشود.
برای غیرفعال کردن JavaScript روی toggle کلیک کنید. صفحه برای نشان دادن نسخه بدون JS مجدداً بارگذاری میشود. toggle «JS خاموش» را به رنگ قرمز نشان میدهد.
صفحه را بدون JavaScript مرور کنید. بررسی کنید آیا محتوا قابل مشاهده است، ناوبری کار میکند و فرمها عمل میکنند. توجه داشته باشید چه چیزی خراب میشود یا تنزل پیدا میکند.
برای بازیابی JavaScript دوباره روی toggle کلیک کنید. صفحه با عملکرد کامل JS مجدداً بارگذاری میشود.
DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۳۹ ابزار توسعه را برای مرورگر خود باز کنید.
