onscreen-console：一个没卵用的 console 工具

import oConsole from 'onscreen-console';
// 启用 onscreen-console
oConsole.enable();
// 显示 console 面板
// 默认启用时显示，也有按键显示，可不调用该方法
oConsole.show();
// 按你平时那样用就好
console.log('This is a log');
console.warn('This is a warn');
console.error('This is a error');
// 或者抛出错误
throw new Error('Error thrown');
// 隐藏 console 面板
oConsole.hide();
// 禁用 onscreen-console
oConsole.disable();

也可以直接在 html 中引入，min 文件在Release下载，放在onscreen-console/dist/min/onscreen-console.min.js里，并且给 window 绑了 oConsole 对象，直接用就可以了。

<script type="text/javascript" src="onscreen-console.min.js"></script>
<script type="text/javascript">
    // 启用 onscreen-console
    oConsole.enable();
    // 显示 console 面板
    // 默认启用时显示，也有按键显示，可不调用该方法
    oConsole.show();
    // 按你平时那样用就好
    console.log('This is a log');
    console.warn('This is a warn');
    console.error('This is a error');
    // 或者抛出错误
    throw new Error('Error thrown');
    // 隐藏 console 面板
    oConsole.hide();
    // 禁用 onscreen-console
    oConsole.disable();
</script>

命令行的话其实是用 eval 做的，如果要添加全局变量，需要自己绑在 window 对象上，才能访问到。像这样const test = 1; window.test = test;