我正在尝试使用 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 polyfill 的网络组件是否可以在 IE10 中工作？具体来说，什么在 IE10 中不起作用？我知道有些事情是这样的，但正如 hell 世界应用程序所表明的那样，并不是所有事情都这样。
最佳答案
Webcomponents 的 vainilla 形式真的很棘手，特别是如果你想在 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 组件会很棒，之后，让我们深入研究边缘情况和无用的东西。
如果您有使用 webcomponents 的经验并且刚遇到这个问题，我希望旧脚本版本的方法对您有所帮助。
关于javascript - WebComponentsJS 与 IE10，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29547636/