怎样注入一个 DOM 元素，不受继承的 CSS 的影响 ?

2018-05-29 11:19:39 +08:00
 wwjvtwoex

我正在做一个翻译单词的浏览器扩展，需要在任意网站上注入一个翻译窗口，要防止当前网站的 CSS 影响翻译窗口的外观，所以提出这个问题。

还有两个方案，都不理想

1 插入一个 iframe，不会受到当前网站 CSS 的影响

2 插入 一个自定义元素 <foo></foo>

4687 次点击
所在节点    JavaScript
23 条回复
chenyu8674
2018-05-29 15:39:37 +08:00
用 canvas 画一个 [doge]
gxm44
2018-05-29 15:52:47 +08:00
shadow dom
codehz
2018-05-29 23:40:43 +08:00
把源站放 iframe 里（

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/458592

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX