Поделиться через


Обзоры и учебники по HTML и динамическому HTML

В этом разделе приведены ссылки на обзоры и учебники по динамическому HTML.

Создание веб-сайтов

Условные комментарии

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

Захват мышью

Internet Explorer 5 позволяет веб-разработчикам создавать страницы, которые обрабатывают события мыши точно так же, как приложения для настольных компьютеров.

Объектная модель динамического HTML

Модель DOM динамического HTML предоставляет веб-разработчикам прямой доступ к отдельным компонентам (от отдельных элементов до контейнеров) веб-документов с помощью программного кода. Этот тип доступа в сочетании с моделью событий позволяет веб-браузеру реагировать на пользовательский ввод, выполнять сценарии "на лету" и отображать новый контент без необходимости загрузки дополнительных документов с сервера. Благодаря модели DOM динамического HTML даже веб-разработчики с небольшим опытом могут реализовывать сложные интерактивные функции.

Модель DOM консорциума W3C

В этом документе описывается реализация интерфейса модели DOM консорциума W3C, доступного в веб-браузере Internet Explorer версии 5 и более поздних версий.

Различия значений атрибутов в Internet Explorer 8

В веб-браузере Internet Explorer версии 8 и более поздних версий значение атрибута, которое указано автором веб-страницы, отличается от значения в модели DOM. Это может повлиять на функциональные возможности веб-сайтов, которые созданы для просмотра в веб-браузерах более ранних версий. В этой статье объясняется различие между атрибутами контента и атрибутами модели DOM, его влияние на веб-страницы, а также приведены инструкции по получению значений с помощью JavaScript.

Создание высокопроизводительных HTML-страниц

Функции, представленные в веб-браузере Internet Explorer версии 4.0 и более поздних версий, позволили превратить Интернет в место для работы и развлечений. Такие факторы, как количество страниц и их сложность, а также число пользователей, ежедневно просматривающих страницы, вызвали существенный рост объема трафика в Интернете. Все достоинства, которые Интернет предоставил разработчикам приложений, "сотканы" из множества проблем.

Динамическое создание таблиц

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

Создание доступных веб-страниц с помощью динамического HTML

В этой статье описывается, как создать доступные веб-страницы с помощью динамического HTML.

Кроссплатформенные функциональные возможности

В Internet Explorer 4.0 авторы контента могут легко создавать страницы, которые поддерживаются на всех платформах, включая 32-разрядные платформы Windows, Windows 3.1, Macintosh и UNIX. В частности, основные функциональные возможности динамического HTML и активного канала являются кроссплатформенными.

Определение совместимости документа

Совместимость документа определяет способ отображения веб-страниц в браузере Internet Explorer. В этой статье описывается понятие совместимости документа, приведены способы указания режима совместимости документа для веб-страниц и определения режима документа веб-страницы.

Эффективное определение Internet Explorer

В этой статье описывается эффективный способ определения текущей и будущих версий веб-браузера Internet Explorer.

Динамический HTML за 12 шагов

В этой статье на практических примерах показано, как разные функции HTML влияют на производительность страниц, а также приведены советы по повышению производительности страниц.

Поиск текста в документе

Для поиска строки в документе можно использовать метод findText объекта TextRange. Этот метод начинает поиск в начале диапазона текста. Если строка найдена, начало текстового диапазона смещается в конец найденного фрагмента, чтобы одна строка не была найдена дважды.

Добавление значка ярлыка на веб-страницу

Значки ярлыков можно использовать для отображения эмблемы или изображений небольшого размера в меню "Избранное" и адресной строке веб-браузера Internet Explorer, а также на вкладках страниц (в веб-браузере Internet Explorer версии 7 и более поздних версий). Использование значков является отличным способом добавления фирменной символики на веб-сайты; веб-сервер не предъявляет никаких требований к используемым значкам ярлыков.

Анимация последовательности элементов

Динамическое позиционирование, каскадные таблицы стилей и модель DOM динамического HTML позволяют анимировать объекты с помощью небольшого количества кода. Способы отображения отдельных элементов последовательности могут отличаться, например элемент может внезапно появляться на странице или постепенно исчезать с помощью одного из шаблонов переходов, предоставляемых атрибутом filter, или отображаться на странице с помощью свойства visibility элемента.

Применение эффекта перехода к изображению

В этой статье описывается применение эффекта перехода к изображению.

Посимвольное изменение цвета текста

Для демонстрации циклического изменения цвета текста в этой статье используется контейнер table.

