开发 chrome 扩展时碰到了 injected stylesheet 问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

› Get Google Chrome

› Vimium · 在 Chrome 里使用 vim 快捷键

This topic created in 3436 days ago, the information mentioned may be changed or developed.

开发 chrome 扩展,有个选项页面,打开时样式显示错误,刷新后显示正确

经过排查,发现是打开时页面有注入的 css 样式,刷新后就会消失,排查了一下,发现并不是其他扩展的注入

想请问下是什么原因导致的这个 css 的注入,为什么刷新后又不见了呢......

Supplement 1 · Dec 2, 2016

感谢各位的热心帮助

CSS

Chrome

注入

刷新

12 replies • 2016-12-02 14:57:13 +08:00

FinnBai

Dec 2, 2016

对了 https://github.com/cnbailian/box-cooking 扩展地址

chemzqm

Dec 2, 2016

ElementUI 搞的吧，猜测，开发小插件有必要用这么重的东西吗？

yushiro

Dec 2, 2016 via iPhone

请用隐私模式，不会有任何扩展干扰你

FinnBai

Dec 2, 2016

@chemzqm 额我去测试下是不是 element 最近想学学 vue 这些东西,就都用上了

FinnBai

Dec 2, 2016

@yushiro 试了,还是会有 css 注入

MinonHeart

Dec 2, 2016

那个是 chrome 扩展页的默认样式，你需要 reset 或者 normalize 的样式

FinnBai

Dec 2, 2016

@MinonHeart 试着引入了 normalize 结果还是会出现问题, 请问下应该如何关闭这个默认样式呢

chemzqm

Dec 2, 2016

应该不是 ElementUI ，不能错怪人家，你把它样式覆盖下好了。

MinonHeart

Dec 2, 2016

@baiyi 我看了下 normalize 的 button 样式好像没多少。
chrome 扩展页面的默认样式比通常的页面的上的样式多，比如 body 的字体大小只有 75%，通常的 reset 、 normalize 都是针对页面的
找 reset 样式看看，不够在自己加点上去

FinnBai

Dec 2, 2016

@chemzqm
@MinonHeart 嗯我去手动添加一些样式覆盖它

MinonHeart

Dec 2, 2016

@baiyi 你在 manifest.json 里改一下
{
"options_ui": { "chrome_style": false }
}

这里改成 false 就没有问题
详细见： https://developer.chrome.com/extensions/optionsV2
google 大坑比，不要跟他混，不要看见 recommend 就加

FinnBai

Dec 2, 2016

@MinonHeart 谢谢带哥!!!!!!