- Provide console logging support in any browser, especially ones with no or limited developer tools.
- Output console log messages to a div.
- A single well-documented javascript file for low-friction integration in projects.
- Pure Javascript library for viewing console logging messages in the browser.
- I am using it to show console logging while writing a Phaser 3 application on iPad.
- Copy logs to the clipboard.
- Overlays over your existing webpage.
- Allows you to interact with the page below the console so you can see logging as it happens.
- Supports styling of console messages.
- Shows a count of repeated messages rather than repeating the output.
- Easy to style.
- Single pure javascript file with readable, well-documented code. No build step needed.
- I would like to add features useful for Phaser development.
- I would like to add features useful for mobile application developement.
- Full-featured developer tools. That is a lot of work to create something desktop browsers already excel at.
- Features that are best provided by the containing application. E.g. LocalStorage support.
- Pure javascript because it is being developed on an iPad which doesn't have Node.js.
- Most browsers on mobile and tablets do not have developer tools. This is for them.
- Specifically the developer experience for browsers on iPad is limited.
- I really like the form factor, size, battery life, app ecosystem.
- I can't justify buying a MacBook in addition to an iPad as I would likely only use one of them.
- It is frustrating, but just usable enough not to make it completely awful.
- Firebug Lite hasn't been updated in over 10 years.
- I would have used it as a starting point but it is very large and I only wanted a console for logging.
- Inspect Browser is useful and recommended.
- Web Inspector is a Safari extension that is quite good.
- You can also do remote debugging which let's face it is not very convenient.
- I do use those browsers for development, but they don't help when I want to test in Chrome for example.
- I like developing things and decided I wanted to give back to the open source community.
- Open the terminal
- Install the HTTP Server by typing
npm i -g http-serverin the terminal - Subsequently, type
http-serverto run the server - Select the "Open in Browser" button at the prompt
- On iPhone clicking through the console on checkbox seems to cause a double tap
- Maybe need to prevent default?
- Finish creating the jsdoc for the functions
- Test everything now that names have been changed.
- Test the table function and clean up that code as needed and comment.
- What is the thead css doing for me?
- window.isSecureContext for HTTPS
- Add more buttons next to copy. Clear, stop, show error, warn, info, etc.
- Add a compact view option to the console.
- Need to change or add a class on main container to be compact
- Make sure there is a good way to turn off the console when you no longer want it in your project
- Make an option to show the row number as part of the output
- Make an option to output the timestamp
- Need a version number. How do pure javascript projects do that?
- What else do pure javascript projects do?
- Output timestamp in the console var date = new Date(); var strTime = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds() + "." + date.getMilliseconds(); logIndex++; var prefix = '[' + logIndex + '] ' + strTime + ' [' + type.toUpperCase() + '] ';
- Copy to clipboard as RTF once support is added to browsers.
- Add a text box to issue commands to the console.
- Maybe very simplified and logging based.
- Possibly add getOptions and a setOptions methods so a client of log2div can serialize the options
- The options can be passed into the project so this would be a natural extension to that
- Adapt the code when initializing to use setOptions to have the code exist in one place