Screen Magnifier Lite Overlay

WHAT IT DOES

Screen Magnifier Lite Overlay adds a floating magnifying glass to any webpage that follows your mouse cursor and magnifies the content beneath it. The magnifier lens appears as a circular or rectangular overlay that shows enlarged content at 1.5x to 4x zoom, making small text and details easier to see. A visible toggle button lets you enable or disable the magnifier instantly. The mini control panel allows you to adjust zoom level and lens size in real-time with a slider, plus preset zoom buttons (2x, 3x, 4x) for quick changes. A crosshair or center indicator helps with precise positioning. Both mouse and touch input are supported. Magnifier settings are persisted using GM_setValue, so your preferences are saved across sessions. The magnifier works with dynamic content and iframes.

WHERE IT RUNS

This script runs on every website (matching all URLs), adding the magnifier overlay across the entire web. It works on any page—articles, dashboards, e-commerce sites, documentation, and more—and adapts to each page automatically.

HOW TO USE

After installing through the BotGentz extension, a magnifier toggle button appears in the bottom-left corner of the page. Click it to enable the magnifier. Move your mouse or touch the screen to position the lens—the content beneath is magnified in real-time. Use the mini control panel (appears above the toggle button) to adjust zoom level with the slider, click preset buttons for quick changes, or resize the lens. Use the configuration panel to customize your experience: toggle the magnifier on or off, set the default zoom level (1.5x to 4.0x), set the lens size (50-400px), choose the lens shape (circle or square), show or hide the crosshair, enable or disable mouse following, enable or disable auto-enable on page load, and enable or disable contrast boost. The panel displays the current magnifier status, zoom level, lens size, and shape. Use the "Toggle Magnifier" button to quickly enable or disable, or "Reset to Default" to restore all settings.

FLOATING MAGNIFIER WITH CSS-BASED LENS AND POSITION TRACKING

This script implements a screen magnifier using a floating DOM element positioned over the page content. The lens uses fixed positioning with pointer-events: none so it doesn't interfere with page interactions. Mouse and touch events are tracked to update the lens position in real-time. The magnification effect is achieved using a canvas-based approach that captures the content behind the lens and renders it at the specified scale. The lens shape is controlled via CSS border-radius (50% for circle, 8px for square). The crosshair overlay provides a center reference point. The control panel uses a range slider and preset buttons for intuitive zoom control. Settings are stored using GM_setValue with domain-keyed persistence.

THE PANEL

The configuration panel is fully draggable and remembers its position per-site using GM_setValue. It snaps to screen edges when dragged near them, collapses to a compact bubble when minimized, and supports Escape key for quick collapse. All settings—including magnifier visibility, zoom level, lens size, lens shape, crosshair display, mouse following, auto-enable, and contrast boost—are persisted across sessions.

PLEASE NOTE

This script requires the free BotGentz extension to run. The script runs on all websites and overlays a magnifier lens on top of page content. It does not capture, store, or transmit any personal information. All settings are stored locally using GM_setValue and never transmitted to external servers. The magnifier may not work perfectly on all websites, especially those with complex rendering or canvas-based content. The magnifier is a visual aid and does not modify the underlying page content. This tool is provided for accessibility and informational purposes only.