Invisible Magnifier

Invisible Magnifier Complete Guide

Master your secure browser extension - From installation to expert usage

📦 Download Extension 🎮 Try Interactive Demo

🎮 Interactive Demo

Experience the extension! Click the extension icon in the fake browser toolbar to activate, then drag the green circle over elements.

🔒 https://demo-website.com/login

🌐 Demo Website - Social Media Login

Home
Profile
Settings
"keyword": hidden value
Click the 🔒🔍 extension icon in the browser toolbar above to start the demo!

🚀 Quick Start Guide

1. Installation

Download ZIP file, extract to permanent folder, enable Developer Mode, load unpacked extension in Chrome.

Setup Guide

2. First Setup

Create 3-6 character password, save your 3-word recovery phrase, move downloaded files to extension folder.

User Guide

3. Daily Usage

Login for 60-second sessions, drag floating green circle over text/icons, copy hidden values instantly.

Learn More

📦 Download Invisible Magnifier

Latest Version: 2.0.0 - Enhanced Security Update

Download ZIP File Complete extension package
AES-256 Encryption
1-Minute Sessions
USB Portable
No Cloud Storage

🛠️ Complete Installation Guide

📥 Windows Installation

1

Download and Extract

• Download the ZIP file to a permanent location (not Downloads folder)

• Right-click ZIP → "Extract All..." → Choose destination

• Recommended location: C:\Users\[YourName]\Documents\Extensions\InvisibleMagnifier

💡 Pro Tip: Create a dedicated "Extensions" folder for all your browser extensions
2

Show File Extensions

• Open File Explorer → View tab → Check "File name extensions"

• OR: File Explorer → Options → View → Uncheck "Hide extensions for known file types"

⚠️ Critical: You MUST see .json, .js, .css extensions to verify files correctly
3

Load in Chrome

• Open Chrome → Type chrome://extensions/

• Toggle "Developer mode" ON (top-right)

• Click "Load unpacked" → Select your extension folder

• Pin extension icon to toolbar (puzzle piece → pin Invisible Magnifier)

🍎 macOS Installation

1

Download and Extract

• Double-click ZIP file (extracts automatically)

• Move extracted folder to permanent location

• Recommended: /Users/[YourName]/Documents/Extensions/InvisibleMagnifier

2

Show File Extensions

• Finder → Preferences → Advanced

• Check "Show all filename extensions"

3

Load in Chrome

• Chrome → chrome://extensions/

• Enable "Developer mode"

• "Load unpacked" → Select folder

🐧 Linux Installation

1

Extract ZIP

• Right-click ZIP → "Extract Here" or "Extract To..."

• Terminal: unzip invisible-magnifier.zip -d ~/Documents/Extensions/

• Move to: /home/[username]/Documents/Extensions/InvisibleMagnifier

2

Verify Permissions

• chmod -R 755 InvisibleMagnifier/

• Ensure all files are readable by browser

3

Load in Browser

• Works with Chrome, Chromium, Brave, Opera

• Navigate to extensions page → Developer mode → Load unpacked

✅ Installation Verification

File Count

Your folder should contain exactly 12 files

manifest.json background.js content.js content.css popup.html popup.js popup.css sidepanel.html sidepanel.js sidepanel.css data.json README.md

Extension Card

In chrome://extensions/ you should see:

  • Name: "Invisible Magnifier"
  • Version: "2.0.0"
  • Status: Enabled (green toggle)
  • ID: Random letters/numbers

Icon Test

Click the extension icon 🔍 in toolbar:

  • Popup should appear
  • Shows "Setup Security" form
  • No error messages

👤 Complete User Guide

🔧 First-Time Setup Process

1

Launch Setup

Click extension icon 🔍 → "Setup Security" appears

→
2

Create Password

Enter 3-6 characters (simple is fine - "abc123" works perfectly)

→
3

Save Recovery Phrase

CRITICAL: Write down the 3 words shown (e.g., "tiger king piano")

📝 Write on paper 📱 Photo with phone 💾 Save in password manager 📧 Email to yourself
→
4

