Welcome to Chrome Extension development. Discover everything you need to start building and distributing your first Chrome Extension.
What are extensions?
Chrome extensions enhance the browsing experience by customizing the user interface, observing browser events, and modifying the web. Visit the Chrome Web Store for more examples of what extensions can do.
The extension's manifest is the only required file that must have a specific file name: manifest.json. It also has to be located in the extension's root directory. The manifest records important metadata, defines resources, declares permissions, and identifies which files to run in the background and on the page.
A service workers runs in the background and handles browser events, like removing a bookmark, or closing a tab. They don't have access to the DOM, but you can combine it with an offscreen document for this use case.
Execute code when the user clicks on the extension toolbar icon or show a popup using the Action API.
Design a high-quality extension
When choosing which features to support, make sure your extension fulfills a single purpose that is narrowly defined and easy to understand.
Become familiar with the policies
Extensions distributed on the Chrome Web Store must comply with the developer program policies. Explore these policies to ensure your extension can be hosted in the Chrome Web Store.
Include all extension logic
Your first extension
Create your first hello world extension, where you will become familiar with the extension development workflow.
Run scripts on every page
Learn to automatically add elements to a specified site.
Inject scripts into the active tab
Learn to simplify the style of the current page by clicking the toolbar icon.
Create a tab manager
Learn to create a popup that manages your tabs.
Handle events with service workers
Learn to create and debug an extension service worker.
Debug your extension
Learn to find logs and error messages during debugging.