☰

Universal Zoom Control

Add zoom in/out buttons to every website

作者
SheeshTony
日安装量
0
总安装量
13
评分
0 0 0
版本
1.1
创建于
2025-06-07
更新于
2025-06-07
大小
14.2 KB
许可证
暂无
适用于
所有网站

This userscript will add floating zoom controls to every website you visit. Here's what it includes:

  • Zoom In (+) and Zoom Out (−) buttons
  • Reset button (⌂) to return to 100% zoom
  • Live zoom percentage display
  • Draggable controls - you can move them anywhere on the page
  • Keyboard shortcuts: Ctrl+Plus, Ctrl+Minus, Ctrl+0
  • Persistent zoom levels - remembers your zoom setting per site
  • Zoom range: 50% to 300%

🔄 Fully Draggable

  • Click and drag anywhere on the control panel (except buttons/slider) to move it
  • Position is automatically saved and restored
  • Prevents dragging conflicts with interactive elements

👁 Hide/Show Toggle

  • Purple eye button to hide/show the controls
  • When hidden, only a small portion remains visible for easy access
  • Keyboard shortcut: Alt + H
  • Eye icon changes when hidden (👁 → 👀)

🌫 Transparency Control

  • Slider at the bottom to adjust transparency (30% to 100%)
  • Real-time transparency adjustment
  • Affects both the background and shadow opacity
  • Setting is saved and restored

💾 Enhanced Settings Persistence

  • Saves zoom level, transparency, hide/show state, and position
  • All settings are restored when you revisit the site
  • Uses a single JSON object for better organization

Controls Layout:

[−] 100% [+] [⌂] [👁]  ← Main controls
[👁] ————————————————  ← Transparency slider

All Keyboard Shortcuts:

  • Ctrl + Plus: Zoom in
  • Ctrl + Minus: Zoom out
  • Ctrl + 0: Reset zoom
  • Alt + H: Hide/show controls

Usage Tips:

  1. Drag: Click empty space around buttons and drag to reposition
  2. Hide: Click the purple eye or press Alt+H to slide controls off-screen
  3. Transparency: Use the bottom slider to make controls more/less visible
  4. Reset: The home button (⌂) resets zoom to 100%

The controls now have a smooth sliding animation when hiding/showing and all your preferences are remembered across page visits!

Installation:

  1. Install Tampermonkey extension in Firefox
  2. Click the Tampermonkey icon → "Create a new script"
  3. Replace the default code with this script
  4. Save (Ctrl+S)
  5. The script will automatically run on all websites

Usage:

  • The controls appear as a dark floating panel in the top-right corner
  • Click and drag to reposition the controls anywhere on the page
  • Use the buttons or keyboard shortcuts to zoom
  • Your zoom level is saved per website

The script uses both CSS zoom and transform: scale() properties for maximum browser compatibility. The controls have a modern dark theme with smooth hover effects and won't interfere with website functionality.