Chrome Extension Make it run every page load

Question

I want to make a chrome extension that executes some scripts after one page is loaded  I am not sure whether I have to implement this logic on the background page or it can be anywhere else  any help here will be greatly appreciated

User · Answer

If it needs to run on the onload event of the page  meaning that the document and all its assets have loaded  this needs to be in a content script embedded in each page for which you wish to track onload

User · Answer

You can put your script into a content-script  see   content-script

User · Answer

From a background script you can listen to the chrome tabs onUpdated event and check the property changeInfo status on the callback  It can be loading or complete  If it is complete  do the action   Example   chrome tabs onUpdated addListener  function  tabId  changeInfo  tab      if  changeInfo status     complete             do your things           Because this will probably trigger on every tab completion  you can also check if the tab is active on its homonymous attribute  like this   chrome tabs onUpdated addListener  function  tabId  changeInfo  tab      if  changeInfo status     complete   amp  amp  tab active            do your things

User · Answer

This code should do it   manifest json              name    Alert  hello world   on page opening          version    1 0          manifest version   2         content scripts                          matches                   lt all urls gt                           js     content js                             content js  alert  Hello world

[javascript] Chrome Extension: Make it run every page load

Examples related to javascript

Examples related to google-chrome

Examples related to google-chrome-extension