ios - iOS 版 Chrome 中的 Polymer - 它不工作，对吗？

Question

我对 Polymer 感到非常兴奋，并开始开发网络应用程序。我很快发现 Firefox 无法正确加载该站点，有关详细信息，请参阅此 SO 帖子:

Polymer: Layout screwed up in Firefox, fine in Chrome

然后，我在 iPhone 4 (iOS7) 上下载了最新版本的 Chrome，在 iPhone 6 (iOS8) 上也下载了同样的东西，并尝试了该网站。我看到的错误与我在 Firefix 上看到的错误相同(请参阅上面的链接)。

换句话说，使用 iOS 版 Chrome 访问我基于 Polymer 的网站失败与 Firefox 失败一样糟糕。

• 因此，我只想确认情况确实如此:Polymer 无法在 iOS 上运行(Safari 不支持，iOS 版 Chrome 不支持)。正确吗？

正如我在上面链接的其他 SO 问题中也指出的那样，由于“polyfill”，我希望它能在所有浏览器中运行，但这似乎没有帮助。

我错过了什么吗？ =)

注意:使用 Chrome for Android 工作正常，没有错误。

Answer 1

正如我在另一个线程中提到的，不可能填充 CSS 范围。 iOS 上的 Chrome 实际上不是 Chrome，它是使用 iOS WebView(那是一个旧的)构建的，这意味着没有原生的 Shadow DOM 也没有 CSS 范围。 Shadow DOM polyfill 确实正确包装了 DOM API 方法，例如 querySelector 和 getElementById，因此在这方面您确实得到了有限封装。但是对于 CSS，polyfill 唯一能做的就是重命名你的选择器，所以 :host .blah 被重命名为 x-foo .blah 并附加到头部的样式标签。这意味着您仍然需要编写防御性 CSS(就像您今天所做的那样)并避免非常松散的选择器，因为它们将被应用。