How to run background script of chrome extension on every web page page load?

Question

I have created a background script which runs on short keys and click on the extension icon but, now I want to run it on every web page load.

It depends on what exactly you want it to do on each page load. Depending on that you may need a listener like chrome.tabs.onUpdated (example) or an entirely separate content script. — woxxom
– woxxom, Commented Sep 25, 2019 at 5:25
I need to tack a screenshot. now I using this API "chrome.browserAction.onClicked.addListener" — Mittal Ahir
– Mittal Ahir, Commented Sep 25, 2019 at 5:26
Here I want to take a screenshot of every webpage, after refresh extension it automatically runs and takes a screenshot without a click on the extension icon. Hope You Understood now! — Mittal Ahir
– Mittal Ahir, Commented Sep 25, 2019 at 5:30
I see, but Chrome doesn't allow extensions to make screenshots silently without user confirmation to prevent malware from spying on users. AFAIK the only solution is to use chrome.debugger API to send Page.captureScreenshot command, but that will show a warning panel about extension debugging above each tab. — woxxom
– woxxom, Commented Sep 25, 2019 at 5:40
Ah, you can hide the warning by running chrome with --silent-debugger-extension-api command line. — woxxom
– woxxom, Commented Sep 25, 2019 at 5:50

Tom Shaw · Accepted Answer · 2019-09-26 10:44:14Z

The background script already loads on every page request. If your looking to update the data between the background script and content script in your background process you need to create two listeners, the second is usefull when multiple tabs are open. Remember data in your popup can be retrieved by simply calling chrome.extension.getBackgroundPage()

background.js

chrome.tabs.onUpdated.addListener(() => { chrome.tabs.sendMessage(info.tabId, { message: 'DO_SOMETHING_MESSAGE' }); }) chrome.tabs.onActivated.addListener(() => { chrome.tabs.sendMessage(info.tabId, { message: 'DO_SOMETHING_MESSAGE' }); })

content.js should function similar to this.

const processContent = () => { // do whatever here. let data = {message: UPDATE_BACKGROUND_DATA} chrome.runtime.sendMessage(data); } // run when messages sent from background.js chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { if (request.message === 'DO_SOMETHING_MESSAGE') { processContent(); } }); // run onload processContent();

And finally, back in your background script create a listener that listens for any updated data.

chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => { if (msg.message === UPDATE_BACKGROUND_DATA) { // update background vars } })

Collectives™ on Stack Overflow

How to run background script of chrome extension on every web page page load?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related