error de seguridad la operación es insegura en firefox document.stylesheets
El siguiente código arroja un error en la consola de Firefox en la línea con la continuación.
SecurityError: The operation is insecure.
if( !sheet.cssRules ) { continue; }
Sin embargo, en Chrome e IE 11 no ... ¿Alguien puede explicar el por qué? (Y también cómo volver a trabajar para que sea seguro). Supongo que este es un problema de dominio cruzado, pero no sé cómo volver a trabajar el código correctamente.
var bgColor = getStyleRuleValue('background-color', 'bg_selector');
function getStyleRuleValue(style, selector, sheet) {
var sheets = typeof sheet !== 'undefined' ? [sheet] : document.styleSheets;
for (var i = 0, l = sheets.length; i < l; i++) {
var sheet = sheets[i];
if( !sheet.cssRules ) { continue; }
for (var j = 0, k = sheet.cssRules.length; j < k; j++) {
var rule = sheet.cssRules[j];
if (rule.selectorText && rule.selectorText.split(',').indexOf(selector) !== -1)
return rule.style[style];
}
}
return null;
}