`
devil13th
  • 浏览: 42098 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ie实现console

阅读更多

调试js的时候 , ff,chrome,safari 浏览器中有console可以在控制台打印一些信息 , ie是没有这个console对象,故写了个console以便调试使用,仅仅实现了log方法。

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
112342134<br/>
112342134<br/>
112342134<br/>
112342134<br/>
112342134<br/>
112342134<br/>
</body>


<script>
if(!window.console){
	console = (function(){
		var instance = null;
		function Constructor(){
			this.div = document.createElement("console");
			this.div.id = "console";
			this.div.style.cssText = "filter:alpha(opacity=80);position:absolute;top:0px;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();
	})()
}

console.log("444");
console.log("555");
console.log("666");
console.log("777");

</script>
</html>

 

0
1
分享到:
评论
1 楼 flyash 2011-05-17  
IE9有了console

</body>
位置似乎不合适

相关推荐

    用Python编写脚本使IE实现代理上网的教程

    厂里上个网需要设置代理服务器,切换各种环境『包括但不仅限于开发环境、QA、预上线、验收、生产环境、压力测试、Demo……』都需要给浏览器设置不同的代理服务器。...搞个C#写个winform或者console控制台还需

    利用Js的console对象,在控制台打印调式信息测试Js的实现

    避免不误人子弟,特意使用for(var i in console)查看了下各种浏览器控制台对console的支持, 结果如下: IE 11 控制台 log , info , warn , error , debug , assert , time , timeEnd , group , groupCollapsed , ...

    Node.js实现兼容IE789的文件上传进度条

    现在用的最多的可能就是formidable了,你知道了它有个progress事件,于是心中大喜,低版本IE的进度条有戏了;OK,试一下: form .on('error',function(err){ console.log(err); }) .on('aborted',function(){ ...

    window.event.keyCode兼容IE和Firefox实现js代码

    input type=”text” onkeydown=”keyNumAll(event);” &gt; Javascript 代码 代码如下: function keyNumAll(evt){ //兼容IE和Firefox获得...//兼容IE和Firefox获得keyBoardEvent对象的键值 console.info(key);/

    详解JavaScript 中getElementsByName在IE中的注意事项

    在IE5-9中是没有实现js的 getElementsByClassName()方法,但是实现了getElementsByName()方法,但是需要注意的是这个方法在IE5-9中也返回id属性匹配的指定元素,为了兼容,应该小心谨慎使用,不要将同样的字符串同时用作...

    JavaScript内容复制Clipboard.js.zip

    clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42 、Firefox 41 、IE 9 、Opera 29 示例代码:[removed][removed]  class=...

    jQuery拖放插件Draggabilly.zip

    Draggabilly 可帮你轻松实现网页上各种元素的拖放操作。支持 IE8 和多触摸。 示例代码: var draggie = new Draggabilly( elem ); function onDragMove( instance, event, pointer ) { console.log( '...

    zhuf video笔记.zip

    目前低版本浏览器 ie 不支持 需要polyfill es6-promise(这个包实现了promise) 高版本都支持了promise + promise是一个类(可以new),类中需传入一个excutor执行器,默认会立即执行 ```js new Promise(() =&gt; { ...

    obtain-unicode:在 http 上将 DOMString 转换为 Unicode 字符序列的实现

    在从 DOMString 获取 Unicode 算法的实现 也是 String.fromCodePoint() 的 polyfill,用于将代码点转换为字符串。 支持 使用 Object.definePropety 所以在 IE8 下不支持。 安装 $ npm install obtain-unicode 用法 ...

    JavaScript实现显示函数调用堆栈的方法

    本文实例讲述了JavaScript实现显示函数调用堆栈的方法。分享给大家供大家参考,具体如下: 许多大型的JavaScript应用程序间的函数调用关系是非常复杂的,在开发或者调试过程中,经常需要跟踪某个函数是由哪些函数...

    火狐浏览器for linux v52.0.2.zip

    火狐浏览器英文全称Mozilla Firefox,是一个开源网页浏览器,使用Gecko引擎(非ie内核),支持多种操作系统如Windows、Mac和linux。 火狐浏览器for linux v52.0.2更新日志: 全新的定制模式让自定义你的网络体验更...

    react-use-hotkeys:React钩子用于创建简单的键盘快捷键

    此程序包具有单个依赖项,即一个名为的小垫片,它对Edge和IE中实现的非标准KeyBoardEvent.key 进行规范化。 用法示例 所有热键组合必须使用有效的KeyBoardEvent "key"值。 完整列表可以在上找到,Wes Bos创建了一个...

    abort-controller:WHATWG AbortController接口的实现

    的实现。 import AbortController from "abort-controller" const controller = new AbortController ( ) const signal = controller . signal signal . addEventListener ( "abort" , ( ) =&gt; { console . log ( ...

    js实现图片粘贴上传到服务器并展示的实例

    最近看了一些有关于js实现图片粘贴上传的demo,实现如下: (这里只能检测到截图粘贴和图片右键复制之后粘贴) demo1: document.addEventListener('paste', function (event) { console.log(event) var isChrome = ...

    JavaScript XML和string相互转化实现代码

    代码如下: //convert string to xml object function String2XML(xmlString) { // for IE if (window.ActiveXObject) { var xmlobject = new ActiveXObject(“Microsoft.XMLDOM”); xmlobject.async = “false”; ...

    Vue中mintui的field实现blur和focus事件的方法

    首先上代码说总结: ... console.log('1111'); } } 使用@blur.native.capture=””即可实现。 另一种方法: 使用vue-directive指令实现。这种方法有个问题没解决,不推荐使用。 卡号 v-model=card.cardNo&gt; V

    fauxconsole:来自 http 的 fauxconsole 的分支

    fauxconsole - IE 的轻量级控制台实现 有关原始 fauxconsole 的更多信息,请访问 这个 fork 实现了 AMD 格式的控制台,所以你应该使用 AMD 加载器。 例子 在 .html 文件中: &lt; script type =" text/javascript...

    PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁

    上传按钮我还做了一个文件大小的限制,但是由于浏览器兼容性的问题,不完美在IE6–IE9之间还有很多问题需要解决 getFileSize函数是用于判断文件大小的函数 复制代码 代码如下:function getFileSize(fileName) { var...

    javascript数字数组去重复项的实现代码

    console.log 不支持ie,下面的代码需要在火狐中测试,不然会有问题。

    DataBinder:用jQuery模仿Angular的双向数据绑定

    不过此方法在IE8下有兼容性问题,IE8下可以用VBScript来实现 如下: // 通过Object.defineProperty可以自定义属性的getter和setter Object.defineProperty(person, 'house', { get: function() { console.log('...

Global site tag (gtag.js) - Google Analytics