gpt4 book ai didi

javascript - Chrome 和 SVGAnimatedString 导致的 TypeError

转载 作者:行者123 更新时间:2023-12-03 15:04:32 25 4
gpt4 key购买 nike

当我点击 SVG 元素时,我在 Chrome 上收到错误消息,但在 Firefox 上没有。

如果我使用 Chrome 的调试器,它会在 bubble_compiled.js(Google 的文件)中中断并显示“未捕获的类型错误:未定义不是函数”。

我知道潜在的问题源于 ''.className 返回一个 SVGAnimatedString(它没有 indexOf 方法),正确的做法是使用 .classNam e.baseVal 但同样这个错误不是我的代码的一部分相反,它是谷歌代码的一部分。

这是一个基本的例子:

<!DOCTYPE html>
<html>
<head>
<script>
function err() { alert('err'); }
</script>
</head>
<body>
<svg style="width:200px;height:200px; background-color: #00B7FF" onerror="err()"></svg>
</body>
</html>

不幸的是,这意味着我无法调试涉及与 svg 元素交互的代码,因为 Chrome 调试器会在按下鼠标时中断此错误。

有趣的是,直到两天前(5 月 14 日)我才发现这个问题,而且我已经开发此类代码好几年了。我在 Mac 上使用 Chrome 42,我尝试使用 Chrome 40.0.2214.91(64 位),但现在我遇到了同样的错误(是的,我禁用了 Chrome 自动更新:-) 我没有看到问题Firefox(带或不带调试器)。

另一个有趣的观察结果是,如果我从文件而不是 (file://) 而不是通过服务器加载上述 html,则不会发生错误。

我试图通过向 SVGAnimatedString(或其原型(prototype))添加 indexOf() 来规避它,但这是 native 代码,它不起作用。

将 onmousedown 添加到 svg 元素没有帮助,因为异常发生在我的函数被调用之前。

我现在需要的是告诉 Chrome 不要因这个错误而中断。

最佳答案

原来这个问题是由于谷歌的翻译扩展。禁用它可以解决问题。

关于javascript - Chrome 和 SVGAnimatedString 导致的 TypeError,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30279566/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com