Я работаю над кросс-браузерным букмарклетом, в котором мне нужно вставить свою собственную таблицу стилей на страницу, а также различные элементы 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 Developer Tools, он не показывает ЛЮБЫЕ свойства из таблицы стилей, которую я добавил динамически, а только те, которые в attr style = "{}".
Кроме того, mystyle.css не отображается в раскрывающемся списке на вкладке CSS, но в нем есть соответствующий элемент в заголовке, и стили в нем правильно применяются к dom.
Есть мысли о том, как заставить инструменты разработчика распознавать мой новый лист?Бессмысленно пытаться отлаживать css без возможности напрямую манипулировать им в браузере.