0
J'essaie de faire fonctionner HTML Imports, mais seulement une chance partielle jusqu'à présent. Chrome avec son support natif fait un bon travail, mais par ex. Firefox avec le Polyfill de webcomponents.org le CSS n'est même pas récupéré, ce que j'ai vérifié dans la section réseau des outils de développement. Le JS est chargé comme prévu.Importations HTML Polyfillées: Pourquoi le CSS n'est-il pas récupéré?
Voici un exemple minimal de ce que je fais:
<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>
Dois-je faire quelque chose de plus pour gérer le CSS dans l'environnement polyfilled? Je suis tout à fait sûr que le blocage lié à CORS n'est pas un problème, puisque la même configuration fonctionne dans Google Chrome. Tous les pointeurs dans la bonne direction sont grandement appréciés.
Cela fonctionne pour moi – Supersharp
Avec un site minimal que j'ai importé, j'ai pu vérifier que le chargement CSS fonctionne en principe. Maintenant, je dois découvrir pourquoi cela ne fonctionne pas pour cet autre site. La seule différence que je peux penser maintenant est la présence d'un cookie. –