parsing - 如何在 Firefox 中调试错误的 SVG 解析？ (即错误控制台中的 "Unexpected value X parsing Y attribute")

Question

摘要:

我想查看更详细的 XML/SVG 解析错误消息。我想知道错误发生在哪里。我怎样才能做到这一点？

背景:

我正在 Firefox 中处理一些复杂的 javascript 生成的 SVG。在我开发过程中，有时在寻找一个大的问题时，我会在 Firefox 错误控制台(或 firebug)中看到错误“Unexpected value NaN parsing y attribute”。这很清楚。但是，Firebug 中没有显示行号和代码 - 基本上无法追踪此错误发生的位置。

使用简单的 JS，只需追踪错误代码即可。然而，随着我的 JS 变得越来越复杂，我确实需要能够看到数百条潜在行中的哪一行导致了这种情况。

理想情况下，我希望以与查看 JS 错误或 HTML 错误相同的方式查看此解析错误:

Unexpected value NaN parsing y attribute.
Line 103:    svgElement.setAttribute('x', some_bad_js_variable);

有什么办法可以做到这一点吗？即使知道哪个 SVG 元素受到影响也会有所帮助，除了“某处出现错误”之外的任何信息。谢谢!

Answer 1

近三年后，使用 Firefox 29.0.1，我遇到了同样的困难。我最终注释掉了连续的代码块，直到找到有问题的行。

FWIW，就我而言，Firefox 不喜欢我创建了一个具有空白属性的节点:

    <clipPath id="chart_area">
       <rect x="" y="" width="" height=""/>
    </clipPath>

一旦我删除了属性或将它们设置为任何值，问题就消失了。我很惊讶，因为我原以为错误会出现在 Javascript 中。我希望这对其他人有帮助。