Метаданные публичных страниц и статический просмотр HTML, CSS и изображений без JavaScript в размерах компьютера, планшета и телефона.
Метаданные публичных страниц и статический просмотр HTML, CSS и изображений без JavaScript в размерах компьютера, планшета и телефона.
https://clocktools.app/Для статического просмотра нужна публичная HTTPS-страница; HTTP даёт только метаданные. Не включайте учётные данные, нестандартные порты, подписанные ссылки и личные идентификаторы.
1440×900 · 820×1180 · 390×844Это области просмотра в CSS-пикселях, а не конкретные устройства или сравнение браузеров.
PNG · JSONСначала проверьте состояние снимка. Скачивайте PNG только при реальном успешном захвате; метаданные экспортируются отдельно.
Перед выпуском шаблона статьи выберите компьютер и телефон, добавив планшет для промежуточной ширины. Сравните заголовки, навигацию, изображения и содержимое в точных размерах. Сохраните успешные PNG и JSON. Меню, формы и JavaScript-контент нужно отдельно проверить обычным браузером.
При переносе прочитайте заголовок, первый H1, canonical и robots вместе с конечным URL и статусом. Экспортируйте метаданные даже без снимка. Другой canonical — признак конфигурации, не подтверждённый выбор поиска. Проверьте исходный код и выпуск, не оценивайте SEO по картинке.
Если предпросмотр пуст или без стилей, сначала прочитайте сообщения о снимке и пропущенных ресурсах. Сравните локально без и с JavaScript. Это поможет отличить динамическую оболочку от отсутствующих CSS или изображений. Неудачный снимок и успешное изображение скудной страницы требуют разных обращений.
Медиазапросы CSS адаптируют стили к условиям просмотра. Их пиксели — CSS-пиксели, а не физическое число в характеристиках телефона. Ширина 390 пикселей не сертифицирует конкретную модель смартфона.
Страница может работать на выбранных ширинах и переполняться между ними. Проверяйте длинный текст, ориентацию, масштаб и действия отдельно. Первый видимый фрагмент не проверяет остальную страницу или полный процесс покупки. Спецификация медиазапросов W3C.
Статический просмотр показывает HTML, CSS и поддерживаемые изображения без JavaScript. Метаданные извлекаются отдельно из ограниченного HTML; ни один результат не подтверждает DOM, созданный JavaScript.
Допускаются только проверенные публичные HTTPS-ресурсы. Скрипты, внешние шрифты, фреймы, медиа и соединения отключены. Отсутствующие ресурсы меняют вид; даже корректный PNG может показать неполный или пустой динамический сайт. Ограничения запросов браузера.
Условный пример: страница вернула HTTP 200 и заголовок, но просмотр недоступен. Это подтверждает ответ, но не нарисованный интерфейс. Читайте конкретную ошибку; HTTP, неподдерживаемый контент и пределы могут оставить только метаданные.
Есть компьютер 1440 × 900, планшет 820 × 1180 и телефон 390 × 844. Компьютер и телефон выбраны изначально; добавьте планшет для середины. Хотя бы один вариант остаётся выбранным. Это фиксированные области просмотра, не каталог устройств. Произвольная ширина, ориентация, браузер и эмуляция касаний не настраиваются.
Проверяйте конкретный публичный HTTPS-путь, не только главную. Длинная статья, список товаров или перевод по-разному нагружают шаблон. Используйте один путь во всех нужных размерах и отмечайте начальное содержимое. Спецификация W3C по media queries описывает условия CSS по ширине; здесь важно, остаётся ли статическая вёрстка пригодной.
В фиксированном примере заголовок занимает одну строку на компьютере и три на телефоне. Это не автоматический дефект. Ищите обрезанные слова, перекрытия и главную кнопку вне вида без понятного продолжения. Промежуточные ширины, масштаб текста и ориентацию проверяйте локально. Три образца не подтверждают все breakpoints или устройства.
| Область просмотра | Полезная проверка | Не установлено |
|---|---|---|
| 1440 × 900 | Широкая навигация, колонки и заголовки | Все экраны, браузеры и масштабы |
| 820 × 1180 | Промежуточные переходы | Конкретный планшет или касания |
| 390 × 844 | Узкий текст, изображения и первая область | Конкретный телефон, клавиатура или все мобильные ширины |
Предпросмотр рисует полученный HTML, поддерживаемые CSS и изображения без JavaScript. Серверный заголовок может появиться, клиентский график нет. Снимается первая область, не вся страница; содержимое ниже визуально не проверено. Корректная PNG подтверждает статический снимок нужного размера, не полную загрузку приложения.
Внешние шрифты, фреймы и медиа исключены. Запасной шрифт меняет ширину слов, строки и высоту; шрифтовые иконки могут исчезнуть. При пропущенных ресурсах считайте картинку частичной. Сначала выясните возможное влияние пропусков, потом меняйте отступы своего сайта.
Ограничение помогает увидеть начальный HTML. Серверная статья сохраняет текст без JavaScript, а приложение с одним корневым контейнером выглядит скудно даже при 200 и title. Это само по себе не оценивает прогрессивное улучшение или общую доступность. Сравните источник и обычный браузер, чтобы понять, запланирована ли пустота.
Метаданные извлекаются отдельно из полученного HTML, а не из изменённого JavaScript DOM или пикселей снимка. Видимые строки панели результатов показывают статус ответа, title, первый H1, canonical, robots, тип содержимого, объём проверенного HTML и приблизительное время ответа. В JSON также сохраняются извлечённые description и viewport, конечный URL и сведения о перенаправлениях; отдельных видимых строк для description и viewport нет. Эти дополнительные поля помогают отличить настройки страницы от проблемы снимка, но не дают заключения о том, как страницу оценивает поисковая система.
Отсутствующее или пустое поле не доказывает, что соответствующей разметки нет на полной странице. HTML-парсер читает атрибуты по имени: изменение их порядка не мешает извлечению, обычные атрибуты с кавычками и без них поддерживаются. Однако объём проверки ограничен, и при усечении поздние теги могут остаться за пределами проверенного исходника. Возвращается первый H1, а не вся структура заголовков; содержимое, созданное JavaScript, не проверяется. При сбое разбора результат сообщает о недоступных метаданных и неудавшемся снимке, а не подтверждает отсутствие тегов. Прежде чем добавлять дублирующие теги как предполагаемое исправление, сравните исходник ответа без авторизации с изменённым DOM вашего браузера.
Связь canonical в HTML обозначает предпочтительный URL. Проверьте старую среду или неверный путь; выбор поисковой системы не подтверждается. Документация Google по robots объясняет директивы, но один meta не даёт решения об обходе и индексации. Заголовки и другие условия требуют отдельного просмотра.
Знакомый title рядом с входом или защитной проверкой требует сравнить анонимный ответ, не утверждать авторизованное отображение. Метаданные и снимок — разные запросы; содержимое, кэш и момент выпуска могут отличаться. Сохраните оба статуса, не восполняйте недостающие доказательства одного другим.
Читайте каждый размер отдельно. Успешный компьютерный снимок не подтверждает неудачный мобильный. Только метаданные полезны, но не дают визуального доказательства отсутствующего размера. HTTP поддерживает лишь метаданные; для снимка используйте настоящий публичный HTTPS, не предполагая расширения возможностей через HTTP-переход.
Если метаданные не получены, сначала разберите этот ответ. Для снимка читайте конкретную причину: статус источника, неподдерживаемое содержимое, переход или предел запросов, байтов и времени. PDF и JSON не являются HTML-вёрсткой. Нет принятого снимка — не то же самое, что снимок пустого содержимого.
При принятом частичном изображении сравните сообщения и симптомы. Текст без стилей ведёт к CSS и типу, отсутствующие картинки к их выдаче, скудное приложение к зависимости от JavaScript. Это направления исследования, не диагнозы. Меняйте сайт после воспроизведения с реальными источниками и запросами.
| Результат | Допустимое утверждение | Сохранить |
|---|---|---|
| Только метаданные | Источник доступен, принятого снимка размера нет | Статус, URL, поля и ошибка снимка |
| Принятая статическая PNG | Начальная статическая область снята | Размер, время, PNG и сообщения |
| Принятая скудная или пустая PNG | Мало видимого статического содержимого | Сравнение источника и локальный тест без JavaScript |
| Один размер не удался | Покрытие неполное | Все результаты по размерам, не только успех |
Сохраните путь, размеры, время, метаданные и отдельные результаты в JSON. Скачивайте PNG только при успехе. Картинка фиксирует вид; JSON — контекст и ошибки, теряемые при обрезке. Имя файла не доказывает страницу, время и условия.
Опишите элемент, ширину и последствие: длинное название обрезано при 390 пикселях, читаемо при 820. Добавьте публичный путь и возможное влияние пропущенных ресурсов или JavaScript. Это полезнее «мобильный тест провален», особенно если сама операция снимка завершилась.
Закончите локально: клавиатура, меню, разрешённые формы, состояния загрузки и ошибок. Проверяйте действительно поддерживаемые браузеры и устройства. Здесь не измеряются доступность для пользователей с ограничениями, Core Web Vitals или интерактивная задержка. Отменяйте или сбрасывайте при смене ввода; общая ссылка не замораживает страницу и результат.
Мы отдельно проверяем метаданные и статический вид страницы, не входя в аккаунты и не передавая личные данные для входа. Размер каждого принятого снимка соответствует выбранному формату. Если снимок или отдельные ресурсы недоступны, мы сообщаем об этом: наличие метаданных само по себе не подтверждает полное отображение страницы.
Показана только начальная видимая область, а не полноценная JavaScript-страница, снимок всей страницы, оценка производительности или проверка доступности. Внешние шрифты, встроенное содержимое, медиа и динамически загружаемые элементы могут отсутствовать, поэтому вид может отличаться от вашего браузера. Проверяйте только публичные страницы, а взаимодействия тестируйте на своих устройствах. После отмены запоздалый результат не заменит текущую страницу результатов.
Сообщите о воспроизводимой проблеме через страницу контактов. Укажите URL инструмента, безопасный пример ввода, время проверки, ожидаемый результат и подтверждение из источника. По возможности приложите публичный ответ, но не данные аккаунта и не секретные ссылки. Изменение записи источника не обязательно означает ошибку расчёта. Сначала сравните одинаковые имя, страницу и время наблюдения.
HTTP, неподдерживаемое содержимое, ошибка источника или лимит могут оставить метаданные без принятого снимка. Читайте сообщение по размеру. Title и ответ не доказывают нарисованную страницу, а отсутствие снимка не диагностирует пустой сайт.
Нет. HTML, поддерживаемые CSS и изображения рисуются без скриптов. Виджеты, маршруты и клиентский контент могут отсутствовать. Сравните обычный браузер и локальный тест без JavaScript: корректный статический снимок не подтверждает интерактивное приложение.
Нет. Они задают 1440 × 900, 820 × 1180 и 390 × 844. Касания, плотность пикселей, система и семейства браузеров не проверены. Для них нужны собственные адаптивные и физические тесты.
Внешние шрифты исключены; замена меняет строки и интервалы, шрифтовые иконки могут пропасть. Фреймы, медиа и динамические ресурсы также могут быть опущены. Прочитайте сообщения, прежде чем назвать различие ошибкой CSS.
Нет. Это HTTP, не все ресурсы и действия. JavaScript-оболочка может дать 200 и мало статического контента. Просмотрите снимки и сообщения по размерам, затем реальное поведение браузера.
Значение может добавляться с помощью JavaScript, отсутствовать в исходном HTML, доступном без входа в аккаунт, или не распознаваться при извлечении метаданных. Если исходный HTML был усечён, теги в его конце тоже могут остаться за пределами проверки. Прежде чем изменять или дублировать теги, сравните исходный код страницы, а не только DOM в браузере.
Нет. Только начальную область. Нижний контент, прокрутка, отложенная загрузка и фиксированные элементы после скролла требуют отдельной проверки. Скачивание не подтверждает просмотр всех разделов.
Нет. Используйте публичные страницы без паролей, токенов и данных аккаунта. Сессия не передаётся. Закрытое проверяйте локально разрешёнными средствами, не вводя ссылки доступа в публичный инструмент.
Нет. Они не устанавливают индексацию, выбранный canonical или доступность. Для поиска нужны средства обхода, источник и заголовки; для доступности отдельная проверка клавиатурой и вспомогательными технологиями. Аккуратная картинка этого не доказывает.