我试图让 HTML Imports 工作，但到目前为止只有部分运气。具有原生支持的 Chrome 做得很好，但在例如带有来自 webcomponents.org 的 Polyfill 的 Firefox 中，甚至没有获取 CSS，我在开发人员工具的网络部分验证了这一点。JS 按预期加载。
这是我正在做的一个最小的例子：
<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>
我需要做一些额外的事情来处理 polyfill 环境中的 CSS 吗？
我很确定与 CORS 相关的阻塞不是问题，因为相同的设置适用于 Chrome。非常感谢任何正确方向的指针。