如何在javascript代码中找到问题

Question

昨天，我正在玩我的 JavaScript，突然我的代码中有奇怪的错误，我无法解决。我的网站加载了一个 svg 元素：<div id="content"><svg id="drawing"     title="Layouteditor"     viewBox="0 0 600 500"     xmlns="http://www.w3.org/2000/svg"     version="2.0"     preserveAspectRatio="xMidYMid meet"     onload="makeDraggable(evt)"></svg></div>使用 some console-loggign，我可以看到，它makeDraggable运行一次。在document加载 ( document.ready) 之后，我立即收到以下消息：0: 'makeDraggable' 未定义我绝对知道这个功能以前没有任何问题。我试图清空所有内容，因此只有文档 Ready 有这一行：console.log("documentReady"); 并且也makeDraggable有一行console.log("makeDraggable");这是输出：makeDraggable 8 (780,9) documentReady 8 (709,9) 0: 'makeDraggable' 未定义当然，我的站点中还有许多其他功能，但是我如何才能找出第二个调用的来源以及为什么会出错？

Answer 1

好吧，我找到了我的错。我在我的 MVC 站点中添加了一个样式表的链接。在这个样式表中，我有一个错误，我没有看到，因为样式按预期工作。似乎 SVG 在样式方面存在一些问题。我试图为文本设置样式

.CDC400 {

font: 10px sans-serif;

fill: black;

stroke-width: 0;

}

此类附加到 SVG 文本。如果我尝试填充：红色；一切正常，黑色不行？？？十六进制值也不起作用。跆拳道？

...更新，HEX 值在网站第二次刷新后起作用...