[Javascript] console.js
Front-end console capturer: Read console calls on your mobile with this simple tool.
Or you can import from third-party (Github) inside the <head> tag
Open in a new tab
Free and open source, as always.
Peace✌️
Table of Contents
Story Time
Not much to tell. I was working on a notification API example for The Puctual (Portuguese) [draft project]. that needed to be consistent throughout the browsers and platforms.
If you don't know the pain that it is to get things working properly for Firefox and Chrome on both PC and Mobile. I envy you and your clean soul.
to releaf a little of this pain, I've created a simple tool to read console logs on mobile.
How to Import
You can host on your server an call it inside the <head> tag:<script src="console.js"></script>
Or you can import from third-party (Github) inside the <head> tag
<script src="https://jonnypaes.github.io/console.js/console.js"></script>
How to Trigger
Simply add ?console=true' at the end of the url and you will trigger the consolehttps://jonnypaes.github.io/console.js/?console=true
Mockup
This is the interface that will be placed on top of your page⚪ Welcome to console.js!
🟢 This is a log message!
🟡 This is a warning!
🔴 Error: This is an error!
| <anonymous> | console.js | 15 | 21 |
🔵 This is an informational message.
⚪ This is a debug message.
Preview
⚠️ Attention! Software stage - Beta
Open in a new tab
State
Done
- Show file content inside a virtual object
- Highlights the line inside the virtual object
- Capture logs from header and body
Partially Done
- error stack parser kinda buggy
- Odd behavior of touch move API
Free and open source, as always.
Peace✌️
