Просмотрщик HTML: безопасный предпросмотр в браузере
Просмотрщик HTML — это инструмент предпросмотра HTML в браузере, который отображает вставленную или перетащенную разметку в реальном времени в полностью изолированной iframe-песочнице. Скрипты отключены по умолчанию, поэтому недоверенная разметка не может выполнять код; вы можете включить их только на свой риск, с видимым предупреждением. Изучите распарсенный вид, скопируйте нужное и держите ваш HTML на своём устройстве.
Просмотрщик HTML — это инструмент просмотра и предпросмотра HTML в браузере для отображения вставленной или перетащенной разметки в реальном времени. Он помещает документ в полностью изолированную iframe-песочницу, давая отображённый вид для проверки без построчного разбора исходного кода. Используйте его, чтобы просматривать HTML и копировать нужные части.
Инструмент принимает ввод HTML и отображает его в iframe. Скрипты отключены по умолчанию, поэтому недоверенная разметка не может выполнять код в предпросмотре. Если вы решите включить скрипты, делайте это на свой риск; показывается видимое предупреждение. Ключевое настраиваемое поведение, описанное здесь, — включены или отключены скрипты.
HTML — это разметка, описывающая структуру документа, а отображённый вид представляет эту структуру как браузерный контент, а не исходный текст. Просмотрщик HTML не преобразует разметку в другой формат данных; он помогает перейти от чтения исходного кода к проверке отображённого документа. Это может быть полезно, когда вы хотите понять незнакомый HTML или проверить фрагмент перед работой с ним.
Просмотрщик HTML работает полностью в вашем браузере: ввод обрабатывается на вашем устройстве, и ничего не загружается, не сохраняется и не отправляется на сервер. Он работает офлайн после загрузки страницы, без серверной зависимости. Разработчики и DevOps-инженеры могут использовать его для проверки HTML, просмотра незнакомых документов и копирования нужных отрывков.
Шаг 1: Вставьте или перетащите ваш HTML в просмотрщик, чтобы загрузить разметку, которую хотите проверить.
Шаг 2: Просмотрите отображённый, распарсенный вид в изолированном iframe, чтобы увидеть документ как браузерный контент.
Шаг 3: Держите скрипты отключёнными для недоверенного HTML; если решите их включить, прочитайте видимое предупреждение и действуйте на свой риск.
Шаг 4: Скопируйте нужную часть документа после его просмотра.
Пример использования: Проверьте HTML-документ, который вы не писали и который трудно читать как исходный код. Отображённый вид может облегчить просмотр его содержимого.
Пример использования: Проверьте структуру значения HTML перед написанием кода, который его потребляет. Предпросмотр разметки даёт быстрый способ изучить документ.
Пример использования: Скопируйте чистый отрывок из большого HTML-документа. Просмотрите отображённый вид и возьмите нужную часть.
Пример использования: Предпросматривайте небольшой фрагмент HTML при разработке страницы. Живое отображение помогает изучить разметку, не читая каждую строку как исходный код.
Пример использования: Просмотрите HTML из незнакомого источника, прежде чем его изучать. Скрипты отключены по умолчанию, и их включение показывает предупреждение.
Пример использования: Проверяйте вставленный или перетащенный HTML, когда нужен отображённый вид, а не другое преобразование формата.