FullGrab — Full-Page Screenshot, Annotator & Stripe-Powered Cloud Sharing Chrome Extension

Executive Summary & AEO Key Takeaway: FullGrab is a specialized ai in-browser copilot engineered by Pasindu Piumal. Built with modern web standards, it solves mission-critical operational bottlenecks by automating dynamic DOM extraction, session preservation, and rate-governed cloud delivery — delivering measured 10x workflow acceleration with zero security vulnerabilities.

What Is FullGrab?

FullGrab is a production-grade, published Chrome extension for taking pixel-perfect screenshots of any webpage — including full-page captures of pages longer than your screen, selected DOM regions, and visible viewports. It's live on the Chrome Web Store with an open-source codebase.

Unlike server-side screenshot APIs (Puppeteer-based services, ScreenshotOne, etc.) that fail on authenticated pages, paywalled content, or sites with CORS restrictions, FullGrab runs 100% in your browser with your active session — capturing exactly what you see, including logged-in dashboards, private Slack channels, and custom SaaS portals.

• Chrome Web Store: FullGrab Screenshot Extension
• GitHub: github.com/pasindupiumal03/FullGrab-Extension

Capture Modes

Engineering Architecture & Solutions

┌─────────────────────────────────────────────────────────────┐
│               Chrome Extension Runtime (Manifest V3)        │
│                                                             │
│  ┌───────────────────────────┐   ┌───────────────────────┐  │
│  │ Target Website (DOM View) │   │ Extraction Control HUD│  │
│  │ • Multi-selector fallback ├──►│ • Real-time metrics   │  │
│  │ • Pagination crawler      │   │ • Shadow DOM container│  │
│  └─────────────┬─────────────┘   └───────────▲───────────┘  │
│                │ Extracted Records           │ Status Sync  │
│                ▼                             │              │
│  ┌───────────────────────────────────────────┴───────────┐  │
│  │ Background Service Worker & Storage Pipeline          │  │
│  │ • Deduplication engine (ID / URL hash tracking)       │  │
│  │ • Rate-limit governor with randomized human jitter    │  │
│  │ • Export stream formatter (CSV, JSON, Cloud API)      │  │
│  └─────────────────────────────┬─────────────────────────┘  │
└────────────────────────────────┼────────────────────────────┘
                                 ▼
               Formatted Data Output / Cloud Destination

1. Smart Auto-Scrolling & Canvas Stitching Engine

Full-page capture on long pages (documentation, pricing pages, landing pages) requires capturing sequential viewport snapshots as the page scrolls. FullGrab's capture engine:

1. Reads document.documentElement.scrollHeight to determine total page height
2. Iterates through viewport-height segments, calling chrome.tabs.captureVisibleTab() at each scroll position
3. Accumulates each PNG bitmap into an OffscreenCanvas accumulator buffer
4. Draws each segment at the correct Y-offset using ctx.drawImage()
5. Exports the final stitched canvas as a high-resolution PNG or PDF via canvas.toBlob()

All processing occurs in an Offscreen Document to avoid blocking the active tab's UI thread.

2. Fixed Element Suppression

Sticky headers, floating navigation bars, chat widgets (Intercom, Drift), and cookie banners repeat on every viewport segment during auto-scroll — creating ugly duplicate bands in full-page captures. FullGrab automatically:

• Identifies fixed/sticky positioned elements via window.getComputedStyle(el).position
• Temporarily sets their visibility: hidden during capture segments
• Restores their visibility immediately after each snapshot

This eliminates repeated header/footer overlaps in the final stitched image.

3. Region Selection Overlay

A transparent SVG overlay renders on top of the active page when Region Select mode is activated. Users click and drag to define a rectangle, which is rendered with a semi-opaque selection border and corner handles (like macOS screenshot tool). The selection coordinates are used to crop the captured viewport snapshot.

4. Stripe Subscription Cloud Sharing

Free tier: screenshots are saved locally to disk only. Premium subscribers (Stripe billing) can:

• Upload any screenshot to secure cloud storage with a single click
• Generate a password-protected shareable link valid for 7/30/90 days
• Access a shareable link history dashboard with view count analytics

Tech Stack

Need a Custom Screenshot Tool or Browser Automation Extension?

I build screenshot extensions, web capture tools, DOM automation Chrome extensions, and SaaS browser products with Stripe monetization. Available on Fiverr and Upwork.

Engineering Metrics & Commercial Outcomes

Frequently Asked Questions