利用JavaScript检测Firefox中Firebug是否启用及兼容处理

检测Firebug启用状态的方法

当Firefox浏览器中启用了Firebug插件后，全局对象window会增加一个console对象以及一个名为firebug的变量，该变量用于保存当前Firebug的版本号；若关闭Firebug面板，这些对象将恢复为默认状态。因此，可以通过检查这些特定对象或变量是否存在，来判断Firebug是否处于开启状态。

 
Boolean(window.console && window.console.firebug)

实现浏览器控制台兼容处理

为了在没有安装Firebug的环境中避免调用console方法时产生脚本错误，建议在脚本起始位置添加以下代码，手动创建一个空的console对象以实现兼容性处理。

 
if (!window.console) {
// 如果未安装Firebug，忽略对console的调用
// 适用于Firebug 1.6.0版本
(function(m, i) {
window.console = {};
while (i--) {
window.console[m[i]] = function() {};
} 
})('log debug info warn exception assert dir dirxml trace group groupEnd groupCollapsed time timeEnd profile profileEnd count clear table error notifyFirebug'.split(' '), 22);
} 

通过上述处理，页面在Internet Explorer中可以正常预览，同时在Firefox、Chrome和Safari等浏览器中也能正常输出调试信息。