2016-04-18 77 views
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工作。任何正確的方向指針非常讚賞。

+0

它爲我 – Supersharp

+0

以最小的網站,我進口我能夠驗證CSS加載工作原則。現在我必須找出爲什麼它不適用於其他網站。我現在可以想到的唯一區別是存在一個cookie。 –

回答