Render console output to the DOM and provide an input console for troubleshooting environments that do not have the usual F12 dev console. The tool is designed to be included in Production code. Features include:
- Automatically starts hidden and is attached to the DOM via JS or keyboard shortcut.
- Provides callbacks for when attaching to the DOM. This could be used, for example, to use F-Twelve's "debug hotkey" to enable additional "debug mode" features in the consuming application.
npm install f-twelve --save-dev
dist/f-twelve.css in your web application. To view the tool, press and hold
2 in that order or call
FTwelve.show() . A demo page with examples of the API can be found in
demo/index.html. See it live at https://engineering.cerner.com/f-twelve/demo/.
<link rel="stylesheet" href="./node_modules/f-twelve/dist/f-twelve.css"/>
Once the JS script is included, no further configuration is required. It will be hidden and waiting for the
2 keyboard shortcut. There is also a global
FTwelve object available with an API.
See Demo Page for demo and full API.