Бесплатное расширение для Chrome

Скриншоты, HTML и CSS с любого сайта в одном отчете

Снимайте область, всю страницу или отдельный блок, сохраняйте его HTML и CSS, отмечайте главное и выгружайте все в PDF, Word, HTML или Markdown.

  • Без аккаунта
  • Без сервера
  • Работает только на вкладке, где вы нажали
Страница оформления заказа, кнопка «Оплатить $101.00» выделена как button#pay; стрелка ведет к панели SiteAnnotation с новым пунктом и его CSS-правилами

Выберите блок на странице: к скриншоту добавятся его HTML и правила CSS.

Возможности

Все, что нужно для разбора страницы, в одном расширении

Скриншоты, код и заметки больше не разбросаны по пяти местам.

Скриншоты

Область, вся страница или один блок

Выделите нужную часть, снимите страницу целиком сверху донизу или кликните по одному блоку. Текст и данные страницы, например title и мета-теги, тоже сохраняются.

5 режимов: область, вся страница, блок, текст и данные страницы

Скриншот всей страницы
Пять режимов захвата столбцом: Область, Вся страница, Блок, Текст и Данные страницы, стрелки к странице с выделенной областью
HTML и CSS

HTML и CSS элемента, по которому вы кликнули

Выберите блок, и SiteAnnotation сохранит его разметку и правила CSS, которые к нему применяются, рядом со скриншотом. Разработчик получит точный код, а не догадки.

Правила CSS сохраняются при каждом снимке блока

HTML и CSS элемента
Кнопка оплаты выделена на странице заказа, рядом карточка с ее HTML и CSS-правилами
Пометки

Покажите, что именно не так

Рисуйте стрелки и рамки, добавляйте текст и номера, размывайте почту или цены, которые не хотите показывать, и обрезайте скриншот до сути.

Стрелка, рамка, текст, номер, размытие и обрезка

Пометки на скриншоте
Скриншот оформления заказа с красной рамкой, стрелкой, номерами и размытым e-mail, вокруг названия инструментов
Отчеты

Один отчет вместо папки со скриншотами

Каждый снимок попадает в отчет с адресом страницы, временем и вашей заметкой. Меняйте порядок, правьте заметки и переключайтесь между отчетами в боковой панели.

До 3 отчетов одновременно

Отчет об аудите сайта
Панель SiteAnnotation с отчетом из четырех пунктов; первый раскрыт, в нем адрес страницы, время и заметка
Экспорт

В формате, который откроет любой

Выгрузите отчет документом для клиента, страницей для задачи или текстом для базы знаний. Картинки, заметки и код уходят вместе с ним.

Резервная копия в ZIP переносит отчеты в другой браузер

  • PDF
  • Word (DOCX)
  • HTML
  • Markdown
Первая страница выгруженного отчета, вокруг карточки файлов PDF, DOCX, HTML и MD
Кому пригодится

Для тех, кто объясняет другим, что не так со страницей

  • Тестировщикам

    Баг-репорт со скриншотом, адресом и кодом сломанного блока.

  • SEO-специалистам

    Аудит с данными страницы, заголовками и скриншотами с пометками в одном документе.

  • Фронтенд-разработчикам

    HTML и CSS любого элемента без поиска в DevTools.

  • Дизайнерам и менеджерам

    Понятные правки по живому сайту, которые откроет любой в команде.

Как это работает

От страницы до отчета за три шага

  1. Нажмите на значок на странице

    Боковая панель откроется на вкладке, которую вы смотрите. SiteAnnotation получит доступ только к ней.

  2. Снимите и отметьте

    Выберите режим захвата, затем добавьте стрелки, рамки, текст и заметку в редакторе.

  3. Выгрузите отчет

    Скачайте PDF, Word, HTML или Markdown и отправьте так, как вы привыкли.

Сравнение

Больше, чем инструмент для скриншотов

Что вы получаете по сравнению с привычными способами снять страницу.

Таблицу можно прокрутить вбок

SiteAnnotation в сравнении с системным инструментом скриншотов и обычным расширением для скриншотов
ВозможностьSiteAnnotationСистемный инструмент скриншотовОбычное расширение для скриншотов
Вся страница одной картинкойДаНетДа
HTML и CSS элементаДаНетНет
Стрелки, рамки, текст и размытиеДаЧастичноДа
Много снимков в одном отчетеДаНетРедко
Экспорт в PDF, Word, HTML и MarkdownДаНетОбычно PNG или PDF
Работает без аккаунтаДаДаЧасто нужна регистрация
Ничего не загружается на серверДаДаЧасто загружает в облако
Приватность

Отчеты остаются в вашем браузере

  • Без аккаунта

    Установили и пользуетесь. Ни регистрации, ни почты, ни пароля.

  • Без сервера

    Отчеты хранятся в вашем браузере. SiteAnnotation никуда их не отправляет.

  • Доступ по клику

    Расширение видит страницу только после того, как вы нажали на его значок на этой вкладке.

Политика конфиденциальности

SiteAnnotation в цифрах

аккаунтов нужно создать
0
серверов видят ваши данные
0
формата экспорта
4
режимов захвата
5
Вопросы

Вопросы и ответы

SiteAnnotation бесплатный?
Да. Все функции бесплатны, пробного периода нет.
Нужен ли аккаунт?
Нет. Установите расширение и сразу пользуйтесь. Регистрации и входа нет.
Где хранятся мои отчеты?
В вашем браузере, на вашем компьютере. У SiteAnnotation нет сервера, скриншоты и заметки никуда не загружаются.
В какие форматы можно выгрузить отчет?
PDF, Word (DOCX), HTML и Markdown. Резервная копия в ZIP переносит отчеты в другой браузер или на другой компьютер.
Сколько отчетов можно хранить?
До 3 одновременно. Чтобы начать новый, выгрузите или удалите один из старых.
Видит ли расширение все мои вкладки?
Нет. Доступ к вкладке появляется, только когда вы нажимаете на значок на этой вкладке, и только к ней.
Работает ли на страницах за логином?
Да. Расширение снимает страницу такой, какой вы видите ее в браузере, поэтому страницы, где вы вошли в аккаунт, тоже подходят.
Все вопросы

Превратите следующую проверку страницы в отчет

Бесплатно, без аккаунта, работает офлайн. Скриншоты и заметки остаются в вашем браузере.

Установить в Chrome. Бесплатно