Да-да. Если ваш код отлично работает в Developer Preview, это совершенно не значит, что он заработает в релизной версии, которая внезапно одномоментно раскатится паре десятков миллионов человек по всему миру. Но вы ни в коем случае не занимайтесь детектом версии по юзер-агенту!
Фиг с ним, с Developer Preview. В их прекрасной поделке нужно отличать версию оси, под которой она работает! Я серьёзно.
Вот сидят люди. В трудовой у них, наверняка, написано что-то типа Senior Software Architect. Придумывают стандарт PointerEvents , в котором, чин чинарём, всё по-взрослому - специальный флаг navigator.pointerEventsEnabled показывает, поддерживает ли браузер пойнтер-события или нет. Чтобы, понимаешь, никто ничего по юзер-агенту не детектил, а всё как в нормальных браузерах.
А потом внезапно выясняется, что у тех же людей обработка жестов падает в IE10/Win7. Вот прям в msdn-е так и написано:
Note
The APIs we discuss in this section aren"t supported in Windows 7 or earlier.
msdn.microsoft.com/en-us/library/ie/dn433243%28v=vs.85%29.aspx
Так что помимо 20 разных версий IE у вас есть как минимум две разных версии ОСи - Win7 и Win8. На самом деле, их больше - есть ещё Windows Phone и Windows RT, а в Windows 8 ещё есть два режима браузера - метро и десктоп. Они все отличаются. Нам повезло, мы не нашли прям заметных багов, чтобы держать отдельные ветки кода ещё и под эти оси - не факт, что вы окажетесь столь же удачливыми. Ну что, сколько там версий IE получилось? Я уже запутался, но, наверное, под сотню.
А теперь - десерт! Вот допустим вы просто пишете веб-странички, вам плевать на режимы браузера и вы вообще недоумеваете, чего париться - сайт ведь не может сам перейти в какой-нибудь режим совместимости, правда?
У меня есть для вас плохие новости, ребята. Заходите вот сюда:
iecvlist.microsoft.com/ie10/201206/iecompatviewlist.xml
И ищите там свой сайт.
Знаете, что это? Это глобальный Compatibility List, в который заносятся сайты, которые, по мнению Майкрософт, нужно показывать в каком-нибудь из режимов совместимости.
Нет, серьёзно, они отсматривают весь Интернет и составляют реестр сайтов, которые плохо себя вели!
Знаете, как сайты попадают в этот список? Майкрософт выпускает превью-версии своих браузеров. В них есть специальная кнопочка в адресной строке - показать этот сайт в режиме совместимости. Майкрософт собирает анонимную статистику - если в эту кнопку часто тыкают, сайт попадает в реестр.
Серьёзно, они этого даже не скрывают. Похоже, даже немножечко гордятся.
msdn.microsoft.com/ru-ru/library/gg699485%28v=vs.85%29.aspx
Выбраться из этого списка очень просто - написать в саппорт Майкрософт, ага.
Ну и вишенка на торте: допустим я вас убедил и вы регулируете, в каком режиме показывать страницу, с помощью специальной меты , дабы избежать ненужных проблем. Так вот, в IE11 (по крайней мере в RTM-версии, сейчас лень проверять) она не работает - факт нахождения в списке совместимости приоритетнее заданного вебмастером X-UA-Compatible!
Дорогая Microsoft! Прекрати, пожалуйста, над нами издеваться и вкрути движок Gecko в свой так сказать продукт.
Теги:
Добавить метки
Режим совместимости IE - это опция, предназначенная для отображения страницы в браузере так, как бы она выглядела в более старой его версии. Причина, по которой такой режим появился, заключается в том, что различия между тем, как старые версии IE отображали веб-страницы, были настолько велики, что с выходом новых его версий многие сайты переставали отображаться корректно.
Для включения такого режима существует специальная кнопка, расположенная в конце адресной строки:
Также режим совместимости можно включить на панели “Средства разработчика” (включается нажатием F12), меню “Режим браузера”.
В IE9 в этом меню есть возможность выбора разных режимов совместимости: IE7, IE8 и режим представления совместимости IE9. Выбор одного из этих режимов определяет то, какое значение User-Agent будет отправлено на сервер, каким образом будут прочитаны условные комментарии и режим документа.
User-Agent - это строка, которую браузер отправляет на сервер для того, чтобы идентифицировать его версию, а также версию операционной системы. Следовательно, если выбран режим браузера IE7, то сервер получит данные о том, что это IE7, если IE8, то IE8, и.т.д. Если выбрать режим представления совместимости IE9, то в User-Agent также будут отправлены данные, что версия - IE7. Если необходимо, чтобы сайт всегда открывался в определенном режиме совместимости, можно задать User-Agent через тег :
Document
Если здесь прописать версию от 5 до 9, то страница будет принудительно отображаться именно в режиме этой версии браузера. Также версии можно задать значение “Edge”:
Document
Это означает, что документ будет открываться в наиболее доступном режиме браузера, то есть, если используемый браузер IE8 - будет режим IE8, если IE9, то IE9, и.т.д. В таком случае кнопка “Представление совместимости” возле адресной строки не будет доступна.
Важно, чтобы в секции head выше тега был только тег
.</p>
<p>Также режимом представления совместимости в браузере можно управлять через меню “Сервис” -> “Параметры режима представления совместимости”.</p>
<p><img src='https://i1.wp.com/ts-soft.ru/blog/wp-content/uploads/2013/10/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA.png' width="100%" loading=lazy><br><img src='https://i0.wp.com/ts-soft.ru/blog/wp-content/uploads/2013/10/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA.png' width="100%" loading=lazy></p>
<p>Даже если разработчики явно указали на совместимость страницы с последней версией IE, и кнопка включения режима совместимости недоступна, через это меню можно добавить сайт в список тех, которые всегда должны отображаться в режиме представления совместимости.</p>
<p><img src='https://i2.wp.com/ts-soft.ru/blog/wp-content/uploads/2013/10/pngbase64775ae231207812c8.png' height="469" width="418" loading=lazy></p>
<p>Иногда встречаются ситуации, когда в Internet explorer 11 или 10 веб страницы отображается не корректно.</p><p>Это происходит потому, что новых браузерах вид страниц может немного изменятся. В итоге сайт может выглядеть необычно.</p><p>Чтобы вид исправить, разработчики внедрили в IE 11 и 10 функцию, под названием «режим совместимости».</p><p>Если включить режим совместимости в IE 11 или 10, то параметры отображения сайтов изменяются – приобретают функциональность Internet explorer 9 или 8.</p><p>Режим совместимости можно включать не только для браузера IE 11 и 10, но и для игр и программ, только немного по-другому.</p><h2>Настройка браузера Internet Explorer 11 или 10 для включения режима совместимости</h2><p>Прежде чем перейти к включению режима совместимости в браузерах IE 11 или 10 вам потребуется выполнить один маленький шаг, а точнее включить отображение «меню».</p><p>Для этого кликните в любом месте в самом верху браузера правой клавишей мышки и поставьте галочку напротив строки: «строка меню».</p><p>Теперь появится новая линейка, в которой вам будут доступно множество настройки «под себя».</p> <br> Также обратите внимание, что при несовместимости страницы с браузером internet explorer 11, то в адресной строке (с правой стороны) возникает кнопка, нажав на которую браузер автоматически переключится, на отображение сайтов как было в старых версиях.<h2>Включение режима совместимости в IE 11 и 10</h2><p>Теперь, когда у вас появилась линейка меню, нажмите на опцию «сервис» и в появившейся вкладке выберите: «параметры просмотра в режиме совместимости» или «просмотр…».</p><p><img src='https://i2.wp.com/vsesam.org/htdocs/wp-content/uploads/2014/09/vklyuchit-rejim-sovmestimosti-v-internet-eksplorer.jpg' align="center" width="100%" loading=lazy></p><p>После этого адрес веб-страницы, на которой вы находитесь, будет прописан в появившемся окне (если выберите первый пункт), где вам будет предложено добавить сайт для просмотра в режиме совместимости.</p><p>Нажмите на кнопку «добавить» и ваш браузер InternetExplorerперестроится и начнет корректно отображать добавленный сайт.</p><p>Тем, кто желает выключить режим совместимости в internet explorer 11, в открытом обозревателе нажмите клавишу «Alt» для появления строки меню или вызовите ее как описано выше.</p> <br> Далее перейдите в «сервис» и нажмите на строку «удалить журнал браузера». Появится окно в котором можно очистить список режима совместимости как полностью, так и для отдельных сайтов (опция журнал).<p>Следует отметить, что эта функция в интернет эксплорер довольно полезна и обновляется автоматически.</p><p>Туда заносятся адреса сайтов, которые разработаны под старые версии IE, хотя при желании обновления можно отключить.</p><p>Однако отключать не торопитесь — многие сайты при включенной функции намного лучше отображается. Успехов.</p>
<p>Когда вы разрабатываете сайт, нужно проверять его на совместимость с разными версиями Internet Explorer. С другой стороны, можно просто попасть на страницу, несовместимую с новейшей версией браузера Microsoft. В таких случаях вам поможет режим совместимости Internet Explorer 9.</p><p>Если вы попали на страницу, которая отображается некорректно, то первым делом попробуйте включить режим совместимости (чаще всего это помогает, пример на рисунке 1).</p><p><b>Рисунок 1 - Сайт, не совместимый с Internet Explorer 9 (слева стандартный просмотр, справа - в режиме совместимости)
</b></p><p>Когда вы заходите на сайт, который явно не указывает на то, что он совместим с Internet Explorer 9, то в адресной строке появляется кнопка . Нажмите на эту кнопку для включения режима совместимости (страница после нажатия на эту кнопку обновится). Для отключения режима совместимости нажмите эту кнопку повторно. После этого сайт всегда будет отображаться в режиме совместимости, а кнопка будет вот такой .</p><p>Если разработчики сайта обновят сайт и явно укажут на совместимость сайта с Internet Explorer 9, то режим совместимости автоматически отключится. Для просмотра параметров режима совместимости нажмите <Alt> - меню <b>Сервис
</b> - строка <b>Параметры реж има представления совместимости
</b>. Если вы захотите удалить какой-то сайт, то выберите сайт в списке <b>Веб-узлы, добавленные к просмотру в режиме Совместимости
</b> и нажмите на кнопку <b>Удалить
</b>.</p><p><img src='https://i2.wp.com/oszone.net/figs/u/72715/110406111816/image004.jpg' height="469" width="418" loading=lazy></p><p><b>Рисунок 2 - Параметры режима представления совместимости
</b></p><p>Для добавления сайта в список введите URL сайта в строку <b>Добавить этот веб-узел
</b> и нажмите <b>Добавить
</b>. Если вы хотите всегда работать в режиме совместимости (например, вы работаете только в локальной сети, где веб-узлы разрабатывались в расчете на восьмую или седьмую версию IE), то поставьте флажок в пункт <b>Отображать все веб-узлы в режиме представления совместимости
</b>. В параметре <b>Отображать узлы интрасети в режиме представления совместимости
</b> по умолчанию стоит флажок, он указывает браузеру открывать сайты предприятия в режиме совместимости с IE7.</p><p>Если вы хотите включить режим совместимости не под восьмую версию браузера, то нажмите <F12>, внизу окна появится панель разработчика (рисунок 2).</p><p><b>Рисунок 3 - Панель разработчика
</b></p><p>Выберите <b>Режим документов
</b> и в раскрывающем списке выберите нужную версию браузера. Для того чтоб браузер опознавался на сайтах как другая версия нажмите <b>Режим браузера
</b> и выберите нужную версию.</p><p>Команда разработчиков Internet Explorer 9 пообещала, что пользователи IE смогут просматривать весь интернет. По-моему, у них это получилось.</p>
<p>Когда вы разрабатываете сайт, нужно проверять его на совместимость с разными версиями Internet Explorer. С другой стороны, можно просто попасть на страницу, несовместимую с новейшей версией браузера Microsoft. В таких случаях вам поможет режим совместимости Internet Explorer 9.</p><p>Если вы попали на страницу, которая отображается некорректно, то первым делом попробуйте включить режим совместимости (чаще всего это помогает, пример на рисунке 1).</p><p><b>Рисунок 1 - Сайт, не совместимый с Internet Explorer 9 (слева стандартный просмотр, справа - в режиме совместимости)
</b></p><p>Когда вы заходите на сайт, который явно не указывает на то, что он совместим с Internet Explorer 9, то в адресной строке появляется кнопка . Нажмите на эту кнопку для включения режима совместимости (страница после нажатия на эту кнопку обновится). Для отключения режима совместимости нажмите эту кнопку повторно. После этого сайт всегда будет отображаться в режиме совместимости, а кнопка будет вот такой .</p><p>Если разработчики сайта обновят сайт и явно укажут на совместимость сайта с Internet Explorer 9, то режим совместимости автоматически отключится. Для просмотра параметров режима совместимости нажмите <Alt> - меню <b>Сервис
</b> - строка <b>Параметры реж има представления совместимости
</b>. Если вы захотите удалить какой-то сайт, то выберите сайт в списке <b>Веб-узлы, добавленные к просмотру в режиме Совместимости
</b> и нажмите на кнопку <b>Удалить
</b>.</p><p><img src='https://i2.wp.com/oszone.net/figs/u/72715/110406111816/image004.jpg' height="469" width="418" loading=lazy></p><p><b>Рисунок 2 - Параметры режима представления совместимости
</b></p><p>Для добавления сайта в список введите URL сайта в строку <b>Добавить этот веб-узел
</b> и нажмите <b>Добавить
</b>. Если вы хотите всегда работать в режиме совместимости (например, вы работаете только в локальной сети, где веб-узлы разрабатывались в расчете на восьмую или седьмую версию IE), то поставьте флажок в пункт <b>Отображать все веб-узлы в режиме представления совместимости
</b>. В параметре <b>Отображать узлы интрасети в режиме представления совместимости
</b> по умолчанию стоит флажок, он указывает браузеру открывать сайты предприятия в режиме совместимости с IE7.</p><p>Если вы хотите включить режим совместимости не под восьмую версию браузера, то нажмите <F12>, внизу окна появится панель разработчика (рисунок 2).</p><p><b>Рисунок 3 - Панель разработчика
</b></p><p>Выберите <b>Режим документов
</b> и в раскрывающем списке выберите нужную версию браузера. Для того чтоб браузер опознавался на сайтах как другая версия нажмите <b>Режим браузера
</b> и выберите нужную версию.</p><p>Команда разработчиков Internet Explorer 9 пообещала, что пользователи IE смогут просматривать весь интернет. По-моему, у них это получилось.</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy>");</script>
</div> </div>
<div id="right-sidebar"> <span class="yes-front-page"><form method="get" id="searchform" action="/"> <label for="s" class="assistive-text"></label> <input type="text" class="field" name="s" id="s" placeholder="Поиск" /> <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" /></form></span><br
/>
<aside id="recent-posts-2" class="widget widget_recent_entries">
<h3 class="widget-title">Популярные записи</h3>
<ul>
<li class="row"> <a href="/cellular/kak-uznat-kto-zahodil-na-moyu-stranicu-v-feisbuk-kak-posmotret.html" class="erpProPostLink" > <img src="/uploads/c3bb992d98bfd323dc345b4e0bb85894.jpg" class="erpProThumb 5a2a442fc6ec7Thumbnail" loading=lazy><h4><strong><span style=" color: #aa2200; font-size: 14px; ">Как посмотреть гостей в "Фейсбуке": полная инструкция Фейсбук показывает кто посещал страницу</span></strong></h4> </a></li>
<li class="row"> <a href="/receiversfirmware/pochemu-ne-zaryazhaetsya-kogda-vklyuchen-pochemu-ne-zaryazhaetsya-noutbuk.html" class="erpProPostLink" > <img src="/uploads/fcca347379a6d4d5f280b79896209754.jpg" class="erpProThumb 5a2a442fc6ec7Thumbnail" loading=lazy><h4><strong><span style=" color: #aa2200; font-size: 14px; ">Почему не заряжается ноутбук, когда он включен в сеть</span></strong></h4> </a></li>
<li class="row"> <a href="/setting-up-the-router/bazovaya-bezopasnost-akkaunta-instagram-kak-izmenit.html" class="erpProPostLink" > <img src="/uploads/26124a3b4525a0a8856f50a91cff212f.jpg" class="erpProThumb 5a2a442fc6ec7Thumbnail" loading=lazy><h4><strong><span style=" color: #aa2200; font-size: 14px; ">Как изменить информацию о компании в Инстаграме: пошаговая инструкция и советы по заполнению Как поменять номер тел в инстаграмме</span></strong></h4> </a></li>
<li class="row"> <a href="/windows-xp/kak-udalit-stranicu-v-odnoklassnikah-potom-vosstanovit-kak-vosstanovit.html" class="erpProPostLink" > <img src="/uploads/a63317324d17c046424b071c63ba8cf2.jpg" class="erpProThumb 5a2a442fc6ec7Thumbnail" loading=lazy><h4><strong><span style=" color: #aa2200; font-size: 14px; ">Как восстановить страницу в Одноклассниках после удаления?</span></strong></h4> </a></li>
<li class="row"> <a href="/internetlan/magnitnyi-kabel-dlya-zaryadki-usb-c-magnitnyi-kabel-usb---usb-type-c-mantis-v-2.html" class="erpProPostLink" > <img src="/uploads/7e8425a7f4a2a79e41f78474aabb4c82.jpg" class="erpProThumb 5a2a442fc6ec7Thumbnail" loading=lazy><h4><strong><span style=" color: #aa2200; font-size: 14px; ">Магнитный кабель USB - USB Type-C Mantis V</span></strong></h4> </a></li>
<li class="row"> <a href="/bios/kamera-naruzhnaya-wi-fi-xiaomi-ip-kamery-xiaomi-proshivka-xiaomi-yi-ants.html" class="erpProPostLink" > <img src="/uploads/2dc634ca19f7b72a1b8ecbe2cd88687b.jpg" class="erpProThumb 5a2a442fc6ec7Thumbnail" loading=lazy><h4><strong><span style=" color: #aa2200; font-size: 14px; ">Камера наружная wi fi xiaomi</span></strong></h4> </a></li>
</ul>
</aside>
<aside id="recent-posts-2" class="widget widget_recent_entries">
<h3 class="widget-title">Свежие записи</h3>
<ul>
<li> <a href="/digitalterrestrial-tv/kak-zashifrovat-faily-v-macbook-kak-prosmotret-sohran-nnye-v-mac-os-x.html">Как просмотреть сохранённые в Mac OS X пароли?</a></li>
<li> <a href="/digitalterrestrial-tv/nachinayushchemu-polzovatelyu-razlichiya-programmnyh-produktov.html">Начинающему пользователю: различия программных продуктов системы программ "1С:Предприятие" Что включает в себя система 1с</a></li>
<li> <a href="/receiversfirmware/chto-takoe-razryadnost-processora-i-kak-ee-opredelit-kak.html">Как узнать разрядность операционной системы и процессора в Windows Что такое разрядность</a></li>
<li> <a href="/receivers/kak-udalit-gruppu-v-feisbuk-kak-udalitsya-iz-gruppy-whatsapp.html">Как удалиться из группы WhatsApp — Как удалить группу в Facebook?</a></li>
<li> <a href="/computer-networks/kak-udalitsya-iz-gruppy-whatsapp-kak-udalit-gruppu-v-facebook-kak.html">Как создать и удалить группу в фейсбук Как удалить группу в facebook</a></li>
</ul>
</aside>
<aside id="recent-comments-2" class="widget widget_recent_comments">
<h3 class="widget-title">Популярные записи</h3>
<ul id="recentcomments">
<li class="recentcomments"> <a href="/sat-tv-and-internet/kak-ubrat-shum-v-naushnikah-na-kompyutere-besprovodnye-naushniki.html">Беспроводные наушники для компьютера с микрофоном</a></li>
<li class="recentcomments"> <a href="/tricolor-tv/kak-pochistit-klaviaturu-noutbuka-ot-gryazi-musora-razlityh.html">Как чистить клавиатуру на ноутбуке Чем промыть клавиатуру после залития</a></li>
<li class="recentcomments"> <a href="/receiversfirmware/pochemu-ne-zapuskaetsya-fail-s-rasshireniem-msi-pochemu-ne.html">Почему не устанавливаются программы из файлов</a></li>
<li class="recentcomments"> <a href="/setting-up-the-router/rabotaet-myshka-i-klaviatura-windows-7-usb-mysh-perestala-rabotat-posle.html">USB мышь перестала работать после загрузки Windows?</a></li>
<li class="recentcomments"> <a href="/cellular/diapazon-napryazhenii-v-bloke-pitaniya-pogovorim-pro-remont.html">Поговорим про ремонт блока питания компьютера своими руками</a></li>
</ul>
</aside>
<aside id="text-2" class="widget widget_text">
<div class="textwidget">
</div>
</aside>
</div>
</div>
<div id="footer" class="hfback"><div id="footer-content"></div> <div id="footermenu">2024 jetta6club.ru. Jetta6club - Компьютер для начинающих.</div> <script type='text/javascript' src='/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> </body>
</html> 