Эксплорер 11 обновить

DevTools в Internet Explorer 11

Встроенные инструменты для разработчиков в Internet Explorer (то есть, DevTools) длительное время не могли предложить всего необходимого функционала для отладки сайтов, что и делало этот набор инструментов абсолютно бесполезным. Среди проблем можно отметить отсутствие возможности инспектировать элементы в различных состояниях вроде :hover, :active, :focus и :visited. Точнее это было возможно, но делать это было крайне сложно и неудобно. В общем и целом, проводить отладку сайтов при помощи IE было практически невозможно.
Однако, начиная от 11 версии Internet Explorer, DevTools претерпели серьезные изменения, и сегодня готовы предложить нам абсолютно обновленный функционал. Давайте познакомимся с ним поближе.
Приступаем к работе
Internet Explorer 11 был представлен вместе с Windows 8. Если вы все еще используете Windows 7 и не обновили IE, то можете . Запустите установщик, а затем следуйте предложенным инструкциям.
Как только установка будет завершена, запустите Internet Explorer 11 и нажмите кнопку F12, чтобы запустить DevTools. Как отмечено ниже, новый DevTools претерпел полное обновление внешнего вида.


Вдобавок, несмотря на то, что такая опция была доступна и в других браузерах, IE 11 теперь также предлагает опцию Inspect Element (Проверить объект) при нажатии правой кнопки мыши.

DOM Explorer
DOM Explorer также был подвергнут изменениям. Прежде всего, что теперь в самом низу присутствует меню в формате хлебных крошек, которое в значительной степени облегчает навигацию по DOM-иерархии. Он также позволяет перемещать элементы внутри DOM путем простого перетаскивания курсором мыши.

Вкладка стилей (Styles)
С правой стороны панели DOM Explorer, как и в случае с другими инструментами браузера, теперь можно видеть вкладку Стили со всеми CSS-правилами, примененными к DOM-элементам. Кроме того, этот инструмент теперь также укомплектован Intellisense. Так что, по мере того, как мы вписываем CSS, javascript или HTML-код, нам будут предлагаться возможные варианты написания, что позволяет ускорить процесс.

К тому же, теперь только что примененные коды будут располагаться в самом верху, вместо того, чтобы скрываться за грудой остального кода в самом низу (для чего нужно было очень долго прокручивать страницу). Это ускоряет процесс отладки и делает его более интуитивным.
Вкладка трассировки (Trace)
При помощи данной вкладки теперь у вас есть возможность просматривать, какие стили были применены к элементу, и какие из них были изменены или переписаны.

Если вы заметили, что внешний вид вашего сайта не совсем совпадает с тем, что вы ожидали увидеть, то это вопрос вам поможет решить именно эта вкладка.
Вкладка шаблона (Layout)
Более того, во вкладке Layout вы также можете видеть диаграмму блока и информацию о свойствах: ширине, отступах, высоте, полях и границах. Кроме того, эта панель не просто отображает нам значения, мы теперь можем их редактировать.

Обновленный Console API
Кроме изменений в интерфейсе и опыте взаимодействия, Internet Explorer 11 также предлагает несколько новых Console API, включая методы console.time и console.timeEnd. Вы можете использовать эти два метода для того, чтобы отслеживать время выполнения javascript-функций или блоков кода:

console.time(‘loop’);
var index;
var a = ;
for (index = 0; index < a.length; ++index) {
console.log(a);
}
console.timeEnd(‘loop’);
На этой странице вы можете видеть полный список новых Console API.
Эмулятор мобильных устройств
Ввиду увеличения количества мобильных пользователей, востребованность мобильных или адаптивных версий сайтов также возрастает, и сегодня в любом наборе инструментов для отладки крайне важно иметь помощников для отладки мобильных сайтов. И сегодня вы можете воспользоваться Mobile Emulator в IE.
На панели Emulation вы можете настроить режимы документа и браузера, ориентацию отображения, размер экрана и геолокации, которые позволяют вам изменять координаты текущего местоположения.

В завершение
В целом, мы рады наблюдать, что Microsoft наконец-то решила уделить достаточно внимания Internet Explorer. Кроме поддержки современных CSS3 и HTML5, DevTools в Internet Explorer 11, как мы убедились выше, также претерпел серьезные изменения и сегодня способен тягаться с лидерами в данной сфере.
Однако стоит отметить, что касательно дополнительных свойств, он все равно отстает от конкурентов. В самом начале было сказано об отсутствии возможности просматривать элементы в различных состояниях, и эта проблема до сих пор не решена. Нам кажется, что эта функция важна для всех, кто так или иначе связан с кодом CSS.

Обновления до актуальной версии

