Chrome扩展程序 - 防止CSS被写入

Question

我正在编写Chrome扩展程序,其中一个小面板显示在现有网站的顶部.当我去某些网站时,我注意到我的面板的CSS已经被网站的CSS覆盖了.我目前正在使用Eric Meyer的CSS重置,但它似乎没有做到这一点.我还能做些什么吗？

Answer 1

这是一个有iframe的漂亮'hack',你实际上并没有实例化iframe:

1. 将一个iframe附加到DOM,这将是你爸爸的容器
2. 进入iframe并将你的html添加到body的innerHTML中
3. 它看起来像这样:

var iframe = document.createElement('iframe'); document.documentElement.appendChild(iframe); //fastest way to append to DOM: http://jsperf.com/insertbefore-vs-appendchild/2 iframe.contentDocument.body.innerHTML = '<a href="yomama.com">Normal link!!</a>';