如何在Firefox中调试错误的SVG解析？(即错误控制台中的"意外值X解析Y属性")

Question

摘要:

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

背景:

我在Firefox中使用一些复杂的javascript生成的SVG.正如我正在开发的那样,有时在搜索大的时候我会看到Firefox错误控制台(或firebug)中的错误"意外的值NaN解析y属性".这很清楚.但是,没有行号,Firebug中没有显示代码 - 基本上无法追踪此错误发生的位置.

使用简单的JS,这是一个跟踪坏代码的问题.然而,随着我的JS变得越来越复杂,我真的需要能够看到数百个潜在行中的哪一行导致了这一点.

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

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

有没有办法做到这一点？即使知道哪个SVG元素受到影响也会有所帮助,除了"某处出现错误"之外的任何内容.谢谢!

Answer 1

在 bugzilla 中提出错误并要求将元素标签名称添加到错误消息中：https://bugzilla.mozilla.org/enter_bug.cgi ?product=Core&component=SVG

添加行号会更困难。如果你也想要这个，那么专门为它创建另一个错误，因为你不太可能得到它。