Вебсправочник
Ваш первый сайт

Страница без JavaScript: проверить доступность основного содержания

Отключение JavaScript помогает увидеть, какие возможности действительно зависят от скриптов. Проверка особенно полезна для навигации и чтения, которые часто можно сохранить обычным HTML.

Назначение

Отключение JavaScript помогает увидеть, какие возможности действительно зависят от скриптов. Проверка особенно полезна для навигации и чтения, которые часто можно сохранить обычным HTML.

Как это работает

В DevTools временно отключите JavaScript и перезагрузите учебную страницу. Ссылки и серверные страницы могут работать без клиентского кода. Noscript сообщает об отключённом выполнении, но не является универсальным обработчиком любой ошибки скрипта.

Пример

<h1>Учебный каталог</h1>
<p><a href="/lessons/">Открыть все материалы</a></p>
<noscript><p>Мгновенная фильтрация недоступна. Перейдите в полный каталог по ссылке выше.</p></noscript>

Что должно получиться

Основной переход остаётся ссылкой, а дополнительное сообщение появляется при отключённых скриптах. В собственном проекте маршрут /lessons/ должен существовать; разметка не создаёт его на сервере.

Граница применения и частая ошибка

Отключённый JavaScript и сломанный app.js — разные ситуации: во втором случае noscript может не появиться. Не обещайте работоспособность функции без скриптов, если она полностью вычисляется в браузере. Важные ограничения нужно объяснять честно.

Самостоятельная проверка

Проверьте чтение, навигацию и доступ к контактам без JavaScript. Затем включите его обратно и отдельно заблокируйте файл приложения. Сравните результаты и сформулируйте, какой минимальный сценарий сайт должен сохранять.

Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.