打开IE开发人员工具时，JavaScript会发生什么变化？

Question

从运行AJAX应用程序的角度来看，当打开IE开发人员工具时发生了什么变化？

我现在正在跟踪一些Schrödinger错误 。 关于IE中 PrimeFaces的下拉列表。 它们有时在单击后无法打开，并且在人们最大化浏览器或放大内容后变得“被阻止”。 由于这些下拉菜单是在普通输入的基础上实现的，因此带有附加的div，我认为这是错误地计算了显示下拉菜单弹出位置的原因。 我还认为AJAX错误。

但是，在打开IE开发人员工具后，几乎不可能重现该错误。 控制台中没有显示任何错误，没有AJAX请求挂起，而且，所有功能似乎都在起作用。

该错误仅适用于IE，因此开发人员工具是调试它的唯一方法。 但是，当它们打开时， 观察似乎会以某种方式改变状态，就像在量子力学中一样。

因此，我需要知道，打开那些开发人员工具可能导致哪些更改，从而阻止该bug出现？

--edit--与console.log 无关 。 这是计算不可见元素大小的问题。 该问题已通过向身体添加滚动来解决。 但是，还存在一个问题，即IE开发人员工具如何影响这些计算。

Answer 1

如果您确实希望始终包括使用console ，我建议为其使用polyfill：

(function(b){
    var a=0;
    var c=function(){};
    var d=["log","assert","clear","count","debug","dir","dirxml","error","exception","group","groupCollapsed","groupEnd","info","profile","profileEnd","table","time","timeEnd","timeStamp","trace","warn"];
    b.console=b.console||{};
    for(;a<d.length;a++){
        b.console[d[a]]=b.console[d[a]]||b.console["log"]||c;
    }
})(window);

这是我试图使其可读的缩小示例。 这是我不久前发现并修改的内容。 我认为我修改的主要内容是，如果调用的方法最初不是由浏览器的本机console ，则它将调用console.log 。 如果console.log不是本地实现的，它只会调用一个空函数。 此代码的原始版本未包含对console.log回退。

这将“保证” console调用不会失败。 您可以将d变量更改为仅包含您确定将使用的调用，否则会有一些不必要的处理。