萤火虫怎么了?有没有好的替代品?

What happened to firebug? Is there a good replacement?

提问人:Dan Wier 提问时间:6/17/2018 更新时间:12/16/2020 访问量:1572

问:

我一直在用 JavaScript 做很多 ajax 开发,并在 Chrome 的 firebug 控制台中发现了很多价值,告诉我电话的帖子和响应。我似乎再也无法得到任何 firebug,虽然我知道 Chrome 的开发者工具和 firefox 都有一个可以查看的控制台,但我只在 ajax 调用中得到 500 错误之类的东西,而不是一个明确的错误,如果参数有问题,可以指明我的方向, 服务地址等

关于使用什么工具有什么建议吗?

javascript ajax firebug

评论

0赞 0708 6/17/2018
我可能会对你问的问题感到困惑。您可以在 Chrome 的“网络”标签页中获取请求/响应正文和标头。也就是说,你有没有尝试过邮递员?它是此类工作的绝佳工具。
0赞 Dan Wier 6/18/2018
我想我刚刚在 Chrome 开发者工具中找到了我想要的东西。具体而言,是请求预览下的消息。我也会去看看邮递员。谢谢。

答:

2赞 Rob 6/18/2018 #1

Firebug已于去年(2017年)停产。

因此,令人遗憾的是,Firebug现在在Firefox中已经到了生命的尽头 浏览器,下个月将发布 Firefox Quantum(版本 57)。 好消息是 Firebug 的所有功能现在都已存在 在当前的 Firefox 开发者工具中。

因此,建议使用Firefox开发者工具(内置于Firefox中)来调试网站,以替代Firebug

1赞 Menuka Ishan 8/1/2019 #2

我认为您可以使用 Chrome 开发者工具完成几乎所有事情,甚至更多 如果您转到 Google Developer Tools 中的“网络”选项卡,您可以看到所有内容都通过网络浏览器进行。如果要筛选 REST API 调用,请选择“XHR”选项卡。 在那里你可以看到所有的细节。如果是 Post Request,则查看 JSON 正文等。

Javascript Request

在预览选项卡中,您可以看到针对 API 调用获得的响应。

JSON response

使用 Chrome 开发者工具,有很多方法可以让开发者的生活变得轻松, 使用以下参考资料了解更多信息。

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/user/ChromeDevelopers/featured

0赞 Andrew Pollock 12/16/2020 #3

我使用旧版本的 Pale Moon,它仍然支持它。我知道替代品可以做得更多,但我主要将它用于 css 和 html。替换不容易加载,并且并不总是正确反映 css 更改。