This sample demonstrates using the chrome.scripting API to inject JavaScript into web pages.
Once this extension is installed, clicking this extension's action icon will open an extension page.
This sample allows you to experiment with the following injection mechanisms:
- Dynamic Declarations, where a content script is registered at runtime.
- Programmatic Injection, where a script is programatically executed in a tab which is already open.
Learn more at https://developer.chrome.com/docs/extensions/mv3/content_scripts/.
Programmatic injection is handled in the service worker. A tab is opened to a specific URL (https://example.com/#inject-programmatic). When the page finishes loading, a script is then run using chrome.scripting.executeScript
.
When registering a dynamic content script, a tab is automatically opened if using the default matches URL. Otherwise, no tab is opened and the correct URL needs to be manually navigated to.