Auto-Capture Console Logs & JavaScript Errors

Stop asking non-technical users to open their browser dev tools. Automatically capture console logs, JavaScript errors, and network failures with every bug report—so your developers get the full context without the back-and-forth.

Start free trial

No credit card required

See how it works

Trusted by 1,000+ teams worldwide

The end of “Can you send me
a screenshot of the console?

Console capture

The full JS console, attached to every report

No more “open dev tools and screenshot the console.” Ybug silently records errors, warnings, info, and your custom Ybug.log calls in the background. The moment a user hits Submit, the recent console output ships along with the bug — line numbers and stack traces included.

  • Errors, warnings, info, and custom Ybug.log calls
  • Stack traces and line numbers preserved
  • Zero clicks for the reporter
Bug report in Ybug with attached JavaScript console output
Environment details

The exact browser, OS, and viewport — every time

“Works on my machine” is a meme for a reason. Ybug attaches the user’s exact browser version, operating system, screen resolution, pixel ratio, and the URL they were on. Reproducing the bug stops being a guessing game and becomes a checklist.

  • Browser version, OS, viewport, and pixel ratio
  • Current URL and window size
  • Ideal for debugging responsive and cross-browser issues
Browser, OS, and viewport metadata captured by Ybug
Privacy by default

Captured securely. Sent only when the user says so.

Capturing console logs sounds scary if you live in GDPR-land. Ybug only buffers logs in the user’s browser — nothing leaves the page until they hit Submit. Sensitive fields like passwords and tokens are auto-redacted, and data is encrypted and hosted in the EU.

  • Buffered locally — nothing sent until the user hits Submit
  • Auto-redacts passwords, tokens, and other sensitive fields
  • GDPR-safe, encrypted, and hosted in the EU
Ybug capturing console logs securely with privacy-safe defaults

Complete technical context,
zero user effort

Complete technical context, zero user effort

1.

The user reports a visual issue

A user clicks the Ybug widget or extension, highlights the visual bug on the screen, adds a quick comment, and hits send.

2.

Ybug captures the environment

Behind the scenes, our JavaScript debugging tool automatically extracts the current state of the browser console, including errors, warnings, and network data.

3.

Developers get the full picture

The annotated screenshot and the complete technical payload are pushed directly into your issue tracker (Jira, GitHub, ClickUp). Your developers get everything they need to reproduce and fix the bug immediately.

“YBug makes it incredibly easy for our End Users, QAs, and POs to report bugs and feedback directly from the application, with all the context we need (screenshots, browser info, console logs).”

Marcos G.
Marcos G.
Product Owner
g2

Why developers love Ybug’s
console error tracking

Everything you need to debug web apps faster, delivered straight to your workflow.

Zero setup required

Console logging works out of the box. Whether you use the Ybug browser extension or the 2-line feedback widget, technical context capture is fully automated.

Auto-capture JS errors & warnings

Stop guessing what broke. Every report includes a complete output of JavaScript errors, warnings, and standard info logs leading up to the bug.

Network request tracking

See exactly which API calls failed. Ybug logs XHR/Fetch network requests, so you can easily spot 404s, 500s, or CORS issues.

Complete environment data

Get instant access to the user’s exact browser version, operating system, screen resolution, and current URL. No more asking "what browser are you on?"

Privacy and security first

We only capture the technical data necessary for debugging. Ybug is built to be secure, and nothing is transmitted until the user explicitly submits their feedback.

Direct to your issue tracker

The logs are automatically attached to the ticket in Jira, GitHub, GitLab, Trello, or Slack. Your devs never have to log into a separate platform to see the errors.

Built for teams that need
faster debugging

Painless client reviews for agencies

Clients just point and click on the staging site. Your developers get the exact console error tracking they need to fix the site before launch.

See the Agency solution

Streamlined SaaS customer support

When a user reports an issue, your support team can escalate a perfectly formatted ticket, complete with JS logs, straight to the engineering team.

See the Developer solution

Frictionless QA and beta testing

Let QA testers focus on finding visual bugs and UX issues. Ybug quietly handles the browser dev tools in the background, attaching the technical proof automatically.

See the QA testing solution

Works with the tools you already use

Ybug connects seamlessly with your favorite tools, so feedback lands exactly where your team needs it.

See all integrations

Deep technical capture, lightweight
performance

Ybug is engineered to give developers maximum context without bloating the application.

  • Framework agnostic

    Works flawlessly with React, Vue, Angular single-page applications (SPAs), WordPress, Webflow, and custom HTML/JS.

  • No impact on page speed

    The logging mechanism is ultra-lightweight. It securely monitors the console without blocking the main thread or slowing down your Core Web Vitals.

  • Seamless integrations

    Native sync with Jira, ClickUp, Slack, GitHub, and more. Or bring your own tools with Webhooks and REST API.

Easy setup: Install via NPM, a 2-line JavaScript snippet, or our official WordPress plugin.

Frequently asked questions

Do users need to open the browser dev tools?

No. That is the main benefit of Ybug. The user simply reports what they see on the screen, and Ybug automatically captures the console logs and technical context in the background.

What exact technical data does Ybug capture?

With every report, Ybug captures JavaScript errors, warnings, info logs, XHR/Fetch network requests, the exact URL, browser version, operating system, and screen resolution.

Do I need to install a special script to capture Console Logs?

No special configuration is required. Console log capture works automatically whether your team is using the Ybug browser extension or the embeddable feedback widget.

Will this work with my React/Vue/Angular app?

Yes. Ybug is framework-agnostic. Our console error tracking works perfectly on single-page applications (SPAs) built with React, Vue, Angular, as well as traditional websites.

Does capturing logs slow down the website?

Not at all. The Ybug capture mechanism is highly optimized, ultra-lightweight, and runs asynchronously. It has zero impact on your site's load speed or user experience.

Can I try automatically capturing the console logs with Ybug for free?

Yes! We offer a Free Forever plan for small projects, as well as a 10-day free trial of all our features so your developers can test the workflow completely risk-free.

Stop chasing console logs

Give your developers the exact JavaScript errors, network data, and environment details they need to fix bugs on the first try.

Try Ybug free for 10 days

Installs in seconds. No credit card required.