Создание динамической таблицы контента

В этой статье описывается создание развертываемой таблицы контента с помощью повторно используемого кода.

Создание контекстного меню, открываемого с помощью правой кнопки мыши

В этой статье описывается создание контекстного меню, для открытия которого пользователь щелкает правой кнопкой мыши конкретный объект на веб-странице.

Создание раскрывающегося меню

Совместное использование методов захвата мышью и событий в веб-браузере Internet Explorer версии 5 и более поздних версий позволяет настроить меню DHTML для обеспечения более эффективного взаимодействия с мышью. Методы захвата мышью setCapture и releaseCapture и событие onlosecapture позволяют разработчикам веб-страниц создавать динамические функции, которые не влияют на остальной контент страницы.

Создание приложения для редактирования кода HTML

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

Летающий текст в динамическом HTML

В этой статье описываются два способа реализации летающего текста: с помощью элемента marquee и позиционирования CSS.

Текст, летающий по заданному пути

В этой статье приведены основные понятия о перемещении текста по геометрическим путям. Изначально для получения требуемого результата потребуется много времени. Однако впоследствии наличие готовых подпрограмм для расчета различных угловых коэффициентов позволяет быстро адаптировать их для получения уникального эффекта.

Управление эффектами, применяемыми к тексту, в ответ на события мыши

Для реализации некоторых эффектов DHTML требуется небольшое количество кода. Эффект активации текста в ответ на события мыши достигается преимущественно с помощью правил CSS и свойства className. Использование этого способа для создания эффектов, применяемых к тексту, позволяет упростить обслуживание кода и уменьшить его размер.

Усовершенствования HTML в Internet Explorer 8

В веб-браузере Internet Explorer 8 содержатся функции, которые разработаны для более полной поддержки отраслевых стандартов, таких как спецификация HTML 4.01. В этой статье описываются функции и приведены руководства по реализации этих функций в создаваемых веб-сайтах.

Введение в динамический HTML

Динамический HTML (DHTML) — это набор новых функциональных возможностей, которые изначально были представлены в веб-браузере Microsoft Internet Explorer 4.0. С помощью динамического HTML разработчики могут создавать привлекательные веб-сайты, которые не увеличивают нагрузку на сервер. Отображение и контент веб-страницы изменяются динамически при выполнении пользователем определенных действий.

Введение в формы

Формы предоставляют интерфейс для сбора, отображения и предоставления данных и являются основным компонентом HTML. Формы предоставляют различные элементы управления, например текстовые поля, кнопки и флажки, и позволяют реализовать обмен данными между клиентом и сервером.

Вопросы производительности Internet Explorer

В этом разделе приведены советы и ссылки на статьи по повышению производительности динамического HTML, сценариев, веб-серверов, элементов управления ActiveX, Java-приложений и подключаемых модулей.

Создание сценариев с элементами и коллекциями

Любой документ HTML состоит из HTML-тегов и их атрибутов. Эти элементы определяют структуру документа и представление контента. С помощью объектной модели DHTML можно проверить и изменить эти элементы и их атрибуты.

Выбор объектов с помощью JavaScript

В этой статье описывается API селекторов W3C и использование селекторов CSS для выбора объектов в приложениях JavaScript.

Реализация просмотра веб-страниц с использованием вкладок

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

Советы и рекомендации

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

Общие сведения о модели событий

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

Общие сведения о строках User-Agent

В этом разделе описывается строка агента пользователя (User-Agent), которая идентифицирует веб-браузер и передает некоторые сведения о системе серверу, на котором расположены веб-сайты, посещаемые пользователем. Кроме того, приведены инструкции по получению значения строки агента пользователя, а также сведения о маркерах, используемых различными версиями веб-браузеров Internet Explorer и разделы реестра, влияющие на строку агента пользователя.

Использование автозаполнения в HTML-формах

Веб-браузер Internet Explorer версии 5 и более поздних версий содержит встроенную функцию автозаполнения, которая позволяет быстро вводить данные в поля формы. Улучшения функции автозаполнения в HTML-формах касаются безопасного хранения данных, вводимых в поля INPUT_text и INPUT_password.

Использование элементов IFRAME

В веб-браузере Internet Explorer версии 5.5 и более поздних версий фреймы не используют окна, что позволяет существенно повысить производительность. Кроме того, в веб-браузере Internet Explorer версии 5.5 и более поздних версий элементы IFRAME могут перекрываться (также называются встроенными плавающими фреймами), а контент внутри встроенных плавающих фреймов может быть прозрачным.

