Я уже как-то писал статью про , но сегодня я столкнулся с другой проблемой — как определить конкретную версию Internet Explorer. Как всем известно этот браузер постоянно преподносит нам сюрпризы, и каждая его версия практически живет свое жизнью. Бывают такие ситуации, что код адекватно работает в 9-й версии, но не работает в 8-й, и наоборот. И такие моменты встречаются при работе с каждой версией. Поэтому рано или поздно вам придется столкнуться с проблемой определения конкретной версии IE.
Как оказалось определить версию IE не составляет особого труда. При определении версии можно воспользоваться интересной особенностью Internet Explorer — у каждой версии этого «браузера» имеются уникальные глобальные объекты. Например, в IE9 существует глобальный объект document.addEventListener, и такой объект используется только в версиях старше IE9(включительно). Или же объект document.querySelector — он появился только в версии IE8 и используется в более новых версиях. Такие объекты есть в каждой версии, опираясь на них(проверяя их существование) можно легко составлять условия для конкретных версий Internet Explorer.
Какие объекты присутствуют в различных версиях я приведу в ниже:
IE10+ — window.atob
IE9+ — document.addEventListener
IE8+ — document.querySelector
IE7+ — window.XMLHttpRequest
IE6+ — document.compatMode
Еще один глобальный объект document.all существует во всех версиях IE, но не используется ни в каких других браузерах, основываясь на нем можно отличить IE от других браузеров.
В дополнение к этой помощи, общая контактная форма, отпечаток, а также общий обзор всех страниц веб-предложения принадлежат этому. Поле поиска для простого поиска по ключевым словам всегда находится в верхней части страницы возле логотипа города. Здесь вы можете ввести одно или несколько слов поиска. Поиск начинается с нажатия кнопки черного увеличительного стекла или нажатия клавиши ввода.
Помимо простого поиска по ключевым словам, вы можете использовать расширенный поиск. Здесь, помимо прочего, вы можете исключить слова и определить количество обращений на страницу. Используйте следующие параметры поиска, чтобы получить еще лучшие результаты.
Как определить версию Internet Explorer в javascript. КодТеперь у нас есть все необходимые составляющие: объект, который есть во всех версиях IE и только в нем — это позволит отличать его от других браузеров. А также у нас есть объекты, которые помогут отличать конкретные версии IE. Ниже приведу несколько примеров, которые наглядно покажут, как на практике можно использовать глобальные объекты IE.
Только слова с 2 или более символами принимаются максимум 200 символов для каждого запроса. Личные символы используются для разделения слов. можно использовать для поиска целых строк символов. Для пользователей с помощью прошивки на экране есть метки перехода вверху страниц, которые указывают непосредственно на эту справку или на содержимое. Они не видны пользователям современных графических браузеров.
Используйте клавишу табуляции, чтобы перейти от ссылки к ссылке. Скрытые подсказки отображаются над навигацией службы, как только вы используете ключ табулятора. Печать выполняется с использованием оптимизированной опции отображения. Распечатывается только контент. Для этого меню, верхний и нижний колонтитулы, а также краевые промежутки затемнены. Вам нужно только нажать функцию печати вашего браузера или символ печати в конце страницы.
If(document.all){ // код для всех версий IE. В других браузерах выполняться не будет } if(document.all && !window.atob){ // код для IE9 и ниже } if(document.all && !document.addEventListener){ // код для IE8 и ниже } if(document.all && !document.querySelector){ // код для IE7 и ниже } if(document.all && !window.XMLHttpRequest){ // код для IE6 и ниже } if(document.all && window.atob){ // код для IE10 и выше } if(document.all && document.addEventListener){ // код для IE9 и выше } if(document.all && document.querySelector){ // код для IE8 и выше } if(document.all && window.XMLHttpRequest){ // код для IE7 и выше } if(document.all && document.querySelector && !document.addEventListener){ // код только для IE8 }
В десяти шагах десятикратное увеличение увеличения достигается нажатием, соответствующее уменьшение уровня масштабирования на 10 процентов путем нажатия. Для этого выберите пункт меню «Вид» в строке меню браузера и укажите размер шрифта в процентах. Вы также можете сами определить уровень увеличения. . Дополнительные инструменты для упомянутых выше браузеров, такие как экранные лупы или прошивки, можно найти в индексе ресурсов компаса.
Это могут быть, например, офисы планирования или консультанты. Мы постараемся предоставить вам контент, насколько это возможно, по-другому. Мы используем эту справочную навигацию для области новостей, где вы можете выводить страницы сведений в навигации.
Хорошо если ваш сайт работает во всех, или почти во всех браузерах так, как вы того хотите. Все меняется, выходят новые версии, появляются новые возможности, и глупо их не использовать, в угоду «старичкам». Года 1,5 назад IE 6.0 (судя по статистике посещений одного из моих сайтов) был на каждом третьем компьютере, использующем IE. Приходилось с ним считаться, т.к. IE доминировал на компьютерах — более 40% посетителей пользовались IE. Я связываю такое распространение IE 6.0 (не смотря на то, что уже вышла 8я версия), в первую очередь, с широким распространением старых пиратских версий Windows XP в России, которые не подключаются к серверу обновлений.
Это позволяет перемещаться вперед и назад от документа до начальной страницы. Вернитесь к нормальному виду, нажав клавишу. Начиная с версии 3, это также учитывало графику или изображения. Однако вы также можете отключить эту функцию и только увеличить размер текста. Страницы барьерного компаса были разработаны в соответствии с действующими стандартами Интернета.
Эта помощь призвана помочь вам понять, как наилучшим образом использовать этот доступный веб-сайт и извлечь выгоду из преимуществ улучшенной доступности. Наши интернет-страницы были специально разработаны таким образом, чтобы они были доступны как можно большему количеству пользователей Интернета. Короче говоря, они безбарьерны.
Сейчас активно устанавливают и более свежие версии XP (тоже почти везде пиратские), где уже в комплекте идет 7-я версия IE, и Windows 7, поставляемая с MSIE 8.0. Кроме того, IE пришлось потесниться, а на первое место вышла Opera (29,8% посетителей), а IE, потеряв более 10%, занимает 2-е место, набрав 28.8% от общего объема посетителей. При этом доля IE 6.0 в общем объеме пользователей IE сократилась с 34% до 15%. Замыкает тройку лидеров — FireFox.
Вы можете использовать клавиатуру для изменения значения увеличения в несколько шагов, каждый шаг соответствует скачку 10%. Для этого выберите пункт «Просмотр» в строке меню и укажите коэффициент масштабирования. Сделайте свой сайт великолепным в любом месте.
Когда мы начинаем разрабатывать веб-сайт, нам определенно интересно, что он отлично выглядит в любом браузере? и, если возможно, хорошо выглядеть долгое время, даже в будущих версиях этих браузеров. В прошлом большинство браузеров реализовывали очень востребованные функции, которые еще не подчинялись никаким стандартам.
Так образом, IE 6.0 сейчас пользуется каждый 20й пользователь (около 5%). С ними все ещё приходится считаться.
Это долгое вступление призвано показать, что вопрос о том поддерживать какие то версии браузеров или нет — серьёзный, требует периодических исследований, чтобы понимать какова текущая ситуация. Она будет разной для разных регионов, возможно даже будет зависеть от тематики сайта. Рано или поздно возникает идея сообщить пользователю, что мол, есть уже новые браузеры (пора ими начать пользоваться, дружок!).
Конечно, мы можем думать, что очень хорошо, что некоторые браузеры «продвигаются», чтобы поддерживать новые функции перед кем-либо еще. Но когда эти функциональные возможности еще не являются стандартными, то, что они делают, порождает проблемы для разработчиков, поскольку мы должны учитывать все различные реализации, которые сделаны из каждой функциональности.
С одной стороны, разработчики находят феноменальным возможность тестировать эти новые функции. Но преждевременное принятие часто приводит к тому, что веб-сайты используют функции, которые серьезно влияют на страницы при каждом изменении версии браузера. Это потрясающий опыт для пользователей и разработчиков. В этом сотрудничестве он намерен. Из-за всех проблем и ограничений обнаружения браузера мы теперь увидим другую альтернативу.
Определить версию программы браузера, его семейство и предпринять какие то действия, вы можете как на стороне сервера, так и на стороне клиента. Для примера кусочек кода на javascript, позволяющий определить, что пользователь использует IE версии ниже чем 7.0
... function check_version() { //после загрузки документа, будет выполнена проверка версии браузера //и предприняты какие то действия ...
Прежде чем использовать функциональные возможности, которые, как вы знаете, реализованы по-разному в некоторых браузерах, вы можете запустить небольшой тест, чтобы узнать о доступности в каждом конкретном случае конкретного объекта, метода, свойства или поведения.
В большинстве случаев это можно сделать, пытаясь создать новый экземпляр рассматриваемой функциональности. Если этот экземпляр возвращает значение, отличное от нуля, браузер, который его выполняет, понимает эту функциональность. Если нет, вы можете попытаться выяснить, есть ли какие-либо другие варианты, или вы можете использовать некоторую старую реализацию, эквивалентную несовместимым функциям.
. . .
function check_version () { < ! -- var str = navigator . appVersion ; var reg = /MSIE[\s]([\d])/i ; var matches = str . match (reg ) ; if (str . indexOf ("MSIE" ) > 0 && matches [ 1 ] < "7" ) { //к примеру, покажем блок с сообщением, вроде - "вы используете старую версию var obj = document . getElementById ("hintIE" ) ; obj . style . display = "block" ; //-->
< / head > //после загрузки документа, будет выполнена проверка версии браузера Известные конфигурации браузераСравнение обнаружения и функциональности браузера. Эти диаграммы могут помочь прояснить различия между двумя альтернативами в разных ситуациях. Это все возможные варианты кода, которые будут стоить для нашего сайта тестирования. Когда мы смотрим на известные конфигурации браузера, оба метода работают хорошо. Неизвестные настройки браузераСитуация становится действительно интересной, когда нам приходится иметь дело с неизвестными конфигурациями браузера. Однако в этом примере страница не будет выглядеть хорошо, если мы будем использовать обнаружение браузера, потому что нет альтернативы, которая связывает все допустимые сегменты кода, даже если страница содержит весь код, который необходимо правильно видеть в этот неизвестный браузер конфигурации. //и предприняты какие то действия < body onload = "check_version();" > . . . |
В PHP можно обратиться к заголовкам, передаваемым браузером, с помощью ф-ции getallheaders() , она вернет ассоциативный массив, где элемент будет содержать информацию о браузере.
Так мы выяснили, что путей как минимум — 2. Какой лучше? Я сторонник того, чтобы вся работа, которая не сопряжена с безопасностью, которая достаточно легко реализуема на стороне клиента — выполнялась на клиентской машине. В наше время чаще получается так, что ресурсы клиентских машин значительно превышают возможности виртуальных выделенных веб-серверов. Вот пусть они и работают по мере возможности:).
Примеры определения функциональностиВо-первых, всегда проверяйте стандарты, поскольку часто браузер поддерживает недавний стандарт и некоторую альтернативу предыдущему коду. Во-вторых, в каждом тесте проверяются только соответствующие функции, которые ищутся, всегда пытаясь принять наименьшее количество функциональных возможностей, совместимых с каждым браузером, во избежание сюрпризов.
Давайте рассмотрим некоторые примеры обнаружения функций. Следующий скрипт открывает две альтернативы. Другая хорошая тактика заключается в инкапсуляции обнаружения функциональности в рамках ряда функций, которые затем могут использоваться во всем коде. Он просто возвращает «истина» или «ложь», что облегчает повторное использование подпрограммы.
С другой стороны, у клиента вообще могут не работать javascripts и тогда выполнить проверку на сервере — единственный путь. Явление это очень редкое, хотя точной статистики у меня нет.
Есть тут и «подводные камни». Ведь если не принимать в счет мои личные предпочтения, то выполнить проверку на стороне сервера будет принципиально более верным подходом. Хотя бы потому, что определить версию браузера на некоторых старых клиентах, будет нельзя так, как я это показал в примере. И скрипт будет более сложным. Одним из подводных камней может оказаться система кеширования страниц сайта (как, например, у drupal). Один раз определив на стороне сервера, что клиент подходит или, наоборот, не подходит для отображения сайта, страница с данным результатом будет отображаться всем другим анонимным клиентам, пока не кончится время жизни кеша. В таких случаях уже javasctipt является единственным подходящим вариантом.
При использовании обнаружения функции всегда используйте его на вновь созданных элементах или объектах. При этом вы можете контролировать случай, когда другой скрипт на той же странице смог изменить ситуацию с момента ее создания, что приведет к непредсказуемому и непредсказуемому поведению.
Браузер отображает первый подэлемент, поддерживаемый верхним элементом, и визуально скрывает элементы ниже. В простейшей форме процедура будет выглядеть так. Но резервное копирование также работает для разных видеоформатов на одной и той же метке. Ваш браузер не поддерживает видео изначально.
Сталкивался с таким поведением плагина fancybox. При открытии модального окна, происходит прокрутка в основном окне к самому верху. Как с этим бороться? Это происходит не всегда, а при некоторых случаях верстки. Верстку уже менять проблематично, ...
