BY Blogger - Беларуский блоггер

В марте 2010 Google собирается отключить поддержку устаревшего браузера Internet Explorer 6 в своих сервисах. В частности, пользователям мёртвого браузера не будут доступны основные функции Google Docs, Google Sites, а также поддержка дополнительных функций YouTube, который принадлежит Google.

С сегодняшнего дня пользователям Internet Explorer 6 при заходе на YouTube показывается сообщение с рекомендацией перейти на более современный браузер, или обновить IE до 8й версии. Пока что доступ к видео не ограничивается.

Для справки: Internet Explorer 6 был выпущен 27 августа 2001 года. В этом году старичку исполниться 9 лет. Само собой, web-технологии существенно изменились за это время, и устаревший браузер не может поддерживать все современные стандарты. IE6 является самой известной головной болью web-разработчиков, сайт нужно верстать дважды – под современные браузеры, и под IE6.

Итак, у вас блог на Wordpress, и мы хотим поддержать полезное начинание компании Google. Каким образом это можно сделать?

Предлагаю 2 варианта, мягкий, и радикальный.

Итак, мягкий вариант: мы будем показывать пользователям табличку, рекомендующую перейти на современный браузер.

Вставляем следующий код в любое видное место на вашем сайте. Как только сайт определит нарушителя с устаревшим браузером, ему будет показано сообщение, которое можно закрыть одним кликом.

<!–[if lt IE 6]> <div style=’border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;’> <div style=’position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;’><a href=»#» mce_href=»#» onclick=’javascript:this.parentNode.parentNode.style.display=»none»; return false;’><img src=»http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg» mce_src=»http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg» style=»border: none;» mce_style=»border: none;» alt=’Close this notice’ /></a></div> <div style=’width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;’> <div style=’width: 75px; float: left;’><img src=»http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg» mce_src=»http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg» alt=’Внимание!’ /></div> <div style=’width: 275px; float: left; font-family: Arial, sans-serif;’> <div style=»font-size: 14px; font-weight: bold; margin-top: 12px;» mce_style=»font-size: 14px; font-weight: bold; margin-top: 12px;»>Ваш браузер устарел</div> <div style=»font-size: 12px; margin-top: 6px; line-height: 12px;» mce_style=»font-size: 12px; margin-top: 6px; line-height: 12px;»>Чтобы сайт отображался правильно, установите современный браузер.</div> </div> <div style=’width: 75px; float: left;’><a href=»http://www.firefox.com» mce_href=»http://www.firefox.com» target=’_blank’><img src=»http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg» mce_src=»http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg» style=»border: none;» mce_style=»border: none;» alt=’Скачать Firefox 3.6′ /></a></div> <div style=’width: 75px; float: left;’><a href=»http://www.browserforthebetter.com/download.html» mce_href=»http://www.browserforthebetter.com/download.html» target=’_blank’><img src=»http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg» mce_src=»http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg» style=»border: none;» mce_style=»border: none;» alt=’Скачать Internet Explorer 8′ /></a></div> <div style=’width: 73px; float: left;’><a href=»http://www.apple.com/safari/download/» mce_href=»http://www.apple.com/safari/download/» target=’_blank’><img src=»http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg» mce_src=»http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg» style=»border: none;» mce_style=»border: none;» alt=’Скачать Safari 4′ /></a></div> <div style=»float: left;» mce_style=»float: left;»><a href=»http://www.google.com/chrome» mce_href=»http://www.google.com/chrome» target=’_blank’><img src=»http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg» mce_src=»http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg» style=»border: none;» mce_style=»border: none;» alt=’Скачать Google Chrome’ /></a></div> </div> </div> <![endif]–>

В результате мы получаем вот такую табличку с ссылками на современные браузеры.

Ваш браузер устарел

Чтобы сайт отображался правильно, установите современный браузер.

Способ номер два, радикальный. Вставляем в файл header.php между тегами <head> </head> следующий код:

<!–[if lt IE 6]> <STYLE>Доступ к блогу для пользователей Internet Explorer 6 закрыт!<![endif]–>

В итоге пользователь при попытке попасть на ваш сайт не увидит ничего, кроме сообщения «Доступ к блогу для пользователей Internet Explorer 6 закрыт!». Сообщение можете написать и самостоятельно, используя нецензурную лексику. Радикально, но очень действенно. Правда, есть возможность потерять часть читателей. Выбирать вам!

P.S. Данный код (и мягкий, и радикальный) применимы на любом сайте, не обязательно на движке Wordpress. Только вот куда вставлять код придётся разобраться самостоятельно.

—-

• С такой экологией каждый второй чем-то болеет. Полезный сайт про здоровый образ жизни рассказывает, как сохранить здоровье. Я за здоровый образ жизни, а вы?
• Практически сразу после выхода фильма в кинотеатрах он появляется на DVD. Если купить dvd, то можно наслаждаться хорошим качеством дома.
• На сайте «Музыкальный остров» можно скачать песни из последнего альбома Sum41 в отличном качестве. Рекомендую!

Читайте также

• Новые функции Google Maps
• Новый функционал Google Docs
• Чемпионат Мира с Google