Использование объекта Popup

Объект popup позволяет создавать объекты окна, которые используют все преимущества динамического HTML.

Использование объекта TextRange

Большинство пользователей используют только свойства innerText/innerHTML и outerText/outerHTML и методы, описанные в предыдущем разделе. Однако с помощью объекта TextRange можно выполнять некоторые расширенные действия.

Работа с окнами, фреймами и диалоговыми окнами

Internet Explorer создает объект window при открытии документа HTML. Поскольку в объектной модели этот объект расположен на самом верхнем уровне, разработчик использует этот объект для получения доступа к свойствам и подчиненным объектам объектной модели, требуемым для динамического доступа к контенту документа. В этой статье описывается использование объекта window, а также создание новых и специальных типов объектов window.

Разработка и предоставление контента

Позиционирование элементов

Internet Explorer поддерживает позиционирование элементов HTML по осям x и y, а также перекрытие элементов в плоскостях по оси z. Эти возможности позволяют авторам размещать элементы, изображения, элементы управления и текст на веб-странице в требуемом расположении. Для перемещения элементов по странице и создания анимированных эффектов авторы могут использовать сценарии и динамические стили. Сочетание динамических стилей, позиционирования, прозрачных элементов управления Microsoft ActiveX и прозрачных изображений предоставляет авторам широкий набор средств анимации.

Внедрение шрифтов

Функция внедрения шрифтов продолжительное время была доступна только в приложениях корпорации Майкрософт, таких как Microsoft Word и Microsoft PowerPoint. Благодаря этой функции шрифты, используемые для создания документа, перемещаются вместе с документом, поэтому пользователи видят документ в том виде, в каком его создал автор. Функция внедрения шрифтов поддерживается в веб-браузере Internet Explorer версии 4.0 и более поздних версий.

Изменение стилей элементов

В этом документе описывается, как изменить атрибут SRC элемента iframe таким образом, чтобы контент iframe изменялся "на лету". Также показано изменение цвета фона тела документа SRC= элемента iframe. Следующий набор примеров показывает, как изменить имя класса элемента так, чтобы он был связан с разными таблицами стилей.

Управление представлением с помощью свойств количественных измерений и расположений в режиме совместимости

Динамический HTML предоставляет свойства количественных измерений и расположений, которые можно использовать для изменения размера и расположения элементов HTML на веб-страницах. После знакомства с этими свойствами и получения представления о их влиянии на элементы страницы разработчик сможет более детально контролировать отображение веб-страниц. Например, эти свойства можно использовать для создания страниц, идентичных документам в других приложениях, например PowerPoint или Word.

Управление представлением с помощью свойств количественных измерений и расположений в строгом режиме

Динамический HTML предоставляет свойства количественных измерений и расположений, которые можно использовать для изменения размера и расположения элементов HTML на веб-страницах. После знакомства с этими свойствами и получения представления о их влиянии на элементы страницы разработчик сможет более детально управлять макетом веб-сайтов. В этой статье описывается, как использовать свойства количественных измерений и расположений для управления отображением веб-страниц в строгом режиме Internet Explorer 7.

Улучшение представления таблицы

Internet Explorer 5 расширяет возможности контроля за отображением таблицы. Скорость отображения веб-страницы существенно повышена. С помощью этого макета авторы могут повысить скорость отображения таблицы на несколько порядков, в особенности для больших и сложных таблиц.

Введение в динамические стили

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

Введение в фильтры и переходы

В веб-браузере Internet Explorer версии 4.0 и более поздних версий к веб-странице можно применять различные визуальные эффекты. Для реализации этих эффектов на веб-страницах можно использовать свойства каскадных таблиц стилей. Сочетание фильтров и переходов с базовыми сценариями — это мощное средство создания визуально привлекательных и интерактивных документов. Веб-браузер Internet Explorer версии 5.5 и более поздних версий поддерживает широкий набор различных оптимизированных фильтров. Для выполнения большинства примеров, приведенных в этой статье, потребуется установить веб-браузер Internet Explorer версии 5.5.

Управление таблицами стилей

Для динамического изменения стилей CSS, которые применяются к документам, можно использовать не только встроенные стили. (Встроенные стили — это стили элементов HTML, которые задаются с помощью атрибута STYLE.) Для управления глобальными таблицами стилей, определенными с помощью тега LINK или STYLE в разделе HEAD документа, можно использовать сценарии. Управление глобальной таблицей стилей — это эффективный способ динамического изменения стилей, применяемых к веб-страницам.

