如何更改后台文件(Chrome扩展程序)中的content_scripts?

时间:2017-08-30 00:03:17

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

如何更改content_scripts(manifest.json)中声明的CSS文件?
我需要将它从background.js(style.css更改为style2.css) 有可能吗?
manifest.json:

{
	"manifest_version": 2,
	/* ... */
	/* ... */

	"background": {
		"scripts": [
			"files/script/jquery-3.2.1.min.js",
			"files/script/background.js"
		]
	},

	"permissions": [
		"tabs",
		"http://*/*",
		"https://*/*",
		"background",
		"browsingData",
		"cookies",
		"webRequest",
		"management",
		"storage"
	],
	"content_scripts": [{
		"matches": ["*"],
		"css": [
			"files/css/style.css"
		]
	}]
}

1 个答案:

答案 0 :(得分:3)

您无法在清单文件中更改声明的CSS。
但是,为了以编程方式从后台脚本运行自定义CSS,您可以使用chrome.tabs.insertCSS

// use a file
chrome.tabs.insertCSS({file: "style2.css"});

// use a CSS string
chrome.tabs.insertCSS({code: "body { background: red }" });