Как известно, многие разработчики программного обеспечения с разной периодичностью выпускают обновления для своих продуктов. Чаще всего это делается в связи с добавлением определённых функций программы, адаптацией под новое оборудование, а также исправлением тех или иных ошибок. Но иногда возникают ситуации, при которых выход нового обновления обусловлен прекращением поддержки со стороны разработчиков старых версий программ. Это справедливо и для браузера Internet Explorer, поддержка старых версий которого компанией Microsoft была полностью завершена. Кроме того, не обновившие браузер пользователи лишаются и критически важных обновлений безопасности и совместимости для актуальных версий операционных систем.

Последней и актуальной на сегодняшний день версией Internet Explorer является v. 11, доступная пользователям операционных систем Windows 7, 8.1 и 10 (обладатели Windows XP имеют возможность обновиться максимум до восьмой версии, работающим же в среде Windows Vista придётся довольствоваться девятой).

В некоторых случаях браузер получает актуальные апдейты вместе с обновлениями самой Windows. Это происходит при активированной опции «Автоматическое обновление» в Центре обновлений Windows. В этой ситуации от пользователя не требуется никаких действий, поскольку самая свежая версия браузера всегда готова к работе. А вот в ситуациях, при которых автоматическая загрузка обновлений отключена либо отсутствует постоянное подключение к интернету, обновлять программу приходится вручную (часто браузер самостоятельно напомнит о необходимости загрузки очередного апдейта).

Для разных версий Windows имеются различные же подходы к обновлению Internet Explorer.

Windows 7, 8.1, 10

Для Win 7 существует два способа обновления браузера Internet Explorer.

Через Центр обновлений

Если настроено автоматическое обновление, то ничего делать не нужно, в остальных случаях в разделе «Поиск обновлений для компьютера» необходимо нажать кнопку «Проверка обновлений», после чего ОС выведет на экран список доступных апдейтов, а у пользователя появится возможность выбрать требуемые. При этом критические для безопасности и функционала операционной системы обновления будут помечены как «Важные», однако решение в итоге всё равно принимает сам пользователь.

С помощью страницы загрузки Microsoft

Нужно перейти в специальный раздел сайта Майкрософт, расположенный по адресу https://support.microsoft.com/ru-ru/help/17621/internet-explorer-downloads, после чего выбрать версию Windows, а затем соответствующий разрядности операционной системы установочный файл (разрядность можно узнать в свойствах системы). При таком способе обновления принудительное удаление предыдущей версии программы не требуется: инсталлятор произведёт все необходимые действия сам.

Следует иметь в виду, что установить 11 версию Internet Explorer удастся только тем, чья версия WIndows 7 уже обновлена до Service Pack 1. Если по тем или иным причинам это обновление в системе не установлено, а последняя версия браузера при этом нужна, поможет Центр обновлений, через который требуемые файлы можно загрузить на компьютер.

В Win 8 браузер последней версии не поддерживается. Сначала необходимо проапгрейдить систему до 8.1, и только после этого приступать к установке IE 11. Скорее всего, большинству пользователей никаких действий производить не придётся, поскольку мало кто готов был работать в довольно неоднозначной Windows 8, и при первой же возможности обновлялся до 8.1. Тем же, кто этого не сделал, для пользования всеми преимуществами одиннадцатой версии браузера Майкрософт обновить систему всё же придётся (без этого установка браузера просто не запустится).

Производится всё это в несколько этапов.

  • Нужно запустить Центр обновлений и установить все актуальные обновления операционной системы, обозначенные пометкой «Важные». В процессе установки компьютер может быть несколько раз перезагружен.
  • После того, как все важные обновления будут установлены, можно приступать к установке Windows 8.1. Эта операция доступна из Магазина Windows.
  • Завершив установку апдейта Win 8.1, пользователь также получает в своё распоряжение и полнофункциональную версию браузера Internet Explorer 11 версии.
  • С помощью Windows Update можно как в автоматическом, так и в ручном режиме произвести загрузку и установку всех имеющихся обновлений как для самой операционной системы, так и для браузера.

В Windows 10 разработчиками изначально планировалась полная замена устаревшего IE, однако некоторые вопросы совместимости вынудили их всё же, на радость многим пользователям, Internet Explorer из состава операционной системы не убирать. Поэтому на текущий момент пользователи Windows 10 могут воспользоваться двумя предустановленными браузерами от компании Майкрософт.

Microsoft Edge — новейший браузер, призванный в будущем окончательно заменить устаревший Internet Explorer, но являющийся неотъемлемой частью операционной системы уже сейчас.

Сам Internet Explorer финальной одиннадцатой версии. Все актуальные его обновления можно получить с помощью службы Windows Update. Причём по умолчанию в Windows 10 автообновление включено постоянно, и привычными большинству пользователей методами отключить его нельзя.