OutFront is an NPM plugin that helps web devs to debug websites on mobile browsers by displaying console messages like logs, errors, warnings etc. on the screen.
Hey Product Hunt! 👋
This is the first developer tool that I created 😁. Let me tell you a little about what this NPM plugin does.
I am a web engineer at OkCredit focussing mostly on mobile-first React apps. I personally find a lack of console on most of the mobile browsers a not-so-good developer experience. It makes debugging a blind task, especially on non-chromium browsers which do not support remote debugging using a desktop.
OutFront solves this exact problem by providing an onscreen console for mobile browsers.
OutFront features:
📝 Console all your browser messages to the user screen itself.
💅 Beautiful UI which resembles the browser's console panel(well, almost).
🚀 Supports logs, errors, and warnings.
🤙 Supports practically all JavaScript frameworks.
💸 Very lightweight.
🖌️ Clear console button.
Future improvements:
🧑🚀 "Preserve log" support.
🧑🚀 Support for Network calls.
Check demo: https://outfront-demo.netlify.app
Let me know your thoughts on OutFront. Suggestions are most welcome.
Replies