CODEWITHSUNDEEP
javascriptgoogle-chromegoogle-chrome-extension
Light Alex
Light Alex

Reputation: 49

How to change the content_scripts in background file (Chrome Extensions)?

How can i change the CSS file declared in content_scripts (manifest.json)?
I need to change it from background.js (style.css to style2.css)
Is it possible to do that?
The 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"
		]
	}]
}

Upvotes: 2

Views: 150

Answers (1)

Denis L
Denis L

Reputation: 3292

You cannot change declared CSS in the manifest file.
But in order to run custom CSS programmatically from background script, you can use chrome.tabs.insertCSS.

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

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

Upvotes: 3

Related Questions