Определение размеров и расположения элемента

В следующем разделе описывается, как получить доступ к размерам и координатам элемента на странице с помощью объектной модели динамического HTML.

Печать и таблицы стилей

Элементы style и link поддерживают атрибут MEDIA, который определяет устройство вывода для таблиц стилей.

Общие сведения о селекторах CSS

Таблицы стилей CSS состоят из правил стилей. Селекторы используются для "выбора" элементов на HTML-странице, к которым необходимо применить стиль. Без селекторов невозможно определить способ применения правил к элементам. В этой статье приведены основные сведения о синтаксисе CSS, используемом для задания способа использования селекторов.

Краткие справочники

Таблица цветов

Для задания цветов, используемых на HTML-страницах, можно использовать RGB-значения или имена цветов. В Internet Explorer версии 9 и более поздних версий для задания цветов также можно использовать значения HSL и альфа прозрачности.

Справочник по единицам измерения, поддерживаемым CSS

В этом разделе приведены сведения о значениях и единицах измерения, поддерживаемых CSS.

Коды языков

В таблице перечислены все коды языков, используемые для задания различных параметров системы.

Хранение данных и куки-файлы

Передача данных DHTML

В веб-браузере Internet Explorer версии 5 и более поздних версий разработчик может получить доступ к расширенной реализации передачи данных. При передаче данных (Internet Explorer) выполняется запись данных в буфер обмена и считывание из него с помощью объекта передачи данных. Передаваемые сведения включают формат данных и непосредственно данные.

Введение в хранилище модели DOM

API хранилища DOM содержат два взаимосвязанных механизма sessionStorage и localStorage, которые предназначены для безопасного хранения данных на стороне клиента с помощью модели DOM. Эти объекты впервые появились в веб-браузере Internet Explorer версии 8.

Введение в сохраняемость

Сохраняемость позволяет авторам указывать объект для сохранения на стороне клиента в течение текущего и последующих сеансов с помощью моделей поведения DHTML. Сохраняемость позволяет веб-браузеру Internet Explorer версии 5 и более поздних версий сохранять сведения о стилях, переменных и состоянии веб-страницы.

Сохранение состояния сворачиваемого оглавления

Для веб-страниц, содержащих сворачиваемое оглавление, существует одна проблема: когда пользователь закрывает страницу, вид оглавления возвращается в исходное состояние. Если пользователь переходит по вложенному пункту оглавления и затем возвращается обратно, то для возврата к предыдущему пункту оглавления пользователю потребуется повторно разворачивать список. Решение этой проблемы заключается в сохранении модели поведения.

Сохранение пользовательских и динамических стилей

Динамические и пользовательские стили, выбранные во время запуска пользователем, могут сохраняться, если страница добавлена в избранное с помощью модели поведения saveFavorite.

Сохранение данных форм

Создание форм с помощью HTML связано с некоторыми трудностями. В частности, для обработки данных формы требуется серверный или клиентский сценарий. Для сохранения веб-страницы и данных формы непосредственно в самой странице можно использовать модель поведения saveSnapshot. Это позволяет расширить возможности использования веб-форм без необходимости создания специального сценария для обработки и доставки сведений.

Сохранение сведений о сеансе

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

Вопросы безопасности

Использование сценариев между фреймами и вопросы безопасности

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

Блокирование всплывающих окон

Функция блокирования всплывающих окон в веб-браузере Internet Explorer 6 для Windows XP с пакетом обновления 2 (SP2) защищает пользователей от вредоносного содержимого, которое зачастую скрыто за всплывающими окнами или запускается ими. Эта функция разработана для того чтобы пользователи могли контролировать взаимодействие с веб-браузером. По умолчанию функция блокирования всплывающих окон включена и блокирует всплывающие окна, запускаемые сценариями, и всплывающие окна, открываемые на заднем фоне, которые запускаются на веб-сайте автоматически. Понимание принципов работы функции блокирования всплывающих окон позволяет разработчику гарантировать, что на веб-сайте отображается только важная информация, и предоставить пользователю максимальный комфорт при просмотре веб-страниц.

Ограничения окон

