This Chrome extension is a sample project demonstrating the use of Manifest V3 for building modern Chrome extensions. It includes a popup, a content script, a background script, an options page, and associated styling and scripting for these components.
The project was built with ChatGPT for learning and demonstration purposes.
Refer to the shared ChatGPT chat regarding the entire step-by-step process for creating this project at: https://chat.openai.com/share/fac3be61-302c-478a-ad70-e20c951be082
- Popup: Click on the extension icon to open a popup.
- Content Script: Logs a message to the console of the current webpage.
- Background Script: Logs a message to the console on extension installed.
- Options Page: Logs a message to the console with options page opened.
To install this extension in Chrome, follow these steps:
- Clone or download this repository to your local machine.
- Open the Chrome browser and navigate to
chrome://extensions/
. - Enable "Developer mode" by toggling the switch in the top-right corner.
- Click the "Load unpacked" button and select the directory of this extension (the folder containing the
manifest.json
file). - The extension should now appear in your list of extensions and can be used immediately.
- Click on the extension icon in the toolbar to open the popup.
- Navigate to any webpage and open the developer console to see messages logged by the content script.
- Right-click the extension icon and select "Options" to open the options page and save an example setting.
Feedback and contributions are welcome. Please feel free to submit issues or pull requests through the project's GitHub repository.