没有不值得去解决的问题,也没有不值得去学习的技术!

IE6/7/8下的console.log会报错,错误提示为“’console’ is undefined”的解决!

IE6/7/8下的错误提示为“'console' is undefined”!

作者:

在

,
IE6/7/8下的错误提示为“'console' is undefined”!
IE6/7/8下的错误提示为“’console’ is undefined”!

js代码:

$(‘#slides’).superslides({
inherit_width_from: ‘.wide-container’,
inherit_height_from: ‘.wide-container’,
hashchange: false,
play: 7000
});

$(‘#slides’).on(‘mouseenter’, function() {
$(this).superslides(‘stop’);
console.log(‘Stopped’)
});
$(‘#slides’).on(‘mouseleave’, function() {
$(‘#slides’).superslides(‘startch’);
console.log(‘Started’)
});

修改后的js代码:

// 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;
}
}
}());

$(‘#slides’).superslides({
inherit_width_from: ‘.wide-container’,
inherit_height_from: ‘.wide-container’,
hashchange: false,
play: 7000
});

$(‘#slides’).on(‘mouseenter’, function() {
$(this).superslides(‘stop’);
console.log(‘Stopped’)
});
$(‘#slides’).on(‘mouseleave’, function() {
$(‘#slides’).superslides(‘startch’);
console.log(‘Started’)
});

增加的代码引用自:http://stackoverflow.com/questions/3326650/console-is-undefined-error-for-internet-explorer,以解决在调试的时候IE低版本浏览器弹出错误提示的问题!

关于作者 · 持续学习与技术实践

我是一名拥有 15 年以上开发经验的技术从业者,自 2013 年起持续运营个人技术博客,记录工作与个人项目中遇到的真实问题,以及解决问题过程中的探索、实践和思考。

除了技术写作,我也在持续开发和维护自己的独立项目,探索新技术和新工具在实际场景中的应用。我始终相信,没有不值得去解决的问题,也没有不值得去学习的技术。

如果这篇文章对你有所帮助,欢迎浏览博客中的其他文章,也欢迎交流技术经验与想法。

关于我  ·  GitHub  ·  邮件联系