Просмотр HTML
Вставьте HTML-файл — или блок кода, который только что выдал ИИ, — и сразу увидьте настоящую страницу. Правки слева появляются справа по мере ввода. Всё работает в вашем браузере: ничего не отправляется, пока вы не решите сделать ссылку.
Сделать из этой страницы ссылку
Один клик отправляет ровно этот HTML на бесплатный адрес hdply. Для пробы аккаунт не нужен; ссылка живёт час, а бесплатный аккаунт сохраняет её навсегда.
Что этот просмотрщик делает, а что нет
Предпросмотр — это фрейм в песочнице. Ваш HTML выполняется со своими скриптами и стилями, но в изолированном источнике: он не может прочитать эту страницу, ваши cookie или что-либо ещё во вкладке. Поэтому безопасно вставлять код, который вы не читали построчно.
Он отрисовывает ровно то, что посетитель получит из одного файла. Всё, на что ваш HTML ссылается относительным путём — styles.css, images/hero.jpg, script.js, — здесь не существует, как не будет существовать и на хостинге, куда вы загружаете один файл. Если предпросмотр выглядит без стилей, причина в этом: встройте CSS или укажите абсолютный URL.
Ширина телефона и планшета — настоящая ширина viewport, а не уменьшенный скриншот, поэтому media-запросы срабатывают как на устройстве. Переключитесь на телефон перед тем, как отправлять ссылку: большинство откроет её именно на нём.
Частые вопросы
Мой HTML куда-то загружается, когда я его вставляю?
Нет. Отрисовка происходит в вашем браузере, внутри фрейма-песочницы. Ничего не покидает вкладку, пока вы не нажмёте «Получить ссылку», и тогда отправляется только HTML из редактора.
Почему страница выглядит не так, как файл на моём компьютере?
Почти всегда из-за относительных путей. Ссылка вроде styles.css или images/photo.png указывает на файл рядом с вашим HTML на диске, который просмотрщик не видит. Поместите CSS в тег <style>, а для изображений используйте полные https:// URL или data URI — и всё совпадёт.
JavaScript выполняется в предпросмотре?
Да. Скрипты работают внутри песочницы, изолированно от этой страницы, так что интерактивные страницы, графики и небольшие приложения работают. То, чему нужны cookie или локальное хранилище самого фрейма, песочница может ограничить.
Есть ли ограничение по размеру?
У просмотрщика нет. Шаг «Получить ссылку» принимает до 1 МБ на страницу — этого более чем достаточно для самодостаточного файла; большим изображениям место на внешнем URL.