0
我想讓HTML導入工作,但只有部分運氣到目前爲止。具有本地支持的Chrome做得很好,但在火狐與來自webcomponents.org的Polyfill的CSS甚至沒有被提取,我在開發人員工具的網絡部分進行了驗證。 JS按預期加載。填充HTML導入:爲什麼CSS沒有被抓取?
下面是我在做什麼一個小例子:
<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>
我必須做一些額外的處理在polyfilled環境的CSS?
我敢肯定的是CORS相關的阻塞是不是一個問題,因爲同樣的設置在Chrome工作。任何正確的方向指針非常讚賞。
它爲我 – Supersharp
以最小的網站,我進口我能夠驗證CSS加載工作原則。現在我必須找出爲什麼它不適用於其他網站。我現在可以想到的唯一區別是存在一個cookie。 –