Как пользоваться
- Вставьте HTML-код в поле ввода. Если «Автообновление просмотра» выключено, нажмите Ctrl+Enter (Cmd+Enter на Mac).
- Включите «JavaScript», если нужно проверить скрипты в HTML.
- В разделе «Область просмотра» выберите «Мобильный 375», чтобы проверить вёрстку на узком экране.
- В разделе «Расположение» выберите «Рядом», чтобы видеть код и результат одновременно.
Примеры
Карточка товара на узком экране
<article style="max-width:320px;padding:16px;border:1px solid #ddd;border-radius:12px;font-family:Arial,sans-serif">
<h2>Керамическая кружка</h2>
<p>Объём 350 мл. Цвет: синий.</p>
<strong>890 ₽</strong>
</article>
<script>console.log('Карточка товара', {название: 'Керамическая кружка', цена: 890});</script>Размер: 388 B · Элементы: 5 · Внешние ресурсы: 0
Консоль (1):
Карточка товара {"название":"Керамическая кружка","цена":890}Ошибка JavaScript с номером строки
<h2>Проверка корзины</h2> <script> updateCart(); </script>
Размер: 73 B · Элементы: 2 · Внешние ресурсы: 0 Консоль (1): Uncaught ReferenceError: updateCart is not defined (строка 3:1)
Частые вопросы
Как посмотреть HTML-код страницы по ссылке?
Для этого используйте инструмент «Просмотр кода страницы». Здесь вставленный URL отображается как текст: содержимое сайта по ссылке не загружается.
Почему в HTML не отображаются картинки и стили?
Относительные пути вроде img/logo.png и style.css не загружаются без base href. Укажите абсолютные URL и проверьте, выключена ли настройка «Блокировать внешние ресурсы», если файлы находятся на другом сервере.
HTML-код отправляется на сервер?
Инструмент обрабатывает HTML в браузере и не отправляет его на сервер. Но внешние картинки, шрифты, стили и скрипты могут загружаться с указанных в коде серверов, которым виден ваш IP-адрес; настройка «Блокировать внешние ресурсы» отключает такую загрузку.
Какие HTML-файлы можно открыть онлайн?
Поддерживаются .html, .htm, .xhtml, .svg и .txt размером до 5 МБ. Кодировка определяется по BOM, затем по meta charset в первых 4 КБ файла; если они отсутствуют, используется UTF-8.