Handle Files

Two files download to Downloads folder:

auth.json - Your security keys
data.json - Your encrypted mappings

MOVE both files to your extension folder immediately!

→
5

Test Login

Click icon → Enter password → See "Login Successful!" → Green circle 🟢 appears

📅 Daily Usage Workflow

🔐 Login Process (Every Time)

🔍 Click extension icon in toolbar
🔑 Enter your 3-6 character password
⏰ 60-second browsing session starts
🟢 Green circle appears on all websites

🎯 Using the Green Circle

🖱️
Drag the Circle

Drag the glowing green circle 🟢 over any text, icon, or button on websites

🔍
Detection

Extension scans for CSS classes (fa-user), IDs (login-btn), plain text (password)

💡
Match Found

If keyword matches your mappings, tooltip appears with hidden value

📋
Copy Value

Click "Copy" button to add value to clipboard, tooltip disappears

✏️ Adding/Editing Mappings

1
Open Data Manager

Click extension icon → "Manage Data" button

2
Enter Editing Mode

Enter password → 5-minute editing session starts

3
Make Changes

Add/edit/delete keyword-value pairs

4
Save & Replace

Click "Save & Exit" → New data.json downloads → Move to extension folder

⚡ Advanced Usage Techniques

🎯 Keyword Strategy

CSS Class Targeting

Best for reliability - target specific icons and buttons

fa-user btn-primary icon-home
Partial Matching

One keyword triggers multiple variations

"pass" → password, passphrase, passcode
Domain Isolation

Same keyword, different values per website

facebook.com: "fa-user" → fb_username gmail.com: "fa-user" → gmail_address

⚡ Efficiency Techniques

Speed Burst Sessions

Login → Quick burst of activity → Auto-logout = maximum security

Batch Operations

Plan mappings, enter editing mode once, add multiple keywords, save all

Predictive Keywords

Add keywords for sites you'll visit later (preparation strategy)

🏆 Expert Mappings Examples

Social Media
fa-user → your_social_username
fa-key → your_social_password
profile → profile_management_url
Development
token → ghp_your_github_token
ssh → rsa_key_identifier
api → production_api_endpoint
Work Tools
slack → workspace_login_details
jira → project_shortcuts
notion → team_workspace_url

🔒 Security Best Practices

Recovery Phrase Security

✅ DO
  • Write on physical paper
  • Store in multiple secure locations
  • Photo with phone (encrypted storage)
  • Save in password manager
  • Test recovery process occasionally
❌ DON'T
  • Store only in browser bookmarks
  • Share with anyone
  • Save in unsecured cloud notes
  • Write in public places
  • Use predictable word combinations

Session Management

🟢
Browsing Sessions (1 Minute)

• Green circle active and functional

• Orange warning at 30 seconds

• Auto-logout for security

✏️
Editing Sessions (5 Minutes)

• Replaces browsing session completely

• No green circle during editing

• Extended time for data management

File Security

auth.json

Contains: Password hash, salt, encrypted recovery phrase

Security: Never share, backup securely, replace when password changes

data.json

Contains: All mappings encrypted with AES-256

Security: Replace after every save, backup regularly, unreadable without key

❓ Frequently Asked Questions

🚀 Getting Started

