IE9 Bug-只有在打开开发者工具后JavaScript才能正常工作。
我们的网站向用户提供免费的PDF下载，并具有一个简单的“输入密码以下载”的功能。 但是，在Internet Explorer中根本无法正常工作。
您可以在此示例中亲自查看。
下载口令为“makeuseof”。在任何其他浏览器中，它都可以正常运行。 在IE中，两个按钮都没反应。
我发现最奇怪的事情是，如果你用F12打开和关闭开发人员工具，它就突然开始工作了。
我们尝试过兼容性模式等，但没有任何效果。
如何使其在Internet Explorer中正常工作？
听起来你的 JavaScript 代码中可能有一些调试代码。
你所描述的体验是常见的代码中包含 console.log() 或任何其他 console 功能。
console 对象只有在打开Dev工具栏后才会激活。在此之前，调用 console 对象将导致其被报告为 undefined。工具栏打开后，控制台就存在了（即使随后关闭了工具栏），因此您的控制台调用将正常工作。
有几种解决方法：
最明显的方法是通过删除对 console 的引用来检查你的代码。无论如何，你都不应该在生产代码中留下这样的东西。
如果想保留控制台引用，可以将它们包装在一个 if() 语句或其他条件中，以在尝试调用之前检查控制台对象是否存在。
if(!console)会导致相同的错误，应该改为if(!window.console)。 - mindplay.dkHTML5 Boilerplate提供了一段方便的代码，可用于修复控制台问题：
// Avoid `console` errors in browsers that lack a console.
(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',
'timeStamp', 'trace', 'warn'
];
var length = methods.length;
var console = (window.console = window.console || {});
while (length--) {
method = methods[length];
// Only stub undefined methods.
if (!console[method]) {
console[method] = noop;
}
}
}());
正如评论中所指出的，最新版本可在 GitHub 页面 上获取。
除了 console.log 问题之外（至少在 IE11 中），还存在另一个可能的原因：
当控制台未打开时，IE会进行相当激进的缓存，因此请确保任何 $.ajax 调用或 XMLHttpRequest 调用的缓存设置为false。
例如：
$.ajax({cache: false, ...})
当开发者控制台打开时，缓存会变得不那么积极。似乎是一个错误（或者也许是一种特性？）
在我做了一个小改动之后，这解决了我的问题。我在我的HTML页面中添加了以下内容，以解决IE9的问题:
<script type="text/javascript">
// IE9 fix
if(!window.console) {
var console = {
log : function(){},
warn : function(){},
error : function(){},
time : function(){},
timeEnd : function(){}
}
}
</script>
我猜这可能有所帮助，在任何javascript标签之前添加此内容：
try{
console
}catch(e){
console={}; console.log = function(){};
}
try catch来检测变量是否存在是不好的做法。这不仅会降低运行速度，而且如果您在try块中有多个语句，则可能因为其他原因而导致异常。请不要使用此方法，至少使用if (typeof console == 'undefined')。 - Ruan Mendeshttps://docs.angularjs.org/api/ng/service/$log
所以，如果您有类似的东西
angular.module('logExample', [])
.controller('LogController', ['$scope', function($scope) {
console.log('Hello World!');
}]);
你可以用它替换
angular.module('logExample', [])
.controller('LogController', ['$scope', '$log', function($scope, $log) {
$log.log('Hello World!');
}]);
Angular 2+ 没有内置的日志服务。
如果您正在使用 angular，并且使用的是ie浏览器版本 9,10 或 edge 浏览器，请使用以下代码:
myModule.config(['$httpProvider', function($httpProvider) {
//initialize get if not there
if (!$httpProvider.defaults.headers.get) {
$httpProvider.defaults.headers.get = {};
}
// Answer edited to include suggestions from comments
// because previous version of code introduced browser-related errors
//disable IE ajax request caching
$httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT';
// extra
$httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
$httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
}]);
完全禁用缓存。
对于我来说，这发生在IE 11上。我正在调用jquery的.load函数。 所以我用了一种老式的方法，在URL中加入一些内容来禁用缓存。
$("#divToReplaceHtml").load('@Url.Action("Action", "Controller")/' + @Model.ID + "?nocache=" + new Date().getTime());
我有另一种方案，可以替代 runeks 和 todotresde 提供的解决方案，还可以避免在评论中讨论 Spudley 的答案时出现的问题：
try {
console.log(message);
} catch (e) {
}
这段代码看起来略显混乱，但另一方面它简洁明了，涵盖了runeks的答案中提到的所有日志记录方法，而且它有一个巨大的优势，就是你可以随时打开IE的控制台窗口，查看日志。
gulp-strip-debug的工具。它可以移除所有的console.*方法，非常适合生产环境的构建或在 IE 中进行测试。 - knownasilya