Firefox:样式表在开发者工具中多次出现

我在一个示例网站上有一些链接的样式表( https://responsive.webcraft101.com/index.html )。其中一个链接将被打开和关闭,因此它包括 id :

<link id="sketch" rel="stylesheet" type="text/css" href="styles/sketch.css">

我在 header 元素,用于禁用和启用样式表。简化版本为:

var ss = document.querySelector('link#sketch');
var header = document.querySelector('header');
header.onclick = event => { ss.disabled = !ss.disabled; } ;

它足够好用了。然而,当我查看Firefoxs开发工具中的样式表时 sketch.css 每次都会将样式表添加到列表中 disabled 设置为 false 。

这是否表明流程有问题?我该如何阻止这种情况的发生?

编辑

这种情况在我的Mac上有很多插件,在我的Windows上甚至禁用了插件。