https://github.com/axeon-software/stupidconsole
Replicate console messages to a floating window.
https://github.com/axeon-software/stupidconsole
console debugger-visualizer dom js
Last synced: 11 months ago
JSON representation
Replicate console messages to a floating window.
- Host: GitHub
- URL: https://github.com/axeon-software/stupidconsole
- Owner: axeon-software
- Created: 2018-10-30T01:58:01.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-05T16:50:18.000Z (about 7 years ago)
- Last Synced: 2024-04-25T22:20:43.339Z (almost 2 years ago)
- Topics: console, debugger-visualizer, dom, js
- Language: TypeScript
- Homepage:
- Size: 1.22 MB
- Stars: 6
- Watchers: 4
- Forks: 1
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
Because we need the console to dev but it's not available everywhere
# Stupid Console
[Demo](https://codepen.io/levavasseur/pen/rqEvVe)
#### Insert stupid-console scripts before any others in the `````` section.
```html
```
#### All console outputs will then be replicated in a floating window.
#### There's also a console input.
[Download ZIP](https://github.com/axeon-software/StupidConsole/releases)
[Download with NPM](https://www.npmjs.com/package/stupidconsole) ``` npm install stupidconsole```
## StupidConsole.GUI
[Demo](https://codepen.io/levavasseur/pen/YJoLpL)
Allow you to build custom debug window easily
```js
var gui = new StupidConsole.Gui('myGui');
gui.addButton("yo", function() {
console.log("yoooo")
});
gui.addInputText("type some text", "my content", function(newText, event) {
console.log("text changed to " + newText);
});
gui.addCheckbox("uncheck this box", true, function(checked) {
console.log("checkbox " + checked);
});
gui.addButton("hey", function() {
console.log("heyyyyy")
});
gui.addSelect("select one value", ["Value1", "Value2", "Value3"], function(index) {
console.log("select changed " + index);
});
```