Chrome扩展程序:如何在注入后删除内容脚本CSS?

时间:2016-11-23 14:29:21

标签: javascript css google-chrome google-chrome-extension

我需要删除从content_scripts(manifest.json)注入的CSS文件styles.css

"content_scripts": [{
  "matches": ["*://*.youtube.com/*"],
  "css": ["styles.css"],
  "js": ["jquery-3.1.1.min.js", "content.js"]
}],

我希望在我的扩展程序中做一些解释。

首先加载styles.css,它会更改页面上的一些代码。它有效。

然后,用户想要点击按钮并关闭分机。它有效。

但是必须删除styles.css。它不起作用。

经过一段时间后,用户想要启用扩展程序,并且必须再次添加styles.css

当我试图像这样解决它时:

var style = document.createElement('link');
style.rel = 'stylesheet';
style.type = 'text/css';
style.href = chrome.extension.getURL('myStyles.css');
(document.head||document.documentElement).appendChild(style);

它运行不正常,因为当扩展程序开始时,页面将闪烁几毫秒。

1 个答案:

答案 0 :(得分:3)

我看了,找到了解决这个问题的方法。

<强>的manifest.json

a.bind(a.and(Bindings.createBooleanBinding(() -> false)));

content.js

StackOverflowError

content.js 只加载html标记中的file.css(styles.css),直到页面加载