瀏覽器兼容console對象的簡要解決方案分享

更新時間：2013年10月24日 16:26:42 作者：

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

瀏覽器報找不到console對象，那我們就手動構造一個接口完全一致的console對象置于window中。這里采用了空方法和空對象。如此一來即使在很old的瀏覽器中，含有console.xxxxx的代碼依然不會報錯，完美運行。

下面附上修復兼容代碼，要置于置于第一句console.xxxx調用之前，否則沒有意義。

(function (){  

//創(chuàng)建空console對象，避免JS報錯  

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 = {};  

})();

您可能感興趣的文章:

webpack打包的3種hash值詳解
這篇文章主要為大家介紹了webpack打包的3種hash值詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-07-07
React類組件轉換成函數(shù)式組件
Hooks讓我們?yōu)橄嗤墓δ芫帉懜俚拇a,我們需要編寫的代碼越少,我們就可以越快地啟動應用程序,hooks需要在函數(shù)組件中使用,您不能在 React 類中使用 hooks,函數(shù)式的 React 組件更加現(xiàn)代,并支持有用的 hooks,現(xiàn)在流行把舊式的類組件轉換為函數(shù)式組件
2024-01-01
微信小程序組件通信和behavior使用詳解
behaviors是小程序中，用于實現(xiàn)組件間代碼共享的特性，類似于 Vue.js 中的 “mixins”，這篇文章主要介紹了微信小程序組件通信和behavior使用,需要的朋友可以參考下
2022-08-08
JavaScript Array Flatten 與遞歸使用介紹
用 JavaScript 將 [1,2,3,[4,5, [6,7]], [[[8]]]] 這樣一個 Array 變成 [1,2,3,4,5, 6,7,8] 呢？傳說中的 Array Flatten
2011-10-10
JS實現(xiàn)點擊復選框變更DIV顯示狀態(tài)的示例代碼
下面小編就為大家分享一篇JS實現(xiàn)點擊復選框變更DIV顯示狀態(tài)的示例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
srcElement表格樣式
srcElement表格樣式...
2006-09-09
js倒計時小程序
js倒計時代碼，可以精確到天和精確到秒
2013-11-11
JS如何判斷瀏覽器類型和詳細區(qū)分IE各版本瀏覽器
本篇文章主要介紹了JS判斷瀏覽器類型和詳細區(qū)分IE各版本瀏覽器的代碼，非常具有實用價值，有興趣的可以了解一下。
2017-03-03
JavaScript使用技巧精萃[代碼非常實用]
為方便大家查找不做分頁設置ctrl+F即可
2008-11-11
[JS]點出統(tǒng)計器
[JS]點出統(tǒng)計器...
2006-07-07