0
Ich versuche, HTML-Importe zu arbeiten, aber bisher nur Teilglück. Chrome mit seiner nativen Unterstützung macht einen guten Job, aber in z. Firefox mit dem Polyfill von webcomponents.org wird das CSS gar nicht geholt, was ich im Netzwerkbereich der Entwicklerwerkzeuge verifiziert habe. Der JS wird wie erwartet geladen.Polyfilled HTML-Importe: Warum wird das CSS nicht abgerufen?
ist hier ein minimales Beispiel von dem, was ich tue:
<head>
<script src="webcomponents.min.js"></script>
<link rel="import" id="htmlImport" href="http://some-site.com">
</head>
<body>
<div id="component"></div>
<script type="text/javascript">
window.addEventListener('HTMLImportsLoaded', function(e) {
var imported = document.getElementById('htmlImport').import;
if (typeof imported !== 'undefined') {
document.getElementById('component')
.appendChild(document.importNode(
imported.getElementById('container'), true));
}
});
</script>
</body>
Muss ich zu tun haben, die CSS in der polyfilled Umgebung etwas extra zu behandeln?
Ich bin mir ziemlich sicher, dass CORS bezogene Blockierung kein Problem ist, da das gleiche Setup in Chrome funktioniert. Alle Hinweise in die richtige Richtung werden sehr geschätzt.
Es funktioniert für mich – Supersharp
Mit einer minimalen Seite, die ich importierte, konnte ich überprüfen, dass CSS-Laden im Prinzip funktioniert. Jetzt muss ich herausfinden, warum es für diese andere Seite nicht funktioniert. Der einzige Unterschied, an den ich jetzt denken kann, ist das Vorhandensein eines Kekses. –