Хороший тон: Если у пользователя отключен Javascript в браузере или устаревшая версия браузера
Иногда у пользователя может быть отключен Javascript и он этого не замечает, хорошо дать ему знать об этом и обезопасить себя от нападок с его стороны. Тем более сейчас в интернете с отключенным javascript в браузере лазают только разработчики в целях тестирования, но всё же давайте учиться доброму.
Не важно по какой причине у пользователя оказался отключен javascript, мы хотим быть дружелюбными и предупредим его об этом.
1. Если ваше приложение не работает с выключенным javascript'ом.
Это полезно для панели управления, где много javascript-наворотов и без их обработки панель управления теряет в сыоей функциональности. Создадим страницу, которая будет показываться пользователю, если у него отключен Javascript. Обзовем её - nojs.php, а на остальных страницах сайта в секции <head> добавляем <noscript> с<meta>:
<head>
<noscript><meta http-equiv="refresh" content="0;url=/nojs.php"/></noscript>
</head>
Вот код nojs.php, который мы использовали для loco.ru:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Englishow.ru - Личный Кабинет</title>
<link rel="stylesheet" href="css/admin.css" type="text/css" media="screen" charset="utf-8" />
</head>
<body>
<div style="margin: 0 50px;">
<div id="background">
<br /><br /><br /><br /><br /><br /><strong>У Вас отключен JavaScript.</strong> Для работы в Личном кабинете необходимо,<br>чтобы JavaScript был включен. Как включить — смотрите <a href="http://www.google.ru/support/adsense/bin/answer.py?answer=12654" target="_blank">здесь</a>.<br><br>После того, как Вы включите JavaScript, перезагрузите страницу (F5).<br><br>Если у Вас есть вопросы по работе в Личном кабинете — свяжитесь с <br>loco.ru по координатам, указанным в <a href="http://loco.ru/contact" target="_blank">контактах</a>.
</div>
</div>
</body>
</html>
Вот как выглядит сообщение.
2. Если приложение работает, но использует скрипты javascript.
Часто во фронтэнде, чтобы сам сайт всё таки открывался и работал. Тогда лишь выводим предупреждающий div в том месте страницы, где хотим:
<!--[if IE 6]> <div class="warning"><noindex>Вы используете устаревший браузер! Для комфортной работы рекомендуем установить новый <b>Firefox</b> или <b>Chrome</b> или <b>Internet Explorer</b> или <b>Opera 10</b>!</noindex></div> <![endif]--> <noscript> <div class="warning"> <noindex>Внимание! В вашем браузере отключен <b>JavaScript</b>. Для работы с сайтом, <b>включите его</b>.</noindex> </div> </noscript> <br />
Здесь также выводится сообщение, если у пользователя устаревший браузер, например, IE 6.
Мне всегда хотелось сделать такое предупреждение. Согласитесь, приятно, когда о вас заботятся.
Источник: loco.ru
almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.
Вы можете почитать все статьи от almix'а.
Другие статьи по этой теме:
- 1 Git для начинающих. (12.04.2013)
- 0 Composer – пакетный менеджер PHP. Что и как? (22.07.2014)
- 0 Лишь этот голос. Наталья Ром – Хочу говорить крaсиво! Техники речи. Техники общения (23.07.2014)
- 0 Путешественнику на заметку: Необходимые выражения на разных языках (28.11.2014)
- 0 Synology и VPN подключение удалённого компьютера. (31.05.2014)
- 0 MySQL и PHP: Вычисление возраста (количество лет) по дате рождения (20.06.2017)
- 0 Браузер не открывает страницы, а скайп и icq работают. Что делать? (12.05.2014)
- 0 Yii: Bootstrap tabs, делаем активной вкладку на которую выполняется переход по ссылке (20.03.2014)
- 0 CodeIgniter: Всплывающая форма обратной связи на Ajax в Bootstrap Modal и проверкой Captcha (18.02.2014)
- 0 Если на флешке пропали файлы (07.02.2014)
- 0 Как изменить часовой пояс на сервере (16.11.2013)
- 0 Ошибка при выполнении команды grunt после обновления OS X 10.9: Bus error: 10. Перестал работать grunt (07.11.2013)
- 0 PHP: Как удалить файлы по маске? (07.11.2013)
- 0 Регулярные выражения в PHP (12.04.2014)
- 0 Как сделать потоковое видео на сайте. (24.10.2013)
- 0 Opencart: Модуль Filter Product OpenCart_v1.5.x: Как скрывать недоступные опции в фильтре (23.10.2013)
- 0 Защита от спама в phpBB3 без капчи (09.10.2013)
- 0 Php функция implode внутри запроса SELECT к MySQL. (02.09.2013)
- 0 Защитить сайт или определённую папку паролем с помощью .htaccess (27.05.2013)
- 0 Удаление папок subversion (.svn) из проекта в Windows (22.03.2013)
- 0 Как убрать папку www из денвера? (22.03.2013)
- 0 Устанавливаем и настраиваем WampServer (аналог MAMP в Mac и возможная замена Denwer'у) на Windows (22.03.2013)
- 0 Гугл закрывает Google Reader (17.03.2013)
- 0 Сброс пароля для root в mysql установленном через Denwer в Windows (14.03.2013)
- 0 Полезные возможности PhpStorm и настройка горячих клавиш (14.03.2013)
Комментарии (0)
Подпишитесь на 
RSS комментариев к этой статье.
RSS комментариев к этой статье.
