Chrome控制台/ devtools无法更新css属性：动态样式表操作

Question

我一直在尝试使用样式表方法（deleteRule / removeRule / insertRule）通过javascript动态操作CSS属性。它工作得很好但是当我检查 Chrome控制台时，它不会刷新新的CSS更改。

这里有一个例子： http://jsfiddle.net/Pz69E/4/
全屏示例：http://jsfiddle.net/Pz69E/4/show

它使用简单的外部样式表文件：body { background-color: black; }

脚本变为黄色，删除规则（使用deleteRule）并添加新规则（insertRule）。

如果您现在通过正文检查chrome控制台，它将具有相同的第一个属性{ background-color: black; }，而不更新新的更改。 ：（

你们知道为什么会这样吗？

谢谢！

EDITED

出于某种原因，我的例子在过去12小时内没有工作，现在它应该再次运作：http://jsfiddle.net/Pz69E/4/

期待您的回音！