gpt4 book ai didi

javascript - 使用 DHTML 制作控制台的更好方法是什么?

转载 作者:行者123 更新时间:2023-11-28 16:40:50 26 4
gpt4 key购买 nike

我想找到一种更好的方法将控制台消息输出到 HTML 页面。这个方法似乎很慢。

<html>
<title>Logging test</title>
<head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--

function log(s) {
if(!log.start) {
var date = new Date();
log.count = 0;
_log("0", "log() started at " + date);
log.start = date.valueOf();
}
_log(new Date().valueOf() - log.start, s);
}

function _log(header, s) {
var logMessages = document.getElementById("logMessages");
if(!logMessages) {
alert(logMessages);
return;
}
var message = document.createElement("div");
message.className = "logMessage";
var content = "";
content += "<span class=\"time\">" + header + "</span>";
content += "<span class=\"line\">" + (log.count++) + "</span>";
content += "<span class=\"level\">" + "" + "</span>";
content += "<span class=\"msg\">" + s.replace(/ /g, "&nbsp;").replace(/\n/g, "<BR />") + "</span>";
message.innerHTML = content;
logMessages.appendChild(message);
setTimeout(function(){message.scrollIntoView(true)},1);
}

function main(e) {
if(window.confirm("Would you like to display logging?")) {
for(var i=0;i<5000;i++) {
log("Hello World " + i);
}
}
}
//-->
</SCRIPT>

<style>
.logMessage {
border-bottom: 1px black solid;
font-size: 8pt;
font-family: Lucida Console;
}

.logMessage .line, .logMessage .time {
width: 30px;
}

.logMessage .level {
display: none;
}

.logMessage .msg {
}

#logMessages {
overflow: auto;
}
</style>

</head>
<body onload="main()">
<div id="logMessages"></div>
</body>

</html>

最佳答案

Firebug 非常适合您使用 Firefox 来测试您的工作(假设您想要记录消息以进行调试)。如果您正在测试其他浏览器,也可以使用Firebug Lite它模仿了其他浏览器中 Firebug 的功能。这样您就不必重新发明轮子。

关于javascript - 使用 DHTML 制作控制台的更好方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/701689/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com