Хороший тон: Если у пользователя отключен Javascript в браузере или устаревшая версия браузера

Хороший тон: Если у пользователя отключен 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>
Вот как выглядит сообщение.
Если у пользователя отключен javascript в браузере
    

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.
 
отключен javascript в браузере или устаревший браузер
 
Мне всегда хотелось сделать такое предупреждение. Согласитесь, приятно, когда о вас заботятся.
Источник: loco.ru

almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.

Вы можете почитать все статьи от almix'а.



Другие статьи по этой теме:

Комментарии (0)     Подпишитесь на RSS комментариев к этой статье.

Leave a Comment

Fields with * are required.

Картинка с кодом валидации
Пожалуйста введите символы с картинки. Регистр букв неважен.