Files
chrome-extensions-samples/api-samples/scripting
Sebastian Benz ad857a253b eslint: validate script imports (#854)
Add https://github.com/import-js/eslint-plugin-import for validing
script imports (eslint will fail if imported file does not exist).

Also fixes prettier errors in api-samples.
2023-03-20 17:26:02 +01:00
..

chrome.scripting API

This sample demonstrates using the chrome.scripting API to inject JavaScript into web pages.

Overview

Once this extension is installed, clicking this extension's action icon will open an extension page.

Screenshot showing the chrome.scripting API demo running in Chrome.

Features

This sample allows you to experiment with the following injection mechanisms:

Learn more at https://developer.chrome.com/docs/extensions/mv3/content_scripts/.

Implementation Notes

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.