Мета проекту Goodbye IE6
Мета проекту - стимулювати користувачів інтернету переходити на нове, сучасне програмне забезпечення. Сайти, які оптимізовані для старих браузерів стають перенавантаженими та повільними внаслідок додаткових перевірок та розгалужень у сценаріях.
Виходячи з цього, ми пропонуємо усім зацікавленим приєднатися до нашого проекту, чим полегшити процес розробки сайтів собі та мільйонам програмістам. Щоб приєднатися до проекту використовуйте запропонований на цьому сайті сценарій перевірки сумісності браузера, який перевіряє, чи браузер задовольняє усім вимогам і у випадку, якщо ні, виводить відповідне попередження користувачу та пропонує завантажити новий браузер.
Як воно працює?
Сценарій BrowserCompatible.js працює наступним чином. Після виклику функції check(), сценарій перевіряє назву та версію браузера. Далі він порівнює дані з масивом допустимих версій. Якщо версія браузера не є допустимою, автоматично створюється та виводиться попередження для користувача. Якщо це дозволено налаштуваннями, користувач може закрити попередження. Подивитися приклад.
Як додати перевірку на свій сайт?
Додати перевірку браузера дуже просто. Згенеруйте код з своїми налаштуваннями та скопіюйте його на свій сайт.
Детальніше принцип роботи сценарію читайте нижче.
<script src="http://www.goodbyeie6.org.ua/BrowserCompatible.js" type="text/javascript"></script>
Цим ми підключимо сценарій BrowserCompatible.js до сайту. Для економії трафіку можна використати одну з оптимізованих версій:
BrowserCompatible.js 16Kb без оптимізації
BrowserCompatible_ml.js 11Kb оптимізований, багатомовний
BrowserCompatible_en.js 6Kb оптимізований, англійська
BrowserCompatible_ua.js 7Kb оптимізований, українська
BrowserCompatible_ru.js 7Kb оптимізований, російськa
Всі ці файли збереженні з кодуванням UTF-8. Якщо потрібно змінити кодування на, наприклад, Win-1251, допишіть до назви файлу ?enc="Windows-1251" (Список всіх кодувань).
Звичайно, Ви можете зберегти сценарій в себе, але ми наполегливо рекомендуємо підключати сценарій з http://www.goodbyeie6.org.ua/, оскільки тут до нього будуть вноситися виправлення і покращення.
Щоб запустити перевірку, яка виведе попередження потрібно викликати наступну функцію:
BrowserCompatible.check();
Цю функцію найкраще викликати тоді, коли вся сторінка вже завантажилася. Тому пропонуємо три способи її вставити.
1. Найпростіший
<script type="text/javascript">
BrowserCompatible.check();
</script>
Цей код потрібно вставити відразу перед закриваючим тегом </body>.
2. На подію onload
<body onload="BrowserCompatible.check()">
Якщо Ви маєте таку можливість, додайте до тегу <body> атрибут onload із викликом функції.
3. Для програмістів
window.onload=function(){
// ... your code here
BrowserCompatible.check();
}
Якщо Ви маєте написані на Javascript сценарії, які виконуються на подію onload, тоді можете додати виклик перевірки браузера до готової функції.
Все! Тепер, якщо відвідувач зайде до Вас на сайт зі свого старенького браузера, він вже побачить попередження.
Що я можу змінити?
Попередження про несумісність браузера можна налаштувати під свій сайт. Зараз я опишу доступні для зміни параметри.
1. Мінімальні версії браузерів
Якщо потрібно заборонити доступ з усіх браузерів крім Firefox 3 та Internet Explorer 8 потрібно змінити наступне:
<script src="browsers.js" type="text/javascript">
BrowserCompatible.compatibleBrowsers = {
"Firefox": 3,
"IExplorer": 8
}
</script>
Тепер якщо на сайт зайти з Safari, Опера чи молодших версій Firefox і Explorer користувачу буде виведено попередження.
Всі браузери, яких немає у списку compatibleBrowsers, або з версіями молодшими, ніж вказана, відноситимуться до несумісних. Які мінімальні версії браузерів є в типових налаштуваннях?
2. Список та порядок рекомендованих браузерів
У попередженні користувачу пропонується завантажити один з браузерів. Наступний масив дозволяє вибирати, які браузери пропонувати користувачу для завантаження. Порядок браузерів у масиві відповідає порядку їх виводу у попередженні.
<script src="browsers.js" type="text/javascript">
BrowserCompatible.offeredBrowsers = [
"Firefox",
"Safari",
"Flock"
]
</script>
Так виглядатиме масив пропонованих браузерів, якщо ми хочемо запропонувати користувачу браузери, побудовані на Geсko. По замовчуванню я пропоную такі браузери.
3. Кнопка "Закрити"
Якщо є потреба залишитися більш лояльним до користувача, можна дозволити йому закрити попередження.
<script src="browsers.js" type="text/javascript">
BrowserCompatible.allowCancel = true;
</script>
При цьому при переході на кожну наступну сторінку попередження буде показуватися знову.
4. Прапорець "Не показувати наступного разу"
Щоб при переходах між сторінками попередження не показувалося потрібно ввімкнути параметр allowToHide. Якщо цей параметр ввімкнено, то внизу попередження буде перемикач "Не показувати наступного разу".
<script src="browsers.js" type="text/javascript">
BrowserCompatible.allowToHide = true;
</script>
Проте, думаю, дозволяти останні два параметри не варто, оскільки в користувача може скластися хибне враження про роботу Вашого сайту.
5. Час виключення попередження
Коли користувач відзначить перемикач "Не показувати наступного разу", інформація про це зберігатиметься у куках. Термін зберігання можна задати наступною властивістю (у днях).
<script src="browsers.js" type="text/javascript">
BrowserCompatible.cookiesExpire = 7;
</script>
В такому випадку наступного разу ми нагадаємо користувачу, що треба змінити браузер через 7 днів.
6. Мова та тексти
Ви можете змінити мову текстів на одну із доступних, або написати тексти попередження самому.
Щоб змінити мову:
<script src="browsers.js" type="text/javascript">
BrowserCompatible.lang="en";
</script>
Параметр lang може приймати значення "uk", "en", "ru", "". У випадку, якщо lang="", то сценарій автоматично визначатиме мову, виходячи з мови браузера. Якщо браузер просить показати попередження на недоступній мові (наприклад, німецькій "de"), то основною мовою буде англійська.
Якщо потрібно, Ви можете змінити весь текст попередження.
<script src="browsers.js" type="text/javascript">
BrowserCompatible.langTranslations["en"]: {
"title": "Incompatible browser",
"description": "desc...",
"recomendation": "We recommend...",
"cancel": "Close the prevention",
"dontShowAgain": "Don't show this prevention again",
"Firefox": "Firefox description...",
"Flock": "Flock description...",
"IExplorer": "Internet Explorer description...",
"Safari": "Safari description...",
"Opera": "Opera description..."
}
</script>
Якщо Ви переклали повідомлення на мову, якої тут ще немає, ми будемо раді додати Ваш переклад до стандартного набору BrowserCompatible. Надсилайте Ваші переклади на адресу ThanksForEmail@gooodbyeie6.org.
Також можна змінити і лише один фрагмент попередження. Очевидно, в квадратних дужках можна вказати будь-яку доступну мову.
<script src="browsers.js" type="text/javascript">
BrowserCompatible.langTranslations["en"].title="New title";
</script>
Які типові налаштування?
У сценарії початково встановленні значення всіх параметрів, які на думку автора є оптимальними. Звичайно, якщо потрібно, все можна змінити.
1. Масив допустимих версій
compatibleBrowsers: {
"Opera": 9.25,
"Firefox": 2,
"IExplorer": 7,
"Safari": 525.17, //3.1
"Flock": 1.1
}
2. Рекомендовані браузери
offeredBrowsers: [
"Firefox",
"Flock",
"Safari",
"IExplorer",
"Opera"
]
3. Кнопка "Закрити"
allowCancel: false
4. Прапорець "Не показувати наступного разу"
allowToHide: false
5. Термін вимкнення попередження
cookiesExpire: 1
6. Мова та тексти
lang: "",
langTranslations: {
"uk": {
...
},
"ru": {
...
},
"en": {
...
}
}
return_links(3); ?>
