我正在编写一个将 HTML 注入(inject)显示页面的 Chrome 扩展程序。我希望注入(inject)的 HTML 具有自己的样式,不受主机页面中可能存在的 CSS 的影响。
我尝试过使用传统的 CSS,但仍然遭受来自主机页面的样式损坏的困扰。
看完 I/O 15 的 Polymer 演示后,我想知道是否有任何新的 Chrome 特定技术可以用来实现这一目标?
最佳答案
您需要研究的是 shadow-dom
。这将使您能够创建一个小部件/组件(这将是您注入(inject)的 html)。这意味着小部件/组件的 DOM 树是封装的,页面的外部样式不会影响它。 html5rocks上有一篇很好的文章覆盖这个。您可能还想查看 WebComponents .请记住,此功能仅在最新版本的浏览器中可用。
关于css - 是否有任何特定于 Chrome 的技术来范围/隔离 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30750902/