帶有IE10的WebComponentsJS

Question

我正在嘗試使用http://webcomponents.org/中的 webcomponentsjs 。 不幸的是，有關此主題和本網站的信息非常混亂且難以確定。 網站上的瀏覽器支持列表顯示不支持IE。 但是GitHub上的矩陣說它具有IE支持，但是四個類別中的兩個是“片狀的”（它們沒有提到這是什么意思）： https : //github.com/webcomponents/webcomponentsjs

由於報告了一個錯誤（ https://github.com/webcomponents/webcomponentsjs/issues/180 ），該庫的bower版本根本無法在任何瀏覽器中使用。 該問題已解決，但似乎並未納入新版本中。 因此，我只使用了master分支中的webcomponents.js文件，它現在可以在現代網絡瀏覽器（例如Chrome和Firefox）中使用。

不幸的是，它對於IE10似乎根本不起作用（只是不呈現任何內容，但是沒有錯誤）。 然后，我嘗試了示例Web組件（ http://webcomponents.org/hello-world-element/ ），該組件也無法在IE中呈現。

縱觀GitHub的頁面，這似乎表明，這可能 ，至少部分，在IE10的工作。 我的意思是，該項目的措辭極為含糊和矛盾。

這使我 webcomponents.js 了一個問題：帶有webcomponents.js Web組件webcomponents.js可以在IE10中工作？ 具體來說，在IE10中什么不起作用？ 我知道有些事情可以做到，但是正如地獄般的應用程序所表明的那樣，並不是所有事情都可以做到。

Answer 1

vainilla形式的Web組件確實非常棘手，特別是如果您想在IE 10等環境下運行它們。我會嘗試什么（盡管幾個月前，它一直是我的解決方案，但不知道它是否是仍然可行）是安裝webcomponents.js腳本的先前版本，例如：

bower install --save webcomponents/webcomponentsjs#^0.7.0

webcomponents.js剛剛發布了其2.1.2版本。 它的目標不再是支持IE10，而是確保為所有主要的現代瀏覽器提供快速可靠的體驗。 在某種程度上，它的目標確實是支持IE10。 因此，安裝較舊的版本可能會成功。

請記住：這將降級到整個腳本。

如果您是webcomponents領域的新手，那么您會想在嘗試諸如Polymer之類的庫之前運行vainilla組件。 但是，您在這里所做的工作過於復雜：選擇運行vainilla組件還是運行IE10中的組件。 而且，學習新技術最重要的是能夠使用它並用它創建產品。 因此，也許可以使用Polymer來創建一些應用程序，直到您舒適地編寫Web組件，然后再深入研究極端情況和vainilla內容。

如果您有Web組件方面的經驗，並且剛遇到此問題，希望較早的腳本版本的方法對您有所幫助。