PageNab — Screenshot With Context for AI Assistants

One click. Full context.

Screenshot + dev tools context, copied to your clipboard. Paste into any AI assistant — real answers, not guesses.

MIT License No tracking No servers 100% local

Three steps. Full context.

Capture

Click the icon or press ⌘⇧E

Clipboard

Screenshot + structured text copied instantly

Paste

Screenshot + context in any AI assistant

Everything your AI
needs to understand.

Screenshots

Full page, area selection, or element capture. Saved to Downloads and pasted as image.

Console Logs

Errors, warnings, all levels with stack traces.

Network

Failed and slow requests, auto-stripped auth headers.

DOM Snapshot

Clean HTML, inline scripts removed, passwords masked.

Storage & Cookies

localStorage, sessionStorage, cookies. Sensitive values masked.

Performance

Core Web Vitals, load times, memory usage.

Interactions

Recent clicks, inputs, scrolls. Values masked.

Metadata

URL, title, viewport, timestamp. Always included.

Works with every AI assistant — paste and go.

Zero data. Full trust.

0 servers Nothing is ever sent anywhere

100% local All data stays on your machine

0 trackers No analytics, telemetry, or logging

MIT Open source — audit every line

All captured data goes to your clipboard and Downloads folder. Sensitive values (tokens, passwords, auth headers) are automatically masked. No servers, no accounts, no tracking — ever.

Choose your level of detail.

Light Default

Screenshot + console errors + failed requests.

~200–500 tokens

Full Everything

Console, network, DOM, cookies, storage, perf.

~1.5K–150K tokens

Custom Your pick

Choose exactly which data types to include.

You decide

Light preset — clipboard output

# Web page capture

**URL:** https://app.example.com/dashboard
**Title:** Dashboard — MyApp
**Time:** 2026-03-01 14:23:45
**Viewport:** 1920×1080
**Browser:** Chrome 134 (macOS)
**Includes:** screenshot, console (errors only), network (failed only)

## Console
2 errors, 1 warning
- **ERROR** TypeError: Cannot read property 'map' of undefined — Dashboard.tsx:47
- **ERROR** GET /api/users 500 (Internal Server Error)

## Network
42 requests, 2 failed
- **FAIL** GET `/api/users` → 500 Internal Server Error
- **FAIL** GET `/api/stats` → 403 Forbidden

## Screenshot
`~/Downloads/PageNab_dashboard_….png`

Captured by PageNab

Frequently asked.

01How do I capture console errors and network requests to share with an AI assistant?

Click the PageNab icon or press the keyboard shortcut. It captures a screenshot, console logs (errors, warnings, stack traces), failed and slow network requests, and page metadata — all in one click. Everything is copied to your clipboard as structured text + image. Just paste into any AI assistant. No need to open DevTools, no MCP server, no setup.

02How is PageNab different from Chrome DevTools MCP?

Chrome DevTools MCP requires a running MCP server, JSON configuration, and an AI tool that supports the MCP protocol. PageNab is a standard Chrome extension: install it, click, paste. It works with any AI that accepts text and images from your clipboard — web apps, CLI tools, IDE extensions. Zero configuration, zero dependencies.

03Can I use PageNab to debug a web app with ChatGPT, Claude, or Cursor?

Yes. Capture your page, then paste — your AI gets the screenshot plus structured context: console errors, failed network requests, page metadata, and more. It works with ChatGPT, Claude, Gemini, Cursor, GitHub Copilot, Windsurf, Perplexity, and any tool that accepts text and images from the clipboard.

04What sensitive data is stripped before capture?

Authorization headers, API keys, and tokens are automatically removed from network requests. Password fields are replaced with ***. Cookies with sensitive names (token, session, auth, secret) are masked. User input values in interactions are always hidden. Everything stays on your machine — nothing is sent to any server.

05Can I capture a specific element or area instead of the full page?

Yes. PageNab offers three capture modes: Full Page, Area (draw a rectangle to select a region), and Element (click to select a specific DOM element). The cropped screenshot and dev tools context are copied together. The full-page screenshot is also saved to your Downloads folder.

06Is PageNab free?

Yes, 100% free and open source under the MIT license. No account required, no usage limits, no premium tier. The source code is on GitHub — you can audit every line.