В предыдущих версиях Internet Explorer разработчики и дизайнеры могли наблюдать некоторые отличия от стандартной поддержки ряда веб-стандартов и обработки HTML, CSS и скриптовых сценариев. В большинстве случаев это было связано с тем, что версии Internet Explorer выходили с опережением веб-стандартов, таким образом, когда эти стандарты финализировались, поведение Internet Explorer могло отличаться от рекомендованного.
Для обеспечения совместимости с предыдущими версиями Internet Explorer был реализован новый, встроенный в Internet Explorer 8, механизм, позволяющий эмулировать поведение предыдущих версий браузера как для отдельных страниц, так и для веб-приложений и внутренних и внешних сайтов.
Указать на совместимость с Internet Explorer 8 можно несколькими способами, используя для этого специальный META -тэг:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
Данный META -тэг указывает на то, что сайт всегда должен запускаться в режиме поддержки (эмуляции) Internet Explorer 7.
Добавить данный META -тэг можно несколькими способами, которые мы рассмотрим ниже.
Для задания режима совместимости на стороне клиента в HTML-коде страниц следует, используя любой HEAD перед всеми остальными тэгами кроме TITLE и META.
<head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <!-Здесь располагаются другие тэги группы HEAD --> </head>
Для задания режима совместимости на стороне сервера, т. е. для автоматической вставки соответствующего заголовка во все страницы, отсылаемые в браузер с данного веб-сервера, можно использовать несколько способов.
Можно добавить специальный HTTP-заголовок, используя средство управления веб-сервером Internet Information Services — IIS Manager. Этот заголовок может быть добавлен как для отдельного сайта, расположенного на сервере (site-wide), так и для всех сайтов (server-wide). Для этого следует выполнить следующие шаги:
Name значение X-UA-Compatible, а в поле Value — значение IE=EmulateIE7.Аналогичные действия можно выполнить и из %systemroot%\system32\inetsrv следует выполнить следующую команду:
appcmd.exe set config -section:systern.webServer/httpProtocol /+"custornHeaders.[narne='X-UA-Compatible'. value=' IE=EmulateIE7']" /cornrnit:apphost
Также можно сконфигурировать веб-сервер, изменив содержимое конфигурационного файла Web.config или applicationhost.config следующим образом:
<?xrnl version="1.0" encoding="utf-8"?> <configuration> <syster.webServer> <httpProtocol> <custorHeaders> <clear /> <add narne="X-UA-Compatible" value="IE=EmulateIE7" /> </customHeaders> </httpProtocol> </system.webServer> </configuration>
После этого поместите измененный конфигурационный файл Web.config в корневой каталог вашего веб-сайта. Отметим, что при использовании решения на серверной стороне не нужно включать META -тэг в HTML-код страниц — он будет вставляться автоматически.
Описанное выше значение META -тэга X-UA-Compatible "IE=EmulateIE7" является одним из нескольких распознаваемых Internet Explorer 8. В следующей таблице показаны все возможные значения элемента IE.
| Значение | Описание |
|---|---|
IE=5 |
Режим работы, в котором имитируются особенности и ошибки конкурирующих или старых версий браузеров |
IE=7 |
Всегда использовать режим IE7 |
IE=EmulateIE7 |
Отображать в режиме IE7 за исключением сайтов,у которых режим |
IE=8 |
Всегда использовать режим IE8 |
IE=EmulateIE8 |
Использовать данное значение для отмены режима |
Для поддержки технологии Event может привести к неверному выполнению кода.
В предыдущей версии Internet Explorer разработчики могли установить бесплатный дополнительный компонент — Developer Toolbar, который многие использовали в качестве средства для тестирования, отладки,
В Internet Explorer 8 компонент Developer Toolbar заменен на интегрированный набор средств разработки, которые доступны по нажатию клавиши F12 или по команде Tools | Developer Tools. Так как средства для разработки интегрированы в браузер, они более производительны, не требуют дополнительной памяти и позволяют не покидая браузера выполнять основные задачи по тестированию, отладке и профилированию широкого спектра веб-сайтов и веб-приложений.
К основным возможностям, предоставляемым интегрированными средствами разработки, можно отнести следующие:
Все эти операции выполняются в визуальной среде, которая отображает внутреннее представление страницы в веб-браузере, а не просто исходный код страницы. Таким образом, разработчики могут вносить изменения в код страниц и незамедлительно видеть результат своих действий. После того как необходимые операции выполнены, их результаты — в виде дерева HTML-элементов или обновленных CSS-стилей — могут быть сохранены на диске в виде текстовых файлов для последующего включения в оригинальный код страницы.
Инструменты для разработчика -
Запуск встроенного в IE8 инструмента веб-разработки осуществляется или через меню (Сервис – Средства разработчика), или с помощью горячей клавиши F12. В отдельном окне откроется двухпанельный редактор. В левой части будет отображаться DOM-структура сайта (секции head, body), а справа – расширенное содержание выбранного фрагмента кода.
(рис 25.1) Пользователь может вносить изменения в код или атрибуты элементов в режиме реального времени (WYSWYG), одновременно наблюдая результат на странице. Также можно открывать элементы только для чтения. Полученные в ходе редактирования веб-документы можно сохранять на локальном диске компьютера.
(рис 25.2) Работа с инструментом строится по классической схеме – пользователю нужно выделить фрагмент страницы или участок ее кода, который автоматически будет подсвечен согласно правилам синтаксиса HTML/CSS. Внесение изменений осуществляется простой правкой кода или установкой других значений атрибутов, после чего требуется нажать клавишу Enter. Отмена всех изменений производится или обновлением страницы, или нажатием на кнопку ESC, если требуется отменять правки по частям.
После загрузки DOM-структуры сайта пользователь увидит древовидный список структуры тегов на левой панели. Справа же отображаются связанные с ними, соответственно, стили и атрибуты CSS. Например, при выборе в странице тега <div> можно увидеть связанные с таблицей классы CSS и отследить вызываемые параметры цветов, шрифтов, полей, отступов и так далее. Здесь же в разделе "раскладка" (Layout) будет показано расположение этого элемента на площади страницы с указанием размеров в пикселях и пропорций. Естественно, его можно изменять непосредственно на этой вкладке. В атрибутах отображается список всех зависимостей HTML-кода на странице; к ним можно добавлять собственные из выпадающего списка.
(рис 25.3) Помимо отображения в рамках
Помимо отображения в рамках
(рис 25.4) Аналогичным образом реализована и работа с инспектором каскадных стилей. Пользователь в одноименной вкладке выбирает нужный шаблон, описывающий оформление страницы, после чего в левой части окна появляется
(рис 25.5) Консоль JavaScript-кода может отслеживать вызов тех или иных переменных, выражений и
В ходе процесса возможна установка контрольных точек автоматической остановки выполнения – для этого нужно выделить нужное место в коде скрипта, после чего нажать на кнопку F9. Есть также и запуск отладчика с пропуском ошибок исполнения (во избежание остановок) – для этого можно или щелкнуть по кнопке "Остановка при ошибке" или же продублировать это действие командой Ctrl+Shift+E. Кроме того, в случае, если установленная контрольная точка становится неактуальной (код на странице поменялся, указан неправильный путь до сценария и так далее), то в отладчике можно задать условия, при которых будет выполняться остановка (устанавливается в свойствах точки остановки). Наконец, в случае, когда выполнение сценария приостановлено, пользователь может вручную продолжить работу отладчика (кнопка F5), остановить процесс (Ctrl+Shift+B), перейти на следующий этап (F11) или предыдущий шаг (F10), повторить последний цикл скрипта до текущего состояния (Shift+F11).
Консоль JavaScript-кода может отслеживать вызов тех или иных переменных, выражений и
Заметим, что функция
При создании средств разработчика в IE8 Microsoft учла современные требования к подобным инструментам. В частности, особое внимание было уделено к
Среди прочих возможностей
Механизм ускорителей, реализованный в Internet Explorer 8, позволяет автоматизировать использование
Унификация механизма обращения к веб-сервисам, реализованная в Internet Explorer 8, позволяет отказаться от ручного ввода данных и вызова
Пользователи могут использовать стандартные ускорители, входящие в состав Internet Explorer 8, или загрузить дополнительные из галереи дополнений (http://ieaddons.com/ru/) или с любого сайта, предоставляющего соответствующие сервисы.
Использование ускорителей обычно включает два сценария — поиск расширенной информации и отсылка информации веб-сервису. В первом сценарии могут использоваться ускорители, предоставляющие картографическую информацию, сервисы перевода, словари, например Яндекс. Карты, Переводчик и словарь Translate.Ru, OioBapH@Mail.Ru, Энциклoпедии@Mail.Ru, Яндекс.Маркет и т. п., тогда как во втором сценарии — это сервисы публикации в блогах, отсылки электронной почты, например no4Ta@Mail.Ru, Опубликовать в Живом Журнале, Блoги@Mail.Ru и т. п.
Доступ к ускорителям, установленным в Internet Explorer 8, осуществляется либо по щелчку правой кнопки мыши на выбранном фрагменте текста, либо при выборе соответствующего ускорителя командой Page | Accelerators.
Использование ускорителей сводится к следующей последовательности действий:
Более подробно создание ускорителей будет рассмотрено в рамках практического занятия №7.
Веб-фрагменты позволяют получать автоматические уведомления об изменениях, произошедших на определенных веб-страницах. Пользователи могут подписываться на фрагменты веб-страниц и получать уведомления через панель "Избранное".
В настоящее время многие веб-сайты поставляют информацию об обновлениях через механизм
В основе технологии веб-фрагментов, поддерживаемой в Internet Explorer 8, лежат т. н. "микро-форматы" — подход к выделению определенной информации в составе веб-страницы с помощью специальных тегов.
Служба Live Search является простым и доступным решением, предоставляющим пользователям качественный поиск документов, изображений, видеофайлов и любой другой информации в Интернете. Используя внедренный в Live Search механизм макросов, можно конструировать сложные запросы и ограничивать поиск веб-ресурсами определенной тематики. Live Search обеспечивает поиск сайтов на разных языках, в том числе и на русском.
(рис 25.6) Процесс и особенности создания веб - фрагментов, ускорителей и визуального поиска будут рассмотрены, соответственно, в практическом занятии №6,№27,№8.
Для получения официальных документов о завершении программы дополнительного профессионального образования (удостоверения о повышении квалификации, дипломов о профессиональной переподготовке и MBA) необходимо предоставить:
Внимание! Вы можете не заказывать доставку бумажной версии официального документы, а скачать его в электронном виде и распечатать самостоятельно. Информация о выданном документе в течение 1 месяца загружается в Федеральную информационную систему «Федеральный реестр сведений о документах об образовании и (или) о квалификации, документах об обучении» - ФИС ФРДО.
Доступ на новый сайт осуществляется с использованием адреса электронной почты, который был указан вами при регистрации на "старом". Мы постарались перенести все ваши данные с прежнего ресурса, однако не исключена вероятность потери части информации.
При возникновении проблемы со входом, воспользуйтесь функцией сброса пароля
Если вы обнаружите несоответствия, пожалуйста, сообщите нам.