变换：旋转（）；在 Firefox 中抛出警告

Question

我正在创建一个网页，在调试时我收到以下警告。

    Unexpected value NaN parsing y1 attribute. markup.js:356:19
    Unexpected value NaN parsing y2 attribute. markup.js:356:19
    Unexpected value NaN parsing x1 attribute. markup.js:356:19
    Unexpected value NaN parsing x2 attribute. markup.js:356:19

奇怪的是，我的 html 文件没有 markup.js 文件。不知道是什么。我将其缩小到导致这些问题的元素：

    Unexpected value NaN parsing y1 attribute. markup.js:356:19
    Unexpected value NaN parsing y2 attribute. markup.js:356:19
    Unexpected value NaN parsing x1 attribute. markup.js:356:19
    Unexpected value NaN parsing x2 attribute. markup.js:356:19

不仅如此，每次我将鼠标悬停在检查器中的元素上时，都会出现更多警告。

我使用的是 Firefox 70.0.1（64 位）。这个问题在谷歌浏览器中似乎不会发生。

预期的行为当然是不应该有任何警告。

这些消息非常烦人，我不想关闭警告。有人能告诉我这里发生了什么吗？

Answer 1

这个markup.js文件是浏览器内部开发工具的一部分。这不是您的代码负责的事情，也不是您可以修复的，更不应该关心。

DOM 荧光笔使用一些 svg 元素来渲染页面上的线条和突出显示区域。里面的东西产生了一个 NaN 值，结果证明它对 svg<line>和<linearGradient>属性无效。

每次设置此类无效属性时都会显示此警告，如果您愿意，可以自行触发：

const line = document.createElementNS('http://www.w3.org/2000/svg', 'line');
line.setAttribute('x1', NaN);

Open Firefox's dev tools to see the warning.

但同样，您的代码不对这个警告负责。您的用户只有在突出显示元素时才会看到它。即它不是你想要多关心一分钟的事情。

如果你有空闲时间，欢迎你在mozilla 的 bugzilla上打开一个问题（很惊讶我已经找不到一个了......）