The magic process: 1) Create keyword-value pairs (like "fa-user" → "my_username") 2) Drag the floating green circle over any text or icon on websites 3) Extension detects CSS classes, IDs, or text content 4) If it matches your keywords, your hidden value appears in a tooltip 5) Click "Copy" to grab the value instantly. It's like X-ray vision for websites!
Two critical files download during setup:
• auth.json - Your encrypted password and security keys (under 1KB)
• data.json - Your encrypted mappings (grows with more data)
CRITICAL: These download to your Downloads folder. You MUST move them to your extension folder immediately or the extension won't work!
Universal compatibility: Chrome, Edge, Brave, Opera, and any Chromium-based browser on Windows, Mac, or Linux. The same extension folder works across all platforms - truly portable security. No mobile support (browser extensions don't work on mobile), but your data stays safe on desktop where you need it most.

📊 Daily Usage

The detection sequence: 1) Extension scans what's under the green circle center 2) Detects CSS classes (fa-user), element IDs (login-btn), or plain text (password) 3) Searches your encrypted mappings for exact or partial matches 4) If found, instantly decrypts your value using session key 5) Beautiful tooltip appears with "Copy" button 6) Click to copy, tooltip disappears. Works with partial matches too - "pass" finds "password"!
Security by design: 1-minute browsing sessions and 5-minute editing sessions mean even if someone accesses your computer, they have minimal time with your data. The green circle disappears, tooltips stop working, everything locks automatically. This "inconvenience" is actually your strongest protection - embrace it as a security feature!
Safe update process: Login → "Manage Data" → Enter editing password → Make changes → "Save & Exit" → NEW encrypted data.json downloads → Replace old data.json in extension folder → All sessions end automatically. Your changes are now encrypted and active. Never skip the file replacement step!

🔐 Security & Recovery

Recovery is simple with your phrase: "Forgot Password?" → Enter your permanent 3-word recovery phrase → Set new password → NEW auth.json downloads → Replace old auth.json in extension folder → Login with new password. Your recovery phrase NEVER changes and always accesses ALL your data. Lose both password AND phrase = data is unrecoverable (security by design).
Ultimate portability: Your entire extension folder IS your backup! Copy the folder to USB, cloud, or another computer and it works instantly. No cloud accounts, no sync services, no internet required. For advanced restore: use "Restore from Backup" feature in popup to import old data.json files with your recovery phrase. It's offline security at its finest!
Military-grade security: AES-256 encryption (same as banks and governments), SHA-256 password hashing with salts, 1-minute auto-logout, no cloud storage, no external dependencies. Your recovery phrase is the master key - even if someone steals your computer, they need both your password AND your 3-word phrase to access anything. Data is unreadable without these keys.

🔧 Troubleshooting Guide

🚨 Critical Issues

Extension not loading at all

Check file count: Extension folder must have exactly 12 files
Verify extensions page: Extension should appear in chrome://extensions/
Restart browser: Close all Chrome windows, reopen, try again
Re-extract ZIP: Download again, extract to new location

Missing auth.json or data.json errors

Check Downloads folder: Look for downloaded files after setup
File naming issues: Remove .txt extensions, use newest numbered versions
Move to extension folder: Files must be in same folder as manifest.json
Refresh extension: chrome://extensions/ → click refresh button

⚠️ Common Problems

Green circle not showing tooltips

Check session: May have expired (1-minute limit) - login again
Verify mappings: Ensure you have keywords for current domain
Drag precisely: Center circle directly over target text/icon
Try variations: Use partial keywords (e.g., "user" instead of "username")

Session expiring too quickly

This is intentional: 1-minute sessions are a security feature
Quick workflow: Login → Quick burst of activity → Auto-logout
Editing mode: Use 5-minute editing sessions for data management
Embrace security: Frequent logins = better protection

💡 Performance Tips

Optimizing extension performance

Restart periodically: Refresh extension in chrome://extensions/ weekly
Clean Downloads: Delete old auth.json and data.json files regularly
Browser memory: Close unused tabs, restart Chrome occasionally
Update Chrome: Keep browser updated for best compatibility

🔍 Self-Diagnostic Checklist

📧 Need Personal Support?

Can't solve your issue? Our team provides detailed, personalized support for all Invisible Magnifier users.

Email Support

Detailed technical help within 24 hours

📧 Send Email

Live Chat

Real-time assistance during business hours

💬 Start Chat

Bug Reports

Report issues and request new features

🐛 Report Issue

📋 When Contacting Support, Please Include:

Operating System (Windows 11, macOS Ventura, Ubuntu 22.04, etc.)
Browser and Version (Chrome 120, Edge 119, etc.)
Exact error message or problem description
Steps you tried before contacting us
Screenshots or screen recordings if possible