有没有办法让 Mozilla 显示 SVG 源代码?

Is there any way to get Mozilla to show the SVG source?

我正在调试一个有时会生成 SVG 图的应用程序。目前 SVG 在某种程度上是畸形的。想看SVG源码,也就是SVG图的文字,就是XML.

mime-type header 是 'image/svg+xml' 这对于 SVG 图是正确的。主 Mozilla 浏览器显示解析错误。

当我进入开发者模式时,network 选项卡,我可以看到对 SVG 的请求,我可以看到发送的 headers,以及 headers 回来了,但是当我尝试查看 response content 时,它会再次尝试渲染图形,但它不能,所以它只显示一个 "broken image" 图标。

有什么方法可以说服 Mozilla 只显示响应 body 的 XML 而不是尝试将其呈现为图像?有什么方法可以关闭开发者模式下的图像渲染吗?

在开头添加 view-source:,或者使用 curl 或 telnet 下载源代码,然后在您选择的编辑器中查看它。

您可以通过两种方式在 Firefox 中获取源代码:

  1. 复制回复 Right-click 请求 > 复制 > 复制响应 复制 SVG,然后您可以将其粘贴到您喜欢的编辑器中并检查有什么问题。

  2. 在浏览器中查看源代码 Right-click 请求 > 在新标签页中打开

    这应该已经为您提供了如下错误消息:

    要在选项卡中查看来源 right-click > 查看页面来源 或按 Ctrl+ U.