【问题标题】:How to see the preview of an HTML file logged to the console in Firefox DevTools?如何在 Firefox DevTools 中查看记录到控制台的 HTML 文件的预览?
【发布时间】:2017-01-31 21:52:31
【问题描述】:

在 Firebug 的控制台中,您曾经能够展开记录的网络请求以查看请求和响应信息。

Response 标签下,您可以选择将响应视为原始数据或 HTML。 HTML 预览很方便,因为如果响应包含错误,则更容易阅读错误内容,而无需看到大量 HTML 标记。

Firefox DevTools 中的控制台也会显示请求和响应数据,但在 Response 下只显示原始数据。

有没有办法像在 Firebug 中一样以 HTML 预览的形式查看响应?

PS:到目前为止,我可以看到 HTML 预览的唯一方法是将标记粘贴到文件中并在浏览器中打开它,这可行,但比仅在开发人员工具中查看要慢。

【问题讨论】:

    标签: firefox firefox-developer-tools


    【解决方案1】:

    记录到控制台的请求不提供该功能,但如果您单击记录的请求的 URL,您将切换到具有 预览 侧面板的 Network Monitor

    此外,已经有一个request for adding the preview also to the Web Console

    【讨论】:

    • 一开始我找不到预览,因为它被设置为标题。这正是我一直在寻找的。谢谢。我希望他们尽快添加这个功能,因为我在 firebug 中已经习惯了。感谢您编辑我的帖子。我很难清楚地列出信息。
    • 很高兴我能帮上忙!我已经是pushing on fixing all the gaps between Firebug and the DevTools。由于这个问题有一个简单的解决方法(并且网络监视器通常是检查网络请求时更好的工具),但我认为它的优先级低于其他缺少的 Firebug 功能。
    • @SebastianZartner 我在“网络”选项卡上找不到“预览”面板......它被删除了吗?我有 mozilla v55.0.3
    • 是的,不幸的是,由于错误地假设它重复了功能,面板得到了removed in Firefox 55。目前有人正在努力添加new preview within the Response panel
    猜你喜欢
    • 2021-10-28
    • 1970-01-01
    • 2021-11-30
    • 1970-01-01
    • 1970-01-01
    • 2021-11-12
    • 2017-02-23
    • 2013-10-18
    • 1970-01-01
    相关资源
    最近更新 更多