PrefixFree.js正在我的页面上加载额外的“幻影”样式。

Question

最近，我在我的所有网站上都使用了优秀的PrefixFree，总的来说，它的工作原理就像一种魅力。但是今天，我发现了一个非常非常奇怪的问题--在我的网站的几页上，当脚本出现时，一组额外的样式会与页面上的其他样式冲突加载，并且会把布局搞得一团糟。

我无法确定这些附加样式来自何处--它们不是我在这些特定页面上链接到的任何样式表的一部分。如果我将PrefixFree从页面中删除或注释掉，它们就会立即消失，所有内容都会再次正确显示。

据我所知，PrefixFree的工作方式是在当前页面上查找<link>和<style>元素并对它们进行解析。那么，它怎么会导致额外的样式应用到不存在的页面上呢？

Answer 1

啊哈！我发现带有“幻影”样式的页面指的是两个不再存在的样式表。我删除了对这些样式表的引用，现在页面显示正确，脚本仍在。

一方面，这解决了问题；另一方面，我仍然不知道这些额外的样式是从哪里来的。它们不是被删除的样式表的一部分，所以它甚至不像脚本是在缓存副本或任何东西上运行。在我的网站上，我仍然找不到这些样式的任何痕迹。

奇怪，但我会认为这解决了，因为它确实解决了我的问题！