В веб-браузере Internet Explorer сценарии могут открывать два разных типа окон и изменять их размеры и расположение. Разработчики вредоносного кода использовали окна, открываемые с помощью сценария, чтобы ввести пользователя в заблуждение и обмануть его. Средство ограничения безопасности для окон в Internet Explorer 6 для Windows XP с пакетом обновления 2 (SP2) ограничивает открытие и размещение окон с помощью сценария, чтобы предотвратить обман пользователей разработчиками вредоносного кода. Эти ограничения касаются новых окон Internet Explorer, созданных с помощью метода window.open, всплывающих окон HTML, созданных с помощью метода window.createPopup, а также позиционирования и изменения размеров окон Internet Explorer. Понимание принципов работы средства ограничения безопасности для окон позволяет разработчикам создавать сценарии с требуемыми функциональными возможностями.

Вопросы безопасности. Динамический HTML

В этом документе приведены сведения о безопасности, относящиеся к динамическому HTML.

Интеграция веб-сайтов и служб

Встроенный XMLHTTP

В этом разделе описывается реализация XMLHTTP в веб-браузере Internet Explorer версии 7.

Усовершенствования подключений в Internet Explorer 8

Веб-браузер Internet Explorer 8 содержит ряд важных усовершенствований подключений, которые улучшают как производительность, так и функциональные возможности асинхронных сценариев JavaScript и XML (AJAX) и других веб-приложений. Эти усовершенствования включают повышение максимального числа одновременных подключений для одного узла и новые события подключения.

Введение в навигацию AJAX

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

Введение в междоменные запросы

С помощью междоменных запросов (XDR) в Internet Explorer 8 разработчики могут создавать сценарии сбора данных между доменами. Запрос XDomainRequest похож на объект XMLHttpRequest, однако имеет более простую модель программирования и является самым простым способом осуществления анонимных запросов к сторонним сайтам, поддерживающим XDR и готовым сделать свои данные доступными для нескольких доменов.

Усовершенствования XMLHttpRequest в Internet Explorer 8

Internet Explorer 8 обеспечивает более точное управление запросами AJAX. В частности, теперь разработчики могут указывать время ожидания объекта XMLHttpRequest, которое в сочетании с увеличенным числом одновременных подключений, реализованным в Internet Explorer 8, позволяет предотвратить задержки в приложениях AJAX. Кроме того, добавлен обработчик событий для времени ожидания.

Установка поставщика поиска и задание поставщика поиска по умолчанию

Поддержка нескольких поставщиков поиска, реализованная в веб-браузере Windows Internet Explorer 8, позволяет существенно расширить возможности поиска. Установка поставщиков поиска осуществляется пользователем. Поэтому в качестве поставщика поиска по умолчанию может быть выбран любой поставщик. Чтобы пользователи могли контролировать изменение поставщика, используемого по умолчанию, в веб-браузер Internet Explorer 8 добавлен новый обязательный параметр Поставщик поиска по умолчанию.

Руководство разработчика ускорителей OpenService

В веб-браузере Internet Explorer 8 для доступа к ускорителям используется контекстное меню, которое позволяет быстро получить доступ к приложениям или веб-службам с любой веб-страницы. Пользователи могут установить ускорители из Галереи дополнений Internet Explorer 8 или любого предложенного веб-сайта. Ускорители облегчают копирование данных с одной веб-страницы на другую. В этой статье описывается, как определить и развернуть ускорители на основе XML.

Спецификация OpenService для ускорителей (версия 0.8)

В этом документе рассматриваются минимальные свойства, требуемые для включения публикации и использования ускорителя.

Расширение поставщиков поиска в Internet Explorer

В веб-браузере Internet Explorer версии 7 и более поздних версий в поле Мгновенный поиск добавлена функция автозаполнения, позволяющая пользователям просматривать при новом поиске ранее сделанные поисковые запросы. Веб-браузер Internet Explorer 7 также поддерживает добавление нескольких поставщиков поиска. Улучшения системы поиска в Internet Explorer 8 призваны упростить работу пользователей за счет расширения функциональности раскрывающегося меню Мгновенный поиск и реализации поддержки вариантов поиска.

Спецификация формата поисковых предложений XML

Поисковые предложения Internet Explorer 8 — это служба, которая может поддерживаться поставщиком поиска, позволяющая отображать предложения для поискового запроса. Предложения XML поставщика поиска могут поддерживать текстовые предложения или визуальные предложения.

Тестирование веб-сайтов

Отладка сценариев HTML и CSS с помощью средств разработчика

