Tengo un marcador que inserta una hoja de estilo CSS en el DOM de destino a través de una etiqueta de "enlace" (hoja de estilo externa).

Recientemente, esto dejó de funcionar en Amazon.com, solo en Internet Explorer. Funciona en otros sitios y con otros navegadores (incluso en Amazon.com). La técnica que estamos utilizando para insertar la hoja de estilo es bastante sencilla:

document.getElementsByTagName('head')[0].appendChild(s);

Where "s" es un objeto de enlace creado condocument.createElement. Incluso en Amazon, veo a través del inspector DOM de la barra de herramientas para desarrolladores de Internet Explorer que el elemento está allí. @Sin embarg si alerta a ladocument.styleSheets colección en JavaScript, no está allí.

Como prueba, traté de usar el IE solo document.createStyleSheet método pasando la URL a mi hoja de estilo como argumento. Esto arroja el error:

No hay suficiente almacenamiento disponible para completar esta operación

Puntos de interés

La documentación paradocument.createStyleSheet dice que se generará un error si hay más de 31 hojas de estilo en la página, pero (1) es un error diferente y (2) solo hay 10 hojas de estilo externas en la página. Mi búsqueda en Google del error arrojó varios callejones sin salida, y el único que sugirió algo relacionado con la hoja de estilo fueesta publicación de drupal, pero se refiere a un límite de caracteres en los estilos en línea, en oposición a un problema relacionado con los estilos externos.El mismo código, incluso elcreateStyleSheet call, funciona en otros sitios en IE.

Esto ha alcanzado el estado de "misterio completo" para mí.