Javascript 聚合：自定义元素未隐藏标记，css

当我第一次阅读Polymer的基础知识时，我认为Polymer标签中的所有内容（html、css、js）都隐藏在阴影DOM中。在用一个简单的例子进行了一点练习之后，我意识到我添加到自定义元素中的所有标记都可以作为轻型DOM元素看到，而不是隐藏

我试过一种旧版本的聚合物，它似乎正符合我的预期！但是我有一些浏览器兼容性问题。我对这一切都很困惑

如果自定义元素中的所有内容都应该隐藏在阴影DOM中，为什么我的css和标记是“公开的”，而不是隐藏或封装的？

---

谢谢

您看到的是Shadow DOM polyfill，而不是本机Shadow DOM。在“多边形填充”下，Polymer将在阴影DOM中定义的节点渲染为元素的子节点。没有办法真正模仿SD的封装特性。polyfill尽其所能

要查看本机ShadowDOM，请使用Chrome Canary并在about:flags中打开“实验性web平台功能”标志。好消息是，当原生阴影DOM在浏览器中可用时（很快用于Chrome，soonish用于FF），Polymer将使用它，并且您的元素确实将被封装

背景：

---

Chrome在M25中发布了ShadowDOM的早期版本。这已经被弃用了。很可能您所说的Polymer的早期版本使用的是旧API（

webkitCreateShadowRoot

）。

您看到的是Shadow DOM polyfill，而不是本机Shadow DOM。在“多边形填充”下，Polymer将在阴影DOM中定义的节点渲染为元素的子节点。没有办法真正模仿SD的封装特性。polyfill尽其所能

要查看本机ShadowDOM，请使用Chrome Canary并在about:flags中打开“实验性web平台功能”标志。好消息是，当原生阴影DOM在浏览器中可用时（很快用于Chrome，soonish用于FF），Polymer将使用它，并且您的元素确实将被封装

背景：

---

Chrome在M25中发布了ShadowDOM的早期版本。这已经被弃用了。很可能您所说的Polymer的早期版本使用的是旧API（

webkitCreateShadowRoot

）。

您看到的是Shadow DOM polyfill，而不是本机Shadow DOM。在“多边形填充”下，Polymer将在阴影DOM中定义的节点渲染为元素的子节点。没有办法真正模仿SD的封装特性。polyfill尽其所能

要查看本机ShadowDOM，请使用Chrome Canary并在about:flags中打开“实验性web平台功能”标志。好消息是，当原生阴影DOM在浏览器中可用时（很快用于Chrome，soonish用于FF），Polymer将使用它，并且您的元素确实将被封装

背景：

---

Chrome在M25中发布了ShadowDOM的早期版本。这已经被弃用了。很可能您所说的Polymer的早期版本使用的是旧API（

webkitCreateShadowRoot

）。

您看到的是Shadow DOM polyfill，而不是本机Shadow DOM。在“多边形填充”下，Polymer将在阴影DOM中定义的节点渲染为元素的子节点。没有办法真正模仿SD的封装特性。polyfill尽其所能

要查看本机ShadowDOM，请使用Chrome Canary并在about:flags中打开“实验性web平台功能”标志。好消息是，当原生阴影DOM在浏览器中可用时（很快用于Chrome，soonish用于FF），Polymer将使用它，并且您的元素确实将被封装

背景：

Chrome在M25中发布了ShadowDOM的早期版本。这已经被弃用了。很可能您所说的Polymer的早期版本使用的是旧API（

webkitCreateShadowRoot

）