Приклад роботи скрипта визначення браузера
Ви можете перейти по посиланню нижче і подивитися приклад роботи даного скрипта.
В даному прикладі я просто виводжу різні повідомлення для різних браузерів. А для Mozila Firefox для блоку з текстом задаю синю рамку товщиною в 10пікселей. Можете перевірити у себе як цей стиль відображається в інших браузерах. Він повинен працювати тільки в Mozila Firefox
Зверніть увагу! Браузери Google Chrome і Яндекс-браузер працюють на одній і тій же платформі, а з недавніх пір до них приєдналася ще й Opera нових версій (старі версії працюють на іншій платформі). Тому якщо ви хочете поставити стилі або текст спеціально для них, то вам потрібно використовувати значення «Google Chrome» в скрипті визначення браузера. Для старих версій Opera в скрипі використовуємо значення «Opera»
При цьому врахуйте, що останні версії Opera, а також браузер Яндекс-браузер працюють на тій же платформі що і Google Chrome, тому для того щоб визначити стилі для них використовуємо значення змінної «Google Chrome»
Для того щоб замість виведення повідомлення у нас прописувалися певні стилі замість коду повідомлення в document.write ( '') пишемо або код для підключення певного файлу стилів, наприклад:
document.write ( '');
Або самі стилі, наприклад:
Давайте розглянемо як буде виглядати повний код скрипта визначення браузера із завданням певних стилів.
Код скрипта із завданням стилів
Код скрипта визначення браузера вписуємо або в кінці сторінки перед тегом
Або можна підключити цей скрипт як окремий файл також в кінці сторінки
Сам файл ви можете або створити самостійно або скачати за цим посиланням. потім поміняти значення на ті що вам потрібні і завантажити до себе на сервер.
Коли будете підключати скрипт не забудьте перевірити щоб шлях вказаний до скрипту був правильним.