自定义的IE调试输出console工具类

最新推荐文章于 2022-01-02 12:51:22 发布

原创最新推荐文章于 2022-01-02 12:51:22 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #工具 #constructor #function #filter #border

JS 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个名为IEConsole.js的解决方案，用于在IE浏览器中实现控制台输出功能。通过创建一个自定义的控制台对象，该方案允许在IE浏览器中使用console.log()等方法进行调试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE中无控制台输出功能，IEConsole.js可以解决使用输出： console.log(xxxxx);

if(!window.console){
	console = (function(){
		var instance = null;
		function Constructor(){
		    var  top = document.body.scrollHeight;
			this.div = document.createElement("console");
			this.div.id = "console";
			this.div.style.cssText = "filter:alpha(opacity=80);position:absolute;top:top;left:0px;width:100%;border:1px solid #ccc;background:#eee;";
			document.body.appendChild(this.div);
		}
		Constructor.prototype = {
			log : function(str){
				var p = document.createElement("p");
				p.innerHTML = str;
				this.div.appendChild(p);
			}
		}
		function getInstance(){
			if(instance == null){
				instance =  new Constructor();
			}
			return instance;
		}
		return getInstance();
	})()
}