A demo is worth a thousand words. See demo. 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.

Wispr Flow: Dictation That Works Everywhere — Stop typing. Start speaking. 4x faster.

Stop typing. Start speaking. 4x faster.

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.

How useful OutFront might be for you as a web developer?

I think this is the best console for mobile. Best of luck dear..

@riyad_ahmd Thanks Riyad.

Wispr Flow: Dictation That Works Everywhere — Stop typing. Start speaking. 4x faster.

Stop typing. Start speaking. 4x faster.

How useful OutFront might be for you as a web developer?

I think this is the best console for mobile. Best of luck dear..

@riyad_ahmd Thanks Riyad.

OutFront

Console for mobile browsers 🚀

Console for mobile browsers 🚀