toast.log
See errors, warnings, and logs as they happen on your site — without having to open the browser’s console. Find bugs you didn't know were there via notifications in our unique toast format.
Only you can see it
Don't worry, these notifications only appear for you. Other visitors can't see them.
Works on any website, any code
toast.log is a browser extension, so it works on any website, any theme and even works offline! You don't need to add any script or change your code.
Turn it on and off anytime
Works on dev, on prod, on your website or anywhere else. You control it. Turn it on/off anytime, or by specific domain addresses.
Filter the logs
Only interested in errors? Filter what you want to be notified of: errors, warnings, or logs.
Error tracing
Know the file name and the line number that is causing the error, at a glance.
Search on Google with 1 click
The error notifications have a button to diagnose them on Google to help you fix things quicker. Because, most of the time, you were probably going to do that anyway.
Search through logsNEW
You can also search through your logs by text (words, characters, etc) - only the logs that match your search will be shown.
CustomizableNEW
Adjust toasts' font-size, opacity, border-radius, and more options, to your taste.
Expandable arrays, objects, and JSONNEW
View arrays, objects, and JSON as expandables - click to expand or collapse a property. Easy to debug long logs.
toast.log shows you all network requests that a page makes, along with the URL, method (GET, POST, etc), and response. Everything in real-time. Debugging just got easier!
See which images are missing "alt" attributes, which resources are broken (returning 404), and many other errors that may be affecting your website's rank on Google.
toast.log is a browser extension that listens to Javascript functions such as console.log(), console.error(), window errors, network requests, and much more, and it shows everything to you as toast notifications, in real-time, right on your page, without having to open the browser's Devtools/console.
Sure! You can add specific addresses and domains to your settings where toast.log will automatically be opened, or you can just open it when you want to. By clicking on the extension icon, it will remain activated until you turn off or close the tab.
Javascript errors, Network requests errors (POST, GET, etc), DOM errors (broken images or resources), console.log, console.info, console.warn, console.error, and SEO issues.
toast.log is developed and tested to work on Chrome, Firefox, and Edge. It might work on all Chromium-based browsers. Safari coming soon, Internet Explorer maybe never.
Thank God no, haha. All the extension features are only visible to you, that means the website itself doesn't change for other visitors, only for you, and only when you activate toast.log. No worries!
Console.table, browsers warnings (like wrong source map, mixed content, and extension errors, etc) are not well supported YET (We're working on it!). DOM elements are rendered as selectors. But it works well with all the other logs.
No, just keep using console.log, etc as before. You don't need to add any script or change your code. It works like a charm.
No! The extension will remain opened on pages from the same domain or tab until you close them or turn toast.log off. That means you can refresh the page and navigate within a website freely.
Each license is limited to 3 simultaneous activations - which can be easily deactivated and activated again by yourself on toastlog.com/my-license anytime.
“toast.log has been an incredible addon to my developer toolbelt. It’s often a hassle to open and close dev tools all the time. With toast.log I can navigate my applications as a normal user would while still being able to debug my code”
“A family member dropped me a message saying he was having issues with his contact form not sending so I used toast.log to see the log and then it made it so much easier to find the cause of the issue so I could fix it promptly”
“I've got toast.log 6 months ago. Literally, I rarely open the console to debug anymore. Very useful product! 🔥”
Find out your website's bugs before your customers do.
on Gumroad Product of the Day on Product Hunt
Have you seen CSS Scan?
Check the CSS of any element you hover over, instantly.
Learn more →
Introducing CSS Pro
A re-imagined Devtools for web design.
Learn more →
The easiest way to convert CSS to Tailwind CSS
Copy and convert the CSS of thousands of elements with just one click with TailConverter.
Learn more →