ie9下console不兼容的问题

392 阅读1分钟

最近在调整项目在ie9下的展示问题,发现在ie9下,js文件不执行,打开控制台才执行,原因是ie9不支持console,以下给出两种解决方案:

1. 在webpack.prod.conf.js 中添加并修改js插件配置项(我用的是webpack)

new UglifyJsPlugin({    
    uglifyOptions: {        
       compress: {            
         warnings: false,            
         drop_console:true        
       }    
     },
}),

主要就是添加drop_console:true这项。作用是:删除打包后脚本文件里的所有console

2. 在入口文件index.html中添加判断:

window.console = window.console || (function() {        
    var c = {}; c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir =
        c.profile = c.clear = c.exception = c.trace = c.assert = function() { }        
    return c
})()

以上就是两种解决方法,如果有疑问欢迎小伙伴们在下面留言,谢谢观看!