Toggle JavaScript деактивира или активира отново изпълнението на JavaScript за текущия таб на браузъра с едно кликване. Страницата се презарежда автоматично, за да покаже резултата. Вижте как се държи страницата без JavaScript — тествайте прогресивно подобрение, проверете рендирането от страна на сървъра, дебъгвайте функции, зависими от JS, или проверете как роботите на търсачките виждат вашето съдържание.
Деактивирането на JavaScript в Chrome обикновено изисква навигация до chrome://settings, преминаване през няколко менюта, превключване на настройките и след това презареждане на страницата. И то деактивира JavaScript за ВСИЧКИ табове — което потенциално разваля други сайтове, които сте отворили. Toggle JavaScript на DevSuite Pro работи за всеки таб поотделно с едно кликване. Изключете JavaScript за текущия таб и той се презарежда, показвайки версията на страницата без JS. Всички останали табове продължават да работят нормално. Това е от съществено значение за тестване на прогресивно подобрение (работи ли сайтът без JS?), проверка на SSR/SSG рендирането (какво виждат роботите на търсачките?), дебъгване на грешки в JavaScript (изчезва ли проблемът без JS?) и тестване на резервни варианти noscript. Включете го отново с още едно кликване — страницата се презарежда с възстановена пълна функционалност на JavaScript.
Деактивирайте JavaScript за текущия таб with a single click. Страницата се презарежда автоматично, за да покаже версията без JS. Кликнете отново, за да го активирате. Състоянието на превключвателя е ясно показано (JS ON / JS OFF).
Засяга само текущия таб. Други табове, прозорци и сайтове продължават да изпълняват JavaScript нормално. Можете да имате деактивиран JS в единия таб и активиран в друг едновременно.
Страницата се презарежда автоматично след превключване, за да се гарантира, че промяната влиза в сила чисто. Не е необходимо ръчно опресняване — версията без JS или с JS се зарежда незабавно.
Вижте точно какво съдържание е налично без JavaScript — същият изглед, който виждат роботите на търсачките (Googlebot при първичното му преминаване само през HTML). Проверете дали критичното съдържание се рендира от сървъра, а не само от клиента.
Тествайте дали основната функционалност на вашия сайт работи без JavaScript. Формулярите все още трябва да се изпращат, връзките все още трябва да навигират и съдържанието все още трябва да бъде четливо, когато JS е деактивиран.
Когато JS е деактивиран, резюмето показва какво е засегнато: динамичното съдържание няма да се зареди, SPA приложенията няма да навигират, формулярите може да не се валидират от страната на клиента и интерактивните джаджи ще бъдат статични. Помага ви да разберете какво да очаквате.
Търсачките може да не изпълняват JavaScript при всяко обхождане. Деактивирайте JS, за да видите какво вижда Googlebot при първия си пас през HTML. Ако съдържанието, мета таговете и връзките ви липсват без JS, те може да не бъдат индексирани.
Проверете дали основното преживяване на вашия сайт работи без JavaScript. Потребители с бавни връзки, с блокери на JS или използващи помощни технологии могат да попаднат на вашата версия без JS.
Дадена страница е счупена — дали е грешка в JavaScript или проблем в CSS/HTML? Деактивирайте JS. Ако проблемът продължава, той не е свързан с JS. Ако изчезне, знаете, че бъгът е във вашия JavaScript код.
Проверете дали вашите тагове noscript и резервното съдържание без JS се показват правилно, когато JavaScript не е наличен. Уверете се, че потребителите виждат смислено съобщение, а не празна страница.
Вижте колко бързо се зарежда страницата без никакво изпълнение на JavaScript. Това показва базовата производителност на рендиране на HTML/CSS и помага да се идентифицира колко JavaScript забавя първоначалното зареждане.
Отворете изскачащия прозорец на DevSuite Pro и щракнете върху иконата Toggle JavaScript. Показва се текущото състояние на JS.
Кликнете върху превключвателя, за да деактивирате JavaScript. Страницата се презарежда, за да покаже версията без JS. Превключвателят показва „JS OFF“ в червено.
Разгледайте страницата без JavaScript. Проверете дали съдържанието е видимо, навигацията работи и формулярите функционират. Отбележете какво се разваля или влошава.
Кликнете отново върху превключвателя, за да възстановите JavaScript. Страницата се презарежда с пълна JS функционалност.
Инсталирайте DevSuite Pro безплатно и отключете 39+ инструмента за разработчици за вашия браузър.
