IE8&9出现js无效，打开控制台之后正常的囧事

本人来调试web的程序的时候有个习惯，比较喜欢用console.log()而不是alert()来查看一些信息，主要觉得弹窗太讨厌了。

最近需要给公司其他部门做一些web程序---------此为故事背景---------

程序给过去之后接到产品小妹的电话说页面用不了，于是自己又检查了一遍，没有发现什么问题。

产品小妹仍旧说有问题，无奈过去她那边看。

看着产品小妹演示一遍，确实有问题，是脚本没有触发。

纳闷了，换自己操作一遍(顺手打开了bug窗口),诡异的事情就发生了，什么还没做程序就OK了。

顿时就觉得很诧异，为什么会这样呢？而且之后换产品小妹自己操作，也OK，为什么会这么诡异？

换了台电脑也是如此，然后由我来操控就OK了。

想了一下肯定是我自己的操作跟小妹有不一样的地方，接着就想到了我会去开调试窗口，肯定是这个原因。

查了一下相关资料，果不其然！

IE8 与IE9 的console对象只有在打开了bug窗口之后才会被创建。之后的版本才解决了这个问题。

找了一个IE8验证一下：

<script>
alert("typeof console" + typeof console);
</script>

 未打开调试窗口

 

打开调试窗口后：

 

如图，打开调试窗口后，console对象被创建，问题消失了

妹子是IE9，自己则是IE11，因为忽略了IE这一点特性，而且又没判断。导致了这一次的问题

 

知道问题所在后，那就好解决了。

当然了，我们可以删掉这些console代码，反正都是调试的

不过，如果太多的话，我们可以重写console对象以及它的方法，这样的话js就不会出错了

(function() {
var method;
var noop = function () {};
var methods = [
'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'
];
var length = methods.length;
var console = (window.console = window.console || {});
while (length--) {
method = methods[length];
if (!console[method]) {
console[method] = noop;
}
}
}());

 

完