What exactly are content script and background script in the Chrome extension?

google-chrome google-chrome-extension background content-script
Parag Bandewar picture Parag Bandewar · Jan 27, 2017 · Viewed 14.8k times · Source

I am working on a Chrome extension to auto-fill the demo data. I have created the JavaScript file xyz.js for auto-filling the data.

I am executing the script by clicking on the button with chrome.tabs.executeScript(tabs[0].id, {file: "xyz.js"}); and I am getting the required output.

I am not using a content script or background script. What benefits I will get by using a content script or background script?

Answer

Chirag Arora picture Chirag Arora · Jan 27, 2017

First of all, you are indeed using a content script. Here you are just controlling the execution of the content script through an event.

background scripts are something that run in background and listen for triggers while the user interacts with the chrome browser (such as listening for a click event on a tab)

While content scripts are the one's that actually interacts with the webpage (essentially DOM elements).

Now, the difference between your method and including them in manifest is that if they are included in manifest, the content scripts will load as soon as the page loads and hence(in this case) will auto-fill data simultaneously, while chrome.tabs.executeScript(tabs[0].id, {file: "xyz.js"}); will load the content script upon a certain triggering event and hence(in this case) auto-fill data on a trigger(such as on button click).

Here are all the methods to inject content scripts.

Related questions

Chrome sendrequest error: TypeError: Converting circular structure to JSON

I've got the following... chrome.extension.sendRequest({ req: "getDocument", docu: pagedoc, name: 'name' }, function(response){ var efjs = response.reply; }); which calls the following.. case "getBrowserForDocumentAttribute": alert("ZOMG HERE"); sendResponse({ reply: getBrowserForDocumentAttribute(request.docu,request.name) }); break; However, my code never …

Read More
Where does Chrome store extensions?

I looked in: C:\Documents and Settings\username\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions for unpacked extensions, but that folder is empty for me. For newer versions, where does Chrome store the files?

Read More
Does mobile Google Chrome support browser extensions?

Can I create a plugin or an extension for Google Chrome MOBILE (Android Google Chrome)? If not, can I create an extension for Google Chrome (desktop), which will add a button in Google Chrome bar. This button will open the …

Read More