动态添加的样式表未显示在IE Developer Tools中

Question

我正在开发一个跨浏览器的书签，我需要将自己的样式表注入页面以及各种div等。我已经让它在任何地方工作但IE现在正在尝试调试一些那里的造型问题。

我在用户点击我的书签后将我的css添加到文档中，如下所示：

if (document.createStyleSheet){
    document.createStyleSheet("http://mydomain.com/css/mystyle.css");
} else {
    $('head').append('<link rel="stylesheet" href="http://mydomain.com/css/mystyle.css" type="text/css" />');
}

正在提取文件并将其应用于div等我在页面上创建，但是当我在IE 9开发人员工具中检查元素时，它没有向我显示动态添加的样式表中的任何属性，只显示了style =“{}”attr。

此外，mystyle.css没有显示在CSS选项卡的下拉列表中，但它在头部确实有一个相应的元素，并且其中的样式正确地应用于dom。

有关如何强制开发工具识别我的新工作表的任何想法？试图调试没有能够直接在浏览器中操作它的css是令人生气的。

Answer 1

您是否点击了开发者工具中的刷新按钮？它不刷新页面，它从当前页面重新加载dom。