不同瀏覽器或者版本之間對(duì)于console對(duì)象的支持不盡相同，而console方法在開(kāi)發(fā)調(diào)試過(guò)程中都是不錯(cuò)的工具。難道要在上線前把所有console.xxxx去掉以保證某些瀏覽器不報(bào)錯(cuò)么。其實(shí)可以變通解決

瀏覽器報(bào)找不到console對(duì)象，那我們就手動(dòng)構(gòu)造一個(gè)接口完全一致的console對(duì)象置于window中。這里采用了空方法和空對(duì)象。如此一來(lái)即使在很old的瀏覽器中，含有console.xxxxx的代碼依然不會(huì)報(bào)錯(cuò)，完美運(yùn)行。

下面附上修復(fù)兼容代碼，要置于置于第一句console.xxxx調(diào)用之前，否則沒(méi)有意義。

復(fù)制代碼代碼如下:

(function (){  

//創(chuàng)建空console對(duì)象，避免JS報(bào)錯(cuò)  

if(!window.console)  
    window.console = {};  
var console = window.console;  

var funcs = ['assert', 'clear', 'count', 'debug', 'dir', 'dirxml',  
             'error', 'exception', 'group', 'groupCollapsed', 'groupEnd',  
             'info', 'log', 'markTimeline', 'profile', 'profileEnd',  
             'table', 'time', 'timeEnd', 'timeStamp', 'trace', 'warn'];  
for(var i=0,l=funcs.length;i<l;i++) {  
    var func = funcs[i];  
    if(!console[func])  
        console[func] = function(){};  
}  
if(!console.memory)  
    console.memory = {};  

})();

您可能感興趣的文章:

相關(guān)文章

javascript中createElement的兩種創(chuàng)建方式
這篇文章主要介紹了javascript中createElement的兩種創(chuàng)建方式,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-05-05
TypeScript接口使用介紹
接口是一系列抽象方法的聲明，是一些方法特征的集合，這些方法都應(yīng)該是抽象的，需要由具體的類(lèi)去實(shí)現(xiàn)，然后第三方就可以通過(guò)這組抽象方法調(diào)用，讓具體的類(lèi)執(zhí)行具體的方法
2022-10-10
如何使用Bootstrap 按鈕實(shí)例詳解
本章將通過(guò)實(shí)例講解如何使用 Bootstrap 按鈕。任何帶有 class .btn 的元素都會(huì)繼承圓角灰色按鈕的默認(rèn)外觀。但是 Bootstrap 提供了一些選項(xiàng)來(lái)定義按鈕的樣式。具體通過(guò)本文實(shí)例詳解
2017-03-03
window.open打開(kāi)窗口被攔截的快速解決方法
下面小編就為大家?guī)?lái)一篇window.open打開(kāi)窗口被攔截的快速解決方法。覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
JS清空上傳控件input(type="file")的值的代碼
最近做的一個(gè)小功能，需要清空<input type="file">的值，但上傳控件<input type="file">的值不能通過(guò)JavaScript來(lái)修改。
2008-11-11
js刪除對(duì)象屬性的多種方法舉例
刪除屬性有很多方法,學(xué)到了就在這里記錄一下,下面這篇文章主要給大家介紹了關(guān)于js刪除對(duì)象屬性的多種方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-12-12
uniapp單頁(yè)面實(shí)現(xiàn)頁(yè)面切換的使用示例
本文主要介紹了uniapp單頁(yè)面實(shí)現(xiàn)頁(yè)面切換的使用示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-09-09
JavaScript中的數(shù)組遍歷forEach()與map()方法以及兼容寫(xiě)法介紹
下面小編就為大家?guī)?lái)一篇JavaScript中的數(shù)組遍歷forEach()與map()方法以及兼容寫(xiě)法介紹。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
window.addEventListener來(lái)解決讓一個(gè)js事件執(zhí)行多個(gè)函數(shù)
可能你也碰到過(guò)這種情況,就是在js的代碼中用了window.onload后,可能會(huì)影響到body中的onload事件。這時(shí)就要用window.attachEvent和window.addEventListener來(lái)解決一下,需要的朋友可以參考下
2012-12-12
JS實(shí)現(xiàn)網(wǎng)站菜單拖拽移位效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)站菜單拖拽移位效果的方法,涉及JavaScript動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09