这实际上是一个由两部分组成的问题。
我的第一部分当然是如何显示Javascript的控制台，就像在屏幕上显示一些框中的内容一样，控制台文本显示在其中。
第二部分是如果有办法在第一个问题中制作控制台，但只出现在某个宽度和高度的某个位置。
我的最终产品示例是：我有一个带有大窗户的房子的照片，并且有一个控制台，您可以实际输入答案和输入，出现在该窗口中。这可能吗？
编辑：控制台能够随窗口缩放大小，最好没有轮廓。
答案 0 :(得分：0)
过去我需要这样做，并且用console.log之类的内容替换所有myconsole.log次来电。我实现myconsole将其消息输出到浏览器的控制台（如果需要）和HTML页面上的<pre>区域。如果您需要用户输入，那么我会在控制台输出面板下面放置一行<input type="text">并实现相应的myconsole例程来接受用户输入，将其复制到控制台面板并调用相应的处理程序。 / p>
如前所述，如果您需要用户能够输入JS代码以便执行，那么很快就会变得复杂。
希望这会对你有所帮助。
答案 1 :(得分：0)
不确定这是否是您正在寻找的答案，但我可以与您分享我的一些经验。
我经常使用的是这样的：
var JS_DEBUG = true; //global var
function Log(str) {
if(JS_DEBUG) console.log(str);
}
我使用Log()函数记录所有ajax调用和我需要的所有内容。一旦项目完成，我所要做的就是将JS_DEBUG设置为false并且客户端具有干净的代码而没有调试垃圾，我节省了清理“console.log”调用所需的时间。 / p>
您还可以在登录控制台时改进Log()以执行其他操作。
顺便说一句，Google Chrome中Javascript控制台的快捷方式是 CTRL + SHIFT + J