在网页中创建自己的调试控制台

最新推荐文章于 2024-06-01 08:30:00 发布

Gyoung阿广

最新推荐文章于 2024-06-01 08:30:00 发布

阅读量1.3k

点赞数

分类专栏： JavaScript 文章标签：在网页中创建自己的调试控制台

本文链接：https://blog.csdn.net/u012755393/article/details/51351524

版权

本文介绍了如何在网页中创建个性化的调试控制台，帮助开发者更便捷地进行代码调试和问题排查。

摘要由CSDN通过智能技术生成

在网页中创建自己的调试控制台

<html>
	<head>
		<title>caller</title>
		<script type="text/javascript">
			function DebugConsole(){              //调试对象构造函数
				var consoleElem=document.createElement("div");            //创建一个div元素
				consoleElem.id="debug";
				consoleElem.style.fontFamily="monospace";
				consoleElem.style.color="#333333";
				document.body.appendChild(consoleElem);               //将上面创建的div元素加到body中去
				consoleElem.appendChild(document.createElement("hr"));      //创建一条水平线
				this.shaded=false;                //相隔调试行颜色不同
			}
			DebugConsole.prototype.displayMsg=function(msg){             //类方法，在调试对象下不断创建新的div，增加调试信息
				var msgElement=document.createElement("div");
				msgElement.appendChild(document.createTextNode(msg));
				msgElement.style.backgroundColor=this.shaded?&