Web Shot

Русский | English

Расширение для Google Chrome, которое одним кликом снимает всю веб-страницу целиком: прокручивает её, склеивает кадры в один PNG, сохраняет файл в «Загрузки» и сразу копирует картинку в буфер обмена.

Возможности

• Полностраничный скриншот с прокруткой, в полном разрешении экрана (учитывает HiDPI и масштаб страницы).
• Файл молча сохраняется в папку «Загрузки» как screenshot_<домен>_<дата>_<время>.png.
• Картинка копируется в буфер обмена — можно сразу вставить в мессенджер или редактор.
• Закреплённые элементы не повторяются на каждом кадре:
  • шапки, прикреплённые к верху экрана, — только в начале скриншота;
  • плавающие баннеры, кнопки чата, cookie-плашки — только в конце;
  • «липкие» (sticky) блоки — один раз, на своём месте.
• Прогресс и результат показываются на значке: % → OK или ERR (текст ошибки — во всплывающей подсказке иконки).
• Запуск кликом по иконке или сочетанием клавиш Ctrl+Shift+S (на macOS — ⌘+Shift+S).
• Интерфейс на русском и английском (по языку браузера).

Установка

Из релиза

1. Скачайте web-shot-<версия>.zip со страницы Releases и распакуйте его в постоянную папку.
2. Откройте chrome://extensions и включите «Режим разработчика».
3. Нажмите «Загрузить распакованное расширение» и выберите распакованную папку.
4. Закрепите иконку на панели: значок пазла → булавка у Web Shot.

Из исходников

git clone https://github.com/HelpFreedom/web-shot.git

Затем шаги 2–4 выше, выбрав папку web-shot.

Использование

Откройте нужную страницу и нажмите на иконку Web Shot или Ctrl+Shift+S. Во время съёмки не переключайте вкладку и не прокручивайте страницу. Когда на значке появится OK, файл уже в «Загрузках», а картинка — в буфере обмена.

Сочетание клавиш можно изменить на странице chrome://extensions/shortcuts. Если Ctrl+Shift+S уже занят другим расширением, Chrome не назначит его — тогда задайте своё сочетание там же.

Чтобы снимать локальные файлы (file://), включите «Разрешить открывать файлы по ссылкам» в карточке расширения на chrome://extensions.

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

1. В страницу внедряется небольшой скрипт: он прячет полосы прокрутки, отключает плавную прокрутку и временно делает sticky-элементы обычными.
2. Страница прокручивается по одному экрану; каждый экран снимается через chrome.tabs.captureVisibleTab (не чаще двух раз в секунду — это ограничение Chrome).
3. Кадры склеиваются на OffscreenCanvas в фоновом service worker.
4. PNG копируется в буфер обмена через Clipboard API и сохраняется через chrome.downloads.
5. Все изменения страницы откатываются, позиция прокрутки восстанавливается.

Разрешения

Разрешение	Зачем
activeTab	Доступ к текущей вкладке только в момент клика по иконке
scripting	Прокрутка страницы и скрытие закреплённых элементов во время съёмки
downloads	Сохранение PNG в «Загрузки»
clipboardWrite	Копирование картинки в буфер обмена

Приватность: расширение не собирает данные, не делает сетевых запросов и ничего никуда не отправляет. Скриншоты остаются только на вашем компьютере.

Ограничения

• Chrome не разрешает снимать служебные страницы (chrome://…), Chrome Web Store и встроенный просмотрщик PDF — на них будет ERR.
• Если прокручивается не сам документ, а внутренний блок (Gmail, некоторые веб-приложения), снимется только видимая область.
• Горизонтальная прокрутка не снимается — только ширина окна.
• Очень длинные страницы обрезаются на 60 000 px; слишком большие изображения пропорционально уменьшаются до лимитов canvas.
• Анимированный или бесконечно подгружаемый контент может склеиться неидеально.

Сборка архива для релиза

./scripts/package.sh   # создаёт dist/web-shot-<версия>.zip

Авторы

• Black Triangle (@HelpFreedom) — автор и владелец проекта
• Claude (Anthropic) — соавтор кода

Лицензия

GNU General Public License v3.0