Веб-браузер Internet Explorer 8 предоставляет расширенные средства разработчика, позволяющие анализировать и устранять проблемы, касающиеся HTML, каскадных таблиц стилей (CSS) и Microsoft JavaScript. В этой статье описываются средства разработчика, относящиеся к HTML и каскадным таблицам стилей.

Отладка сценариев с помощью средств разработчика

В состав средств разработчика Internet Explorer 8 входит встроенный упрощенный отладчик Microsoft JScript, который позволяет разработчикам устанавливать точки останова и пошагово исполнять код JScript на стороне клиента, не выходя из браузера. В этом документе кратко описаны функции высокого уровня из отладчика JScript.

Средства веб-разработчика

В этом разделе приведены ссылки на статьи, посвященные средствам разработчика.

Справочник по сочетаниям клавиш, используемым в средствах разработчика

Веб-браузер Internet Explorer 8 предоставляет расширенные средства разработчика, позволяющие анализировать и устранять проблемы, касающиеся HTML, каскадных таблиц стилей (CSS) и Microsoft JavaScript. В этой статье приведен список сочетаний клавиш, используемых в средствах разработчика, которые позволяют ускорить выполнение задач. Сочетания клавиш перечислены под набором функций. Для быстрого поиска и получения справки также приведен полный список всех сочетаний клавиш.

Учебники по средствам разработчика

В учебниках по средствам разработчика описывается, как использовать средства разработчика для проверки веб-страниц и устранения неполадок. Для этих сценариев предоставляется начальная веб-страница. Каждый учебник посвящен устранению конкретной неполадки. Содержимое учебников разработано таким образом, чтобы предоставить простую и безопасную среду для экспериментов с различными функциями средств разработчика.

Справочник по пользовательскому интерфейсу средств разработчика

В этой статье приведено краткое руководство по командам и меню средств разработчика. Цель — повысить производительность работы путем быстрого определения основных областей интерфейса. В справочнике приведены все элементы пользовательского интерфейса с кратким описанием выполняемых задач.

Знакомство со средствами разработчика в Internet Explorer

Средства разработчика устанавливаются в ходе установки Internet Explorer 8. Эти средства дают возможность разработчикам веб-сайтов отлаживать Microsoft JScript, исследовать поведение веб-страниц в Internet Explorer, быстро создавать новый дизайн сайтов и пробовать различные способы устранения неполадок. Данная статья содержит описание основных возможностей средств разработчика.

Совместимость приложений в Internet Explorer

Этот документ создан в качестве дополнения к документу Набор средств Microsoft Application Compatibility Toolkit (ACT) (который является частью документа Технический справочник по средству Internet Explorer Compatibility Test Tool). Средство Internet Explorer Compatibility Test Tool регистрирует в журнале сведения о сеансе Internet Explorer.

Веб-метка безопасности

Веб-метка безопасности (MOTW) — это функция Internet Explorer, предназначенная для повышения уровня безопасности, которая включает принудительный запуск веб-страниц в зоне безопасности, из которой была сохранена страница (поскольку зона безопасности является более ограниченной по сравнению с зоной локального компьютера), вместо зоны локального компьютера. С выпуском Internet Explorer 6 для Windows XP с пакетом обновления 2 (SP2) роль веб-метки безопасности повысилась, поскольку в зоне локального компьютера ограничения безопасности расширены. При разработке веб-контента веб-метка безопасности позволяет тестировать активные документы HTML в зоне безопасности, в которой будут запускаться страницы. Добавление веб-метки безопасности на веб-страницы также позволяет полностью протестировать совместимость страниц с параметрами безопасности, заданными пользователем.

Профилирование сценария с помощью средств разработчика

Средства разработчика Internet Explorer 8 предоставляют встроенный профилировщик сценариев, который позволяет профилировать код JScript, выполняющийся в Internet Explorer. В этом документе описываются высокоуровневые функции профилировщика сценариев. Основные сведения о других функциях и полный список команд средств разработчика Internet Explorer 8 см. в разделах Знакомство со средствами разработчика в Internet Explorer и Справочник по пользовательскому интерфейсу средств разработчика.

Тестирование режимов совместимости веб-браузера и документа с помощью средств разработчика

Средства разработчика позволяют тестировать создаваемые веб-страницы в различных версиях веб-браузера Internet Explorer, а также проверять влияние различных режимов совместимости документа на поведение веб-страницы в Internet Explorer 8. Это позволяет быстро устранять проблемы совместимости еще до того, как они будут обнаружены пользователями.

Знакомство со средствами разработчика в Internet Explorer

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