Как посмотреть HTML-код в исходном виде и в предварительном просмотре

Для чего нужен просмотр HTML

HTML Viewer помогает рассматривать HTML именно как переданный текст и сопоставлять его исходную форму с экранированным представлением. Это подходит для проверки фрагмента разметки, когда важно понять, какие данные были введены и в каком виде они возвращаются. В поле можно передать HTML-текст, а затем выбрать режим source или preview.

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

Поле HTML необязательно. Если оставить его пустым, пустое содержимое обрабатывается успешно и не попадает в ветку обработки source или preview. Режим также можно не указывать: тогда применяется source. Для непустого ввода в обоих поддерживаемых режимах дополнительно возвращаются количество символов и число сегментов, разделённых переводами строк.

Как проверить фрагмент

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

2. Вставьте подготовленный фрагмент в поле HTML. Поле можно не заполнять, если требуется проверить поведение пустого ввода. Не добавляйте к фрагменту пароль или другой секрет, если такие данные не нужны для поставленной задачи.

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

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

5. Отправьте запрос и просмотрите полученный ответ. Для непустого ввода в source и preview найдите сведения о количестве символов и сегментов, разделённых переводами строк. Сопоставьте эти значения с подготовленным фрагментом, если проверяете полноту копирования или сохранность строк.

6. Если режим не выбран, учитывайте значение source по умолчанию. При другом названии режима ответ будет ошибочным, поэтому замените его на source или preview. Пустое поле остаётся отдельным случаем: оно обрабатывается успешно и не запускает обработку непустого HTML в этих режимах.

Как понимать ответ

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

Ответ preview содержит две связанные части: исходный HTML и его экранированную форму. Сравнение этих частей помогает заметить различия между содержимым, которое было передано, и представлением, предназначенным для показа как текста. По такому ответу нельзя заключать, что разметка была выполнена, очищена или проверена на безопасность.

Счётчик символов описывает объём переданного HTML, а число сегментов показывает его разделение по переводам строк. Эти показатели полезны при контроле вставки: отличающееся значение может обратить внимание на пропущенный фрагмент или изменённую структуру строк. Сведения доступны для непустых запросов в source и preview.

Если получен ответ с ошибкой, сначала проверьте выбранное значение режима. Поддерживаются source и preview, а незаданный режим получает значение source. Пустой ввод следует оценивать отдельно, поскольку для него возвращается пустое содержимое при успешной обработке.

Практический пример

Вы вставляете однострочный фрагмент «

Привет

» и выбираете preview, чтобы сравнить исходную разметку с её экранированным представлением.

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

Для непустого фрагмента в source ответ содержит экранированное представление HTML, количество символов и число сегментов, разделённых переводами строк. В preview дополнительно присутствует переданный HTML.

Ограничения

• Результат ограничен текстовыми представлениями HTML и не подтверждает визуальное отображение, выполнение разметки или проверку её безопасности.

Частые ошибки

• Причина: указано значение режима, отличное от source или preview. Исправление: выберите один из поддерживаемых вариантов либо очистите поле режима, чтобы использовать source по умолчанию.

Частые вопросы

Что произойдёт, если оставить поле HTML пустым?

При пустом поле HTML инструмент успешно возвращает пустое содержимое и не переходит к обработке непустого текста в source или preview. Это отдельный результат, а не ошибка настройки режима, поэтому для такой проверки достаточно оставить поле незаполненным.

Какой режим используется по умолчанию?

Если режим не задан, используется source. Когда HTML непустой, ответ в этом режиме содержит его экранированное представление, поэтому отдельный выбор source нужен только для явного указания того же варианта.

Можно ли по preview понять, как будет выглядеть страница?

Preview возвращает переданный HTML и его экранированное представление как текстовые формы. Он не подтверждает визуальное отображение, выполнение разметки или проверку её безопасности, поэтому результат следует использовать для сопоставления содержимого.