javascript - 在 Javascript 中打开控制台

Question

这真的是一个两部分的问题。

当然，我的第一部分是如何显示 Javascript 的控制台，就像在屏幕上显示带有控制台文本的框一样。

第二部分是是否有办法使我的第一个问题中制作的控制台，但只出现在具有一定宽度和高度的特定位置。

我的最终产品示例是：我有一张带有大窗户的房子的图片，并且有一个控制台，您可以在该窗口中实际输入答案和输入。这可能吗？

编辑：能够随窗口缩放的控制台会很好，最好没有轮廓。

Answer 1

我过去需要这个，为了做到这一点，我console.log用类似的东西替换了我所有的电话myconsole.log。我实现myconsole将其消息输出到浏览器的控制台（如果需要）和<pre>我的 HTML 页面上的一个区域。<input type="text">如果您需要用户输入，那么我会在控制台输出面板下方放置一行并实现适当的myconsole例程以接受用户输入，将其复制到控制台面板并调用适当的处理程序。

如前所述，如果您需要用户能够输入 JS 代码来执行，事情很快就会变得复杂。

希望这对您有所帮助。

Answer 2

不确定这是否是您正在寻找的答案，但我可以与您分享一些我的经验。

我经常使用的是这样的：

var JS_DEBUG = true; //global var
function Log(str) {
  if(JS_DEBUG) console.log(str);
}

我记录了所有 ajax 调用以及我需要的所有Log()功能。一旦项目完成，我所要做的就是设置JS_DEBUG并且false客户端有干净的代码，没有调试垃圾，我节省了我花在清除“console.log”调用上的时间。

Log()登录控制台时，您还可以改进以执行其他操作。

顺便说一句，谷歌浏览器中 Javascript 控制台的快捷方式是CTRL+SHIFT+J