WebComponentsJS与IE10

Question

我试图webcomponentsjs从http://webcomponents.org/使用.不幸的是,关于这个主题和本网站的信息非常混乱,难以确定.网站上的浏览器支持矩阵表示没有IE支持.然而,GitHub上的矩阵表示它支持IE,但四个类别中有两个是"片状"(他们没有提到这意味着什么):https://github.com/webcomponents/webcomponentsjs

bower由于报告的错误(https://github.com/webcomponents/webcomponentsjs/issues/180),该库的版本在任何浏览器中都不起作用.问题已得到解决,但似乎没有进入新版本.所以我只使用了webcomponents.jsmaster分支中的文件,它现在可以在Chrome和Firefox等现代Web浏览器中使用.

不幸的是,它似乎根本不适用于IE10(只是简单地渲染,但没有错误).然后我尝试了示例Web组件(http://webcomponents.org/hello-world-element/),并且在IE中也没有呈现.

看看GitHub页面,它似乎表明这可能至少部分地在IE10中起作用.我的观点是,这个项目的措辞极其模糊和矛盾.

这引出了我的问题: 使用webcomponents.jspolyfill的Web组件是否可以在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。因此，安装旧版本可能会成功。

请记住：这将是整个脚本的降级。

如果您是 Web 组件世界的新手，我知道您希望在尝试使用 Polymer 等库之前运行一个 vainilla 组件。但您在这里所做的事情过于复杂：在运行 vainilla 组件或在 IE10 中运行组件之间进行选择。而且，学习新技术最重要的是能够使用它并用它创造产品。因此，也许使用 Polymer 创建一些应用程序，直到您能够轻松编写 Web 组件，这会很棒，然后，让我们深入研究边缘情况和徒劳的东西。

如果您对 Web 组件有经验，并且刚刚遇到这个问题，我希望旧脚本版本的方法可以帮助您。