About The Project
OutFront provides an onscreen console for mobile browsers
Intercepts all your console.log, console.warn, console.error and errors and logs them into a popup on screen itself(DOM). This can be useful in scenarios where you don't have access to Chrome, Firefox, Edge etc. inspect panels.
Example scenario to use OutFront JS:
- You want to debug your webapp in a mobile browser where access to console is not present. Example: Chinese mobile browsers.
- You want your tester to see console.logs straight on the screen.
OutFront JS intercepts following console methods currently:
A demo is worth a thousand words. See demo
OutFront is extremely light weight and built with:
OutFront can be used with any web based projects and frameworks such as React, Angular etc.
OutFront requires Node to be installed in order to use yarn/npm.
npm install outfront
yarn add outfront
After installation import OutFront to your project and call
outfront() function on the very top of project tree(for example index.js):
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import outfront from 'outfront' // import outfront JS outfront() // Call it on top of project. ReactDOM.render( <HelloMessage name="Taylor" />, document.getElementById('container') );
Note: Above example shows usage with React but, OutFront is built with vanilla JS and can be practically used with any JS framework/library.
See the open issues for a list of proposed features (and known issues).
Consider starring this project on Github.
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature)
- Commit your Changes (
git commit -m 'Add some AmazingFeature')
- Push to the Branch (
git push origin feature/AmazingFeature)
- Open a Pull Request
Distributed under the MIT License. See
LICENSE for more information.