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

V2EX = way to explore

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

现在注册

已注册用户请登录

› Get Google Chrome

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

这是一个创建于 2905 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

第 1 条附言 · 2016-12-02 14:23:35 +08:00

感谢各位的热心帮助

CSS

Chrome

注入

刷新

12 条回复 • 2016-12-02 14:57:13 +08:00

baiyi

2016-12-02 12:14:02 +08:00

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

chemzqm

2016-12-02 12:43:43 +08:00

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

yushiro

2016-12-02 13:00:36 +08:00 via iPhone

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

baiyi

2016-12-02 13:00:50 +08:00

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

baiyi

2016-12-02 13:01:17 +08:00

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

MinonHeart

2016-12-02 13:18:18 +08:00

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

baiyi

2016-12-02 13:41:09 +08:00

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

chemzqm

2016-12-02 14:01:03 +08:00

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

MinonHeart

2016-12-02 14:12:02 +08:00

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

baiyi

2016-12-02 14:24:27 +08:00

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

MinonHeart

2016-12-02 14:46:00 +08:00

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

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

baiyi

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

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