Режим чтения

Примечание

В этой статье нацелена версия браузера Microsoft Edge предыдущей версии. Сведения о новом браузере Microsoft Edge см. в статье "Дизайн Microsoft Edge " (на основе Chromium).

В Microsoft Edge есть режим чтения, чтобы упростить чтение веб-страниц, как благодаря неотвлекающему нежелательному содержимому на странице. Режим чтения можно включать и выключать с помощью кнопки чтения (значка книги) в адресной строке или с Ctrl + Shift + R ней. При этом извлекаются следующие метаданные со страницы:

  • Title
  • Автор
  • Дата
  • Издатель
  • Dominant image(s)
  • Названия dominant image(s)
  • Дополнительные изображения
  • Основное содержимое страницы
  • Авторские права

После этого пользователи смогут настроить контрастность и размер шрифта с панели параметров Microsoft Edge.

Извлечение метаданных

Ниже представлены подробные сведения о метаданных страницы, представленных в представлении чтения.

Title

Чтобы убедиться, что в режиме чтения отображается название статьи:

  • Включение title элемента в верхний колонтитул
  • Добавление тега метага name="title"
  • Сопоставьте текст заголовка в теле статьи с строкой содержимого тега метаданных. Pipes ( ) в строке содержимого не должен быть | активным, попробуйте использовать вместо него дефисы ( - ).

Автор

В режиме чтения будет найден элемент, с которым имеется class = "byline-name" выбранный вами режим. Рекомендуется поместить имя автора после названия и перед текстом статьи.

<div class="byline-name">Author name</div>

Дата

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

Если в тексте статьи указана дата и вы хотите, чтобы она отображалась, назначьте элемент, содержащему дату класса: 'dateline'

<div class="dateline"> Wednesday, September 18, 2013 7:38 AM </div>

Если в тексте статьи нет даты, но вы хотите просмотреть дату, используйте тег name='displaydate' метага:

<meta name="displaydate" content=" Wednesday, September 18, 2013 7:38 AM ">

Издатель

В режиме чтения найдите протокол Open Graph для "og:site_name" отображения сведений издателя. Он также ищет и ищет source_organization атрибуты во всех HTML-тегах как дополнительный индикатор publisher сведений издателя на странице. Текст издателя будет гиперссылкой на URL-адрес страницы с использованием стиля страницы режима чтения.

<meta content="Name of organization source" property="og:site_name">

Изображения

В режиме чтения выводится большинство необработанных изображений, при >= 400 пикселей и пропорции >= 1/3 и =< 3.0. Изображения, не удовлетворяемые этим измерениям, могут быть извлечены, например изображения, размеры которых меньше 400 пк с субтитров, но содержат их субтитры. Первое подходящее изображение становится небольшим изображением статьи. Dominant изображение обрабатывается как первый фрагмент содержимого и имеет ширину столбца целий. Все приведенные ниже изображения отображаются как встроенные изображения в статье.

Подписи

Рекомендуется разместить изображения на тегах рисунков, не более двух вставленных тегов. figcaption

Body

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

Авторские права

В режиме чтения отображаются сведения об авторских правах, обозначенные тегами метагами или если отсутствует name = "copyright" информация об тегах метатега, текст узла с символом авторского права ( © ). В режиме чтения в конце основного текста статьи выводятся сведения об авторских правах в конце основного текста статьи, если используется меньший размер шрифта, чем основной текст.

<meta name="copyright" content="Your copyright information">

Выход из режима чтения

Если вы хорошо знакомы с содержимым, вы можете отменить эту функцию с помощью следующего тега метага:

<meta name="IE_RM_OFF" content="true">

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