Что делать если JavaScript отключен

В наше время разработчики сайтов очень часто используют javascript для создания различных эффектов. Я тоже не исключение. Ведь с помощью javascript можно реализовать удобное меню, правильно организовать вывод и работу с контентом на экране, а также реализовать огромное множество всяких полезняшек и красивостей.

Конечно вебмастеру в таком случае предстоит ответить на вопрос «А что увидит посетитель, если у него по каким-то причинам не работает javascript?». На этот счёт есть два основных мнения. Первое — пользователь сам виноват в том, что отключает возможности своего браузера и, соответственно, работа сайта при таком раскладе полностью проблема юзера. Второе мнение — пользователь должен «пострадать» минимально. Основной функционал должен быть работоспособным в любом случае, независимо от javascript.

Если с приверженцами первого мнения всё понятно (они пишут сайты, не обращая внимания на процент сёрферов с отключённым javascript — которые зайдут на страницу и не смогут перемещаться по сайту либо ощутят другой явный дискомфорт), то вторые всячески стараются реализовать функции для обоих вариантов (с включённым и выключенным javascript).

Это «лишний» код — могут возразить радикальные вебмастера, приверженцы плевания на своих пользователей. Да, но ведь удобство пользователя превыше всего. Сайт то мы делаем не для себя, а для посетителя. Поэтому просто обязаны удовлетворить всех (ну, или почти всех).

Веб разработчик обязан сделать так, чтобы посетитель увидел и смог воспользоваться сайтом независимо от своего браузера, каких-то предпочтений (не самых извращённых конечно) и отсутствия технического образования.

Это касается отключённого javascript, устаревшего браузера Internet Explorer 6 и вопросов юзабилити (интуитивно понятный интерфейс и всё такое). Сегодня мы говорим о js и сейчас я приведу несколько вариантов решения данного вопроса:

Выдача разного содержимого в зависимости от того, включен ли JavaScript

С помощью PHP

Например, можно при первой загрузке страницы (если в куках ничего нет) загружать пустую страницу, на которой ставить жаваскриптом куку и редиректить уже на нормальную страницу (php проверяет куку и выдаёт нужный контент). При последующих загрузках страницы, просто проверяем куку.

Или же сделать тоже самое, но независимо от кук. Они ведь тоже могут быть выключены. Сделать это можно с помощью простых запросов.

Это изрядное извращение, поэтому наглядных примеров не будет.

С помощью HTML и JavaScript

На странице устанавливается javascript редирект на страницу для посетителей с включённым js. Если же он выключен, то сёрфер останется на той же странице.

Обратно его отправит другой редирект (уже обычный мета тег HTML), если вдруг пользователь отключит JS.

То есть, даже если сёрфер будет заниматься хернёй включать и выключать скрипты в браузере, он попадёт на нужную страницу. Вот и примерчик имеется.

Использование тега <noscript>

В предыдущем примере noscript использовался для редиректа на специальную страницу для пользоваталей без JS.

Также с помощью носкрипта можно уведомить пользователя, что JavaScript отключён и функциональность сайта ограничена.

Изначально правильное проектирование с учётом возможности отключения javascript

Самый правильный вариант. Для примера возьмём обычную ссылку:

Рабочий пример

Видите, по этой ссылке пользователь в любом случае перейдёт по адресу http://neverlex.com. Если включен жаваскрипт, то сработает команда, заданная через onclick, а если отключён — то ссылка сработает, как обычный линк.

Зачем это нужно? Например, в интернет-магазине предусмотрено красивое добавление товара в корзину с помощью AJAX. Произойдёт одно из двух: либо добавление товара без перезагрузки страницы, либо с перезагрузкой. Но не в коем случае, покупатель не должен остаться без этого действия вообще. Клиент ведь всегда прав.

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

Каюсь. Сам раньше делал менюшки, особо не задумываясь о последствиях для сёрфера с отключёнными скриптами, однако теперь плотно изучив данный вопрос, решил для себя, что не буду больше позволять себе подобной глупости.

В конце приведу пример, почему стоит заботиться о ВСЕХ пользователях.

Вариантов очень много. Пользователь может не разбираться в компьютерах и «наклацать чото в браузере». Например, директор жирной конторы, который не умеет пользоваться компьютером, ищет себе поставщика какой-то услуги в Интернете (например, нужно сделать сайт), не собирается жалеть на этот заказ «много денег», но по каким-то причинам жаваскрипт у него выключен (зловредный сисадмин пошалил?). Он находит ваш сайт, но не может посмотреть портфолио или контакты из-за того, что менюха на вашем «сайте» работает только с помощью жаваскрипта. Он уйдёт и заплатит «много денег» другому специалисту, а вы останетесь в пролёте. Всё правильно, он сам виноват, но кто пострадал в результате?

Продолжаю обмен постовыми.

KtoNaNovenkogo.ru улучшает индексацию: Улучшаем индексацию сайта поисковиками — оптимальный файл robots.txt для Joomla, SMF, WordPress — Часть 2.

Ян Такушевич написал пост для любителей WP: Всё о миниатюрах в wordpress.

Автор блога: Алексей Опанасенко