调试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>
分享到：
相关推荐
本文将深入探讨fauxconsole的工作原理及其如何帮助开发者在IE中实现`console.log()`的功能。 `console.log()`是Web开发中非常常用的一个调试工具，它允许开发者在浏览器控制台输出信息，以便检查变量状态、跟踪函数...
然而，这些方法并非在所有环境中都可用，比如旧版本的IE浏览器或者一些非浏览器环境（如Node.js早期版本）可能不支持`console`对象。为了解决这个问题，`console-polyfill`应运而生。 `console-polyfill`是一个...
`log.me`提供了一个替代方案，它可以在不破坏IE内置`console.log`功能的情况下实现类似的功能，同时提供了额外的控制选项。 首先，`log.me`的核心思想是创建一个自定义的日志函数，它能够智能地检测当前环境是否...
在提供的压缩包文件"ConsoleApplication1"中，可能包含了HTML文件、JavaScript文件以及可能的CSS文件，用于构建和实现这个功能。通过查看和学习这些文件，你可以更深入地理解如何使用HTML和JavaScript来实现固定表头...
这篇博客"mouseenter的非IE实现"探讨的就是如何在不支持`mouseenter`的浏览器上实现类似的功能。 首先，我们要明白`mouseenter`与`mouseover`的区别。`mouseover`事件不仅在鼠标进入元素本身时触发，而且在进入元素...
本篇文章将深入探讨如何使用jQuery和EasyUI框架来实现一个支持多选功能的下拉框，特别关注对IE7及360浏览器的兼容性。 首先，我们需要了解jQuery的核心概念。jQuery通过简洁的API提供了对JavaScript对象的封装，...
- **IEDevToolbar.dll**：这是一个动态链接库文件，通常包含工具栏的实现代码和资源，是IEDevToolBar的核心组件。 - **IEDevToolBarSetup.msi**：这是一个Windows Installer包，用于安装IEDevToolBar。用户可以通过...
console.log('Button clicked!'); }); ``` #### 五、总结 本文通过一个具体的案例，探讨了如何编写兼容IE7与IE8的代码。首先分析了问题出现的原因，并指出了使用`eval`带来的潜在风险。随后提出了更优的解决方案...
### IE11没有window.attachEvent...在实际开发中，建议尽可能采用现代浏览器普遍支持的技术栈，避免依赖于特定浏览器的非标准实现。这样不仅能提高代码的可维护性和扩展性，还能更好地适应未来浏览器技术的发展趋势。
而GrepConsole，作为一款专为IntelliJ IDEA（以下简称IEA）设计的强大日志查看插件，能够帮助我们更高效地分析和过滤日志信息，提升开发效率。本文将深入探讨GrepConsole的主要功能、安装与配置方法，以及在实际开发...
- **与火狐内置调试工具的结合**：Firefox的Web Console、Debugger、Network等工具能与IE Tab协同工作，提供全面的调试环境。 - **与第三方调试工具的集成**：例如Visual Studio Code、Chrome DevTools等可以通过...
Console.WriteLine("没有找到活动的IE窗口"); } } finally { if (ie != null) Marshal.ReleaseComObject(ie); } } } ``` 这段代码的核心在于`ShellWindows`类，它是`SHDocVw`命名空间的一部分，允许我们...
同时，利用开发者工具（如Firefox的Web Console或IE的Developer Tools）实时检查和修复样式问题。 9. **响应式设计** - 考虑到不同的设备和屏幕尺寸，使用媒体查询实现响应式设计。注意，IE8及以下版本不支持媒体...
5. 替代方案：寻找与IE兼容的替代库或方法，以实现相同的功能。 总结来说，针对IE浏览器检测及禁用jQuery插件的问题，开发者需要通过JavaScript检测浏览器类型，根据检测结果决定是否加载或禁用jQuery插件，同时...
6. **兼容性**：虽然名称中提到"IE"，但Drip工具可能也适用于基于IE内核的其他浏览器，如Microsoft Edge早期版本，这取决于其具体实现。 使用Drip时，开发者需要确保已正确配置项目，以便在IE浏览器中运行待测试的...
综上所述，判断浏览器是否是IE10以上是通过检查`navigator.userAgent`属性来实现的，这在处理浏览器兼容性问题时非常关键。然而，随着浏览器技术的不断发展，开发者应逐渐转向更可靠的`feature detection`方法，以...
然而，IE（Internet Explorer）浏览器由于其特殊的内核和对标准支持的滞后性，使得在IE上实现这个功能存在一些挑战。本文将详细介绍如何在IE中通过JS获取摄像头，并确保兼容其他主流浏览器。 1. ** getUserMedia ...
本问题聚焦于在iframe中操作父窗口的元素以及添加事件监听，特别是针对IE和Firefox浏览器的不同实现。 首先，我们需要理解iframe的基本用法。在HTML中，我们可以通过`<iframe>`标签来创建一个内联框架。例如： ```...
总结来说，为了在各种浏览器，包括古老的IE6、IE7和IE8，实现Node.js开发的兼容性，我们可以使用polyfill库来模拟现代JavaScript特性。通过正确地安装和引入这些库，我们可以确保代码在各种环境下都能正常运行，从而...