Sniffer

Chrome extension for capturing screenshots, recording screens, and creating website feedback

🏓 Stop Playing Bug Report Ping-Pong Every developer knows the frustration: "It's broken." Where? "On the page." Which page? "The one with the button." Which button? Sniffer ends the endless back-and-forth by letting anyone on your team capture bugs and feedback with complete context—automatically. No more screenshot attachments in email threads. No more "works on my machine." Just clear, actionable reports that help you ship faster. 🔍 What Is Sniffer? ------------------------------ Sniffer is a visual feedback and bug reporting tool that lives right in your browser. When something goes wrong, click the Sniffer button and capture exactly what you see—along with everything your developers need to fix it. Every report automatically includes: • Screenshot or video of the issue • Browser and device information • Console logs and errors • Network requests and responses • User actions leading up to the bug • Page URL and environment details No technical knowledge required. Your QA team, product managers, designers, and even clients can report bugs like pros. ⚡ Capture Bugs in Seconds ---------------------------------------------- 📸 Screenshots Capture any part of the page with a single click. Choose from three modes: • Full Page – Capture the entire webpage • Partial Selection – Draw a box around any area • Element Capture – Click on a specific element to capture it precisely ✏️ Annotation Tools Your screenshots tell the complete story with built-in markup: • Pen Tool – Draw freehand to circle problems • Arrow Tool – Point directly at what's wrong • Shapes – Add rectangles and circles to highlight areas • Text Tool – Leave notes with customizable styling • Blur Tool – Redact passwords, personal data, or sensitive content • Color Picker – Choose from 7 colors for your annotations • Undo & Clear – Fix mistakes instantly Every annotation is layered—select, move, resize, or delete individual marks as needed. 🎥 Video Recording Some bugs only happen during specific interactions. Record your screen while reproducing the issue: • One-click recording with countdown timer • Include system audio or microphone narration • Pause and resume anytime • Annotate while you record—highlight issues in real-time • Blur sensitive elements during recording Sniffer captures everything—mouse movements, clicks, scrolls, and form inputs—so developers see exactly what went wrong. ⏪ Time Travel (Session Replay) Go beyond video. Sniffer's session replay automatically captures the last 30 seconds of your interactions: • Replay exactly what happened before a bug occurred • Perfect for those "I can't reproduce it" moments • Records DOM changes, letting developers step through the exact state of your application • Pause, rewind, and inspect any moment in time • Export as video or Playwright test code 🛠️ Automatic Technical Context ---------------------------------------------------- Here's where Sniffer saves hours of debugging time. Every report automatically captures: 📋 Console Logs Every error, warning, and log message captured automatically. No more asking "What does the console say?" 🌐 Network Requests See failed API calls, slow responses, and request/response payloads. Filter by failed requests to quickly spot issues. 🖱️ User Actions A timeline of clicks, inputs, and navigation that led to the bug. Understand exactly what the user did. 💻 Environment Data Browser version, OS, screen size, timezone, and more. No more guessing which browser caused the issue. Developers get everything they need without asking a single follow-up question. 🔘 The Floating Button ------------------------------------- Sniffer adds a small floating button to webpages. It's designed to be there when you need it and invisible when you don't: • Drag to reposition vertically • Switch between left and right sides • Shows recording time when active • Expands into a full menu with all capture options • Helpful tooltips you can toggle on or off Quick Actions: • Capture partial screenshot • Capture specific element • Start screen recording • Replay last 30 seconds (Time Travel) • Jump to your projects or issues • Toggle recording controls 📊 Built-In Project Management --------------------------------------------------- Sniffer isn't just a reporting tool—it's where your team tracks and fixes issues together. 📋 Kanban Board Drag and drop tasks between columns. Customize your workflow with statuses that match how your team works. See at a glance what's in progress, what's blocked, and what's ready for release. 🏃 Backlog & Sprint Planning Organize your work with a dedicated backlog. Plan sprints, estimate effort, and track velocity over time. Perfect for agile teams who want their bug tracking integrated with their workflow. ✅ Task Management • Create subtasks to break down complex issues • Link related bugs and track dependencies • Set priorities from Low to Critical • Assign due dates and track deadlines • Add tags for easy filtering and organization 👥 Team Collaboration • Assign bugs to team members • Comment on issues with @mentions • Track activity history on every task • Share public links with external stakeholders 📍 Issue Pins ---------------------- See reported bugs directly on your website. Sniffer displays clickable pins showing: • Issue details at a glance • Who reported it • When it was created Click any pin to jump straight to the full report. 🔒 Privacy & Security ----------------------------------- We know sensitive data appears on screens. Sniffer includes automatic masking for: • Authorization headers and API keys • Passwords and authentication tokens • Credit card numbers and SSNs • JWT/Bearer tokens • Cookies and session data • Custom fields you define You control what gets captured: • Enable or disable auto-masking globally • Add your own sensitive field names • Blur anything on screen before sharing All data is encrypted in transit and at rest. 🛡️ Role-Based Access • Permission management per project • Invite unlimited team members • Assign roles and control visibility ✅ Whitelist Control ---------------------------------- Don't want Sniffer running everywhere? Control exactly where it appears: • Exact URL matching – Enable only on specific pages • Wildcard patterns – Enable across entire domains • Easy management – Add, edit, or remove entries from the popup 🔌 Powerful Integrations ----------------------------------------- Sniffer works with the tools your team already uses: 🎫 Jira Integration Two-way sync with Jira. Create Jira issues directly from Sniffer bugs, or pull existing tickets into your Sniffer board. Keep everything in sync without copy-pasting. 🔜 Coming Soon: • Slack – Get notified about new bugs in your channels • Microsoft Teams – Stay updated without leaving Teams • GitHub & Bitbucket – Link bugs to commits and pull requests • Asana – Sync with your existing project management 📤 Export & Share ------------------------------------- Share feedback however your team prefers: • Instant Link – Create a bug and get a shareable link copied to your clipboard • Video Download – Export recordings as WebM files • Playwright Tests – Convert session recordings into automated test code • JSON Export – Download raw session data for custom integrations 👥 Perfect for Every Team ------------------------------------------ 🔍 QA Teams Stop writing novels to describe bugs. Capture issues in seconds with full context. Your developers will actually understand what you found. 👩‍💻 Developers No more "I can't reproduce it." Every Sniffer report includes the technical details you need: console errors, network failures, browser info, and a clear reproduction path. 📈 Product Managers Gather feedback from stakeholders without the email chaos. See exactly what users see. Make decisions based on real issues, not vague descriptions. 🎨 Design Teams Spotted a UI bug? Capture it with pixel-perfect screenshots. Add annotations to point out exactly what needs fixing. 🤝 Client Services & Agencies Let clients report issues directly. They get an easy interface; you get professional bug reports with all the context your team needs. 🚀 How It Works --------------------------- 1. Install – Add Sniffer to Chrome in one click 2. Log In – Connect with your Sniffer account 3. Capture – Click the floating button when you find a bug 4. Annotate – Mark up your capture with arrows, text, and shapes 5. Submit – Sniffer automatically attaches technical details 6. Track & Resolve – Your report appears on the Kanban board That's it. No complicated setup. No technical knowledge required. ⌨️ Keyboard Shortcuts -------------------------------------- Work faster with shortcuts: • Space – Pause or resume recording • Esc – Stop recording, cancel selection, or close modals • Enter – Confirm actions or add text ⚙️ Settings -------------------- Customize Sniffer from the extension popup: General • Show or hide menu tooltips • Choose your language • Reset button position Whitelist • Add exact URLs or wildcard patterns • Control where Sniffer is active Privacy • Toggle auto-masking • Manage custom sensitive field names 💡 Why Teams Choose Sniffer ------------------------------------------------- ⏱️ Save Hours Every Week No more back-and-forth clarifying bug reports. Every report comes complete with the context developers need. 🐛 Fix Bugs Faster With console logs, network data, and session replay, developers can reproduce and fix issues on the first try. 💬 Improve Team Communication Everyone—technical or not—can report bugs clearly. No specialized knowledge required. 📂 Keep Everything Organized Built-in Kanban board, sprints, and backlog keep your team aligned and your work trackable. 🔗 Integrate With Your Workflow Connect with Jira and more tools to keep your existing processes intact. 🎉 Get Started Free ---------------------------------- Install Sniffer today and see why teams are switching from scattered screenshots and confusing bug reports to clear, actionable feedback. Your developers will thank you. Your QA team will love you. And your bugs will actually get fixed. Sniffer – Visual Bug Reporting Made Simple