Skip to content

tglagcs/outzoom

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

OutZoom  

Modern Manifest V3 fork of kpion/inzoom, rebuilt with TypeScript and WXT for current Chrome and Firefox.

Chrome: load unpacked from Releases

🇬🇧 English · 🇷🇺 Русский


English

Hover over an image or video, press Shift and use the mouse wheel to zoom in and out. Once zoomed, hold Shift and drag to reposition the element. Right-click for a context menu with zoom / rotate / bring-to-front / reset actions.

Options page — test area and zoom modifiers Options page — dragging, keyboard zoom, context menu Options page — bring to front, lightbox, alternative zoom

Features

  • Works on images, videos, SVG, canvas and CSS background images
  • Drag to reposition after zooming (Shift + drag)
  • Zoom toward cursor position — optional (like Windows Photo Viewer)
  • Bring to front — lift a covered element above overlapping layers (Alt+A by default)
  • Lightbox mode — open any element in a fixed fullscreen overlay, works on any site
  • Rotate 90° / 180° via context menu
  • Configurable zoom trigger: Shift, Ctrl, Alt, right mouse button, middle mouse button, or any key
  • Keyboard zoom shortcuts (Numpad +/−) — optional, off by default
  • Works inside iframes and shadow DOM
  • No data collected, no external requests

Install

Browser Link
Firefox addons.mozilla.org/firefox/addon/outzoom
Chrome Download zip from Releases, unzip → chrome://extensions → Developer mode → Load unpacked

Tip

Firefox users can also download the .zip directly from Releases and load it manually via about:debugging → This Firefox → Load Temporary Add-on.

Develop

Requires Node.js. The toolchain is WXT.

npm install          # also runs `wxt prepare`
npm run dev          # Chrome, with auto-reload
npm run dev:firefox  # Firefox, with auto-reload

Build

npm run build            # -> .output/chrome-mv3
npm run build:firefox    # -> .output/firefox-mv3
npm run zip              # zipped artifact for the Chrome Web Store
npm run zip:firefox      # zipped artifact for AMO

Load unpacked from .output/chrome-mv3 (chrome://extensions, Developer mode → Load unpacked) or .output/firefox-mv3 (about:debugging → This Firefox → Load Temporary Add-on → pick manifest.json).

Project layout

  • entrypoints/ — WXT entrypoints: background.ts, content/, popup/, options/
  • src/ — core: inzoom.ts, config.ts, context-menu.ts, point.ts, app.ts, logger.ts
  • static/ — static assets: icon/, plus the options-page test media (test_photo.jpeg, sample.mp4) and popup icons (config.png, home.png)

License

MIT — see LICENSE.

Credits

Original extension by Konrad Papała (kpion) — kpion/inzoom.


Русский

Наведите курсор на изображение или видео, зажмите Shift и прокрутите колесо мыши для увеличения или уменьшения. После зума удерживайте Shift и перетащите элемент для изменения положения. Правый клик открывает контекстное меню с действиями зума, поворота, выноса на передний план и сброса.

Возможности

  • Работает с изображениями, видео, SVG, canvas и CSS фоновыми изображениями
  • Перетаскивание после зума (Shift + drag)
  • Зум к курсору — опционально (как в Просмотре фотографий Windows)
  • Вынести на передний план — поднять перекрытый элемент над другими слоями (Alt+A по умолчанию)
  • Режим лайтбокса — открыть элемент в полноэкранном оверлее, работает на любом сайте
  • Поворот на 90° / 180° через контекстное меню
  • Настраиваемый триггер зума: Shift, Ctrl, Alt, правая кнопка мыши, средняя кнопка или любая клавиша
  • Горячие клавиши для зума (Numpad +/−) — опционально, по умолчанию выключено
  • Работает внутри iframe и shadow DOM
  • Данные не собираются, внешних запросов нет

Установка

Браузер Ссылка
Firefox addons.mozilla.org/firefox/addon/outzoom
Chrome Скачай zip из Releases, распакуй → chrome://extensions → Режим разработчика → Загрузить распакованное

Tip

Пользователи Firefox также могут скачать .zip напрямую из Releases и загрузить вручную через about:debugging → This Firefox → Load Temporary Add-on.

Разработка

Требуется Node.js. Инструментарий — WXT.

npm install          # также запускает `wxt prepare`
npm run dev          # Chrome, с авто-перезагрузкой
npm run dev:firefox  # Firefox, с авто-перезагрузкой

Сборка

npm run build            # -> .output/chrome-mv3
npm run build:firefox    # -> .output/firefox-mv3
npm run zip              # zip для Chrome Web Store
npm run zip:firefox      # zip для AMO

Лицензия

MIT — см. LICENSE.

Благодарности

Оригинальное расширение Konrad Papała (kpion) — kpion/inzoom.

About

🔎 Zoom in/out on images and videos with Shift + scroll wheel. Firefox & Chrome. MV3 fork of kpion/inzoom.

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors