Firefox的firebug无法显示console.log问题解决方案

最新推荐文章于 2025-05-24 07:32:52 发布
转载 最新推荐文章于 2025-05-24 07:32:52 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://segmentfault.com/a/1190000009626536
文章标签：

#javascript #ViewUI

本文介绍了解决Firefox升级后Firebug的console.log无法输出的问题。作者发现Firefox V50.0b9是最后一个支持Firebug正常工作的版本，并提供详细的解决步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

近日由于重装系统,升级至Firefox V54,结果发现Firebug的console.log无法输出,这可不得了!无论前后端测试都离不开Firebug了.

依据经验,这肯定是FF为了推它家的烂调试工具搞的小动作了.

于是,打算退回Firefox最后一个可正常使用Firebug的版本.

通过查阅Mozillas的FTP列表:http://ftp.mozilla.org/pub/fi... ,并经过几个回合的测试后,发现50.0b9为正常支持Firebug的最后一版.

在此之后的V51版本显示了默认的烂工具主题,而V51后期及更高版本则直接不输出了.

需要注意的是,由于新版本安装首次打开时均默认自动更新(第一次测试就被自动更新回V54,囧~~~)

结局步骤如下:

1 删除已有的配置文件,以当前账号Administrator为例,删除:

C:\Users\Administrator\AppData\Local\Mozilla
C:\Users\Administrator\AppData\LocalLow\Mozilla
C:\Users\Administrator\AppData\Roaming\Mozilla

2.卸载Firefox并下载旧版程序文件:
32位:http://ftp.mozilla.org/pub/fi...

64位:http://ftp.mozilla.org/pub/fi...

顺便一提,Firefox的64位版安装不了flash插件,至少最新版的是不行,因为我为此被折腾过半天最后才无意间发现这一点.

3.断网安装,这个最暴力简单.安装时自定义且不要选择维护服务,安装好了之后打开Firefox,选项设置-高级-更新-从不检查更新

4.恢复网络后,即不会被自动更新了.而Firebug也正常了.

Firebug的console.log最简单测试方法即打开百度,是否输出著名的那句"一张网页，要经历怎样的过程，才能抵达用户面前...".

end~

javascript 在firebug调试时用console.log的方法
10-28
在Firefox的Firebug中，`console.log()`会显示这些数据的详细信息，例如，对于对象和数组，它会以易于阅读的格式显示其内容。在IE中，尽管没有Firebug那么强大，仍然能够输出基本类型的数据，但对于复杂对象和数组的...
JavaScript调试技巧之console.log()详解
11-30
比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该...
火狐浏览器vue 中的console.log()不显示结果
iang_520的博客
05-07 777
今天在测试生命周期函数时，将控制台打印console写在钩子函数中，但是后台打印不出来，火狐浏览器vue 中的console.log()不显示结果，最后发现时我把钩子函数写在了methods:{}中了，应该写在methods下面，与之并起，如下。
快速解决前端console.log(1)不显示问题
欲穷java洞的博客
11-04 906
接到小任务进行优化根据输入值自动查后端带出值，写好方法后，准备测试下传参接参，结果前端一直没打印值，检查了浏览器一会儿，说实话影响了我下班时间，一直调试，后无果，就没理会，以为小问题，浏览器刷新下就行得那种。如果还是请打开浏览器设置，重置默认设置即可解决问题--我的是这样解决的。
过滤日志导致浏览器控制台console.log()无输出信息
最新发布
HuLihui's Blog
05-24 488
在研究播放视频中弹窗暂停问题时，因为过滤日志记录，导致Chrome的console.log()不输出信息。
console.log在chrome浏览器不显示
qq_29690837的博客
07-15 3102
前端JavaScript
解决VUE中console.log日志无法在浏览器控制台上显示问题
m0_72929753的博客
02-23 6153
console.log日志无法在浏览器上显示的问题
html控制台 打印 consol,浏览器console.log()打印输出台不显示输出内容……
weixin_36192634的博客
06-25 5288
浏览器console.log()打印输出台不显示输出内容的原因应该很多，如网络上所说：console.log()被重新定义等等原因(需要验证真实性？)都可能导致console.log()打印不能显示打印信息。今天，在测试screen.availWidth的时候就出现了console.log()打印台始终无法打印出内容的局面。困惑了半天后，终于找到了具体的原因。并且看到这个原因的时候，真TM想给自己...
javascript的console.log()用法小结
10-28
这样，Firefox、IE和Opera都可以使用`console.log()`了，尽管在IE和Opera中，其功能可能不如Firebug那样强大，比如无法深入展示对象或数组的内部结构。 在Chrome中，`console.log()`的功能得到了进一步增强。Chrome...
js console.log打印对像与数组用法详解
10-22
总结来说，console.log是一个非常重要的调试工具，它不仅可以帮助开发者快速查看数据，还能够在开发过程中进行问题诊断。通过本文的介绍和实例，相信读者可以更好地掌握console.log在打印对象和数组时的用法，并且在...
谷歌Chrome浏览器控制台无法输出console.log打印数据怎么办？
m0_67841039的博客
07-06 6838
谷歌Chrome浏览器控制台无法输出console.log打印数据怎么办？
为什么什么都console.log不出来。console.log(depsMap)
weixin_40945354的博客
04-21 375
变量为原始类型时Set存储 变量为对象时可以用map存储 多个对象时用weakMap存储 https://www.gxlsystem.com/qianduan-20707.html <!DOCTYPE html> <html> <head> <title>document.write() Example</title> </head> <body> <script
Firefox+console.log()取代讨厌的alert()调试方法
周梦康的代码碎片
03-22 1063
最简单的方法是console.log()，可以用来取代alert()或document.write()。比如，在网页脚本中使用console.log("Hello World")，加载时控制台就会自动显示如下内容。 另外，根据信息的不同性质，console对象还有4种显示信息的方法，分别是一般信息console.info()、除错信息console.debug()、警告提示conso
firebug中的console.log()使用注意的问题
yangzhanghui的专栏
03-14 5086
firebug中的console.log()使用注意的问题在用firefox调试javascript时可以用console.log();代替alert(),方便并且功能也强大得多，但使用时要注意了：    当你使用console.log()函数时，下面的firebug一定要打开，不然这函数在用firefox运行时无效且影响正常程序，如果用IE打开，将会出错。当你发现你的程序在打开fireb
FireFox-console详解
黄彪博客
12-04 2393
在做前端开发的时候，难免会需要调试，为了避免大量的使用alert()方法，firebug这个工具默认的添加了一个console对象，在Chrome和IE调试工具中是不存在的，因此在这里做简单的介绍，下面的内容是在网上转载的，提前声明，出处已经忘记了，希望原创不要介意   Firebug一共有Console,HTML,CSS,Script,DOM,NET六个Tab，今天着重说一下Console的
JS中使用console.log()方法，在浏览器控制台没有内容的几种解决办法！！！
nn8783的博客
01-24 9731
【代码】JS中使用console.log()方法，在浏览器控制台没有内容的几种解决办法！！！
火狐浏览器控制台bug
weixin_33816300的博客
11-20 252
为什么80%的码农都做不了架构师？>>> ...
console.log火狐下的调试
梦一笑轩
09-25 886
console.log火狐下的调试
``` console.log(11111)```解释一下
03-22
### JavaScript `console.log` 功能及使用方法 #### 1. 基础功能 `console.log()` 是一种常用的调试工具，主要用于向浏览器控制台输出信息。它可以打印字符串、数字、布尔值等多种数据类型的信息[^1]。 ```javascript // 输出简单的文本信息 console.log("这是一个测试"); // 输出变量的值 let name = "Alice"; console.log(name); // 同时输出多个值 let age = 25; console.log("姓名:", name, "年龄:", age); ``` #### 2. 跨浏览器兼容性 最初，`console.log()` 是 Firefox 浏览器特有的功能，在安装 Firebug 插件后才能使用。后来其他主流浏览器也逐渐支持这一功能，但在某些旧版本浏览器（如 IE8）中，如果未打开开发者工具，则可能会抛出错误。因此，为了提高跨浏览器兼容性，通常会采用以下代码： ```javascript window.console = window.console || {}; console.log = console.log || function() {}; ``` 这段代码确保即使在不支持 `console.log()` 的环境中也不会引发异常[^2]。 #### 3. 处理复杂数据结构 当传递的对象、数组或 HTML 元素作为参数时，`console.log()` 不仅能够展示它们的内容，还会提供一个可交互的超链接形式。通过点击这些链接，可以深入探索对象内部的具体属性和方法[^3]。 ```javascript // 打印整个文档体 console.log(document.body); // 打印数组 let numbers = [1, 2, 3]; console.log(numbers); // 打印自定义对象 let person = { firstName: "John", lastName: "Doe" }; console.log(person); ``` #### 4. 错误处理与其他辅助函数 除了基本的日志记录外，JavaScript 提供了一系列类似的命令来满足不同的需求。例如： - **`console.error()`**: 类似于 `console.log()`，但它专门用来报告错误消息，并且会在大多数控制台中标记为红色字体[^4]。 ```javascript console.error("发生了一个严重的问题！"); ``` - **`console.warn()`**: 发送警告通知，一般显示黄色背景以引起注意。 ```javascript console.warn("请注意这个潜在的风险情况"); ``` - **`console.dir()`**: 对象专用日志方式，相比普通的 `console.log()` 更加清晰地展示了对象的所有成员及其继承关系。 ```javascript console.dir(window.location); ``` #### 5. 图形化表示与表格视图 对于多维的数据集，利用特定格式可以让阅读更加直观方便。比如可以通过 `%c` 自定义样式渲染文字效果；或者借助 `table()` 方法呈现二维表单样式的排列结果[^5]。 ```javascript // 应用 CSS 样式到部分输出内容 console.log("%c这是带有颜色的文字", "color:red; font-size:20px"); // 展现嵌套关联型资料成整齐划一的形式 const data = [ {"name": "Tom", "age": 19}, {"name": "Jerry", "age": 17} ]; console.table(data); ``` --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值