Download the Trust Wallet Chrome Browser Extension Make Plesk even better with Extensions! Get yourself extra tools, features and services to enhance the way you work, or offer more services to your customers.
Chrome Web Store Предложения · Another six month extension seems likely to be agreed on Tuesday. · The extension of the bus lane has improved travel times for commuters. · We ...
WooCommerce extensions Kotlin provides the ability to extend a class or an interface with new functionality without having to inherit from the class or use design ...
What are extensions? - Mozilla - MDN Web Docs Blender Extensions is a web based service developed by Blender Foundation that allows people to share open source add-ons for Blender.
WAVE Chrome, Firefox, and Edge Extensions Manage your extensions · On your computer, open Chrome. · At the top right, select More More and then Extensions and then Manage extensions. · Make your changes ...
Extensions / Get started - Chrome for Developers Implementing extension methods. #. Use the following syntax to create an extension: extension <extension name>? on <type> { // <extension-name> ...
GNOME Shell Extensions Extension provides non-formal education and learning activities to people throughout the country — to farmers and other residents of rural communities.
Extensions Extension-only apps have a Shopify-populated default app URL. If you want to convert your app to use embedded app pages, update the application_url in your app ...
Extensions / Get started | Chrome for Developers
2024.11.29 13:30
Get inspired Blog Docs Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere. Web Platform Capabilities ChromeDriver Extensions Chrome Web Store Chromium Aurora Web on Android Origin trials Release notes Productivity Create the best experience for your users with the web s best tools. DevTools Lighthouse Chrome UX Report Accessibility Get things done quicker and neater, with our ready-made libraries. Workbox Puppeteer Experience Design a beautiful and performant web with Chrome. AI Performance CSS and UI Identity Payments Privacy and security Resources More from the Chrome team. All documentation Baseline web.dev New in Chrome English Deutsch Español – América Latina Français Indonesia Italiano Nederlands Polski Português – Brasil Tiếng Việt Türkçe Русский עברית العربيّة فارسی हिंदी বাংলা ภาษาไทย 中文 – 简体 中文 – 繁體 日本語 한국어 Sign in Chrome Extensions Get started Overview Get Started Develop How To AI Reference API Permissions Manifest Samples Chrome Web Store Prepare your Extension Publish in the Chrome Web Store Program Policies Get inspired Blog Docs More Overview Get Started Develop How To AI Reference More Samples Chrome Web Store More New in Chrome Build with Chrome Web Platform Capabilities ChromeDriver Extensions Chrome Web Store Chromium Aurora Web on Android Origin trials Release notes Productivity DevTools Lighthouse Chrome UX Report Accessibility Workbox Puppeteer Experience AI Performance CSS and UI Identity Payments Privacy and security Resources All documentation Baseline web.dev API Permissions Manifest Prepare your Extension Publish in the Chrome Web Store Program Policies Home Docs Chrome Extensions Get started AI Stay organized with collections Save and categorize content based on your preferences.
Get started
Welcome to Chrome Extension development. Discover everything you need to start building and distributing your first Chrome Extension. Build your first extension See all tutorials
Overview
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.
How are they built?
You can build extensions using the same web technologies that are used to create web applications: HTML , CSS , and JavaScript .
What can they do?
In addition to Web APIs , extensions also have access to Chrome Extension APIs to accomplish different tasks. For a more detailed overview, take a look at the Develop guide .
Extension terminology
A Chrome extension is composed of parts that play different roles. article Manifest 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. article
Service workers
A service worker 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. article
Content scripts
Content scripts run JavaScript in the context of a web page. article
Toolbar action
Execute code when the user clicks on the extension toolbar icon or show a popup using the Action API. article
Side Panel
Display custom UI in the browser's side panel. article
DeclarativeNetRequest
Intercept, block, or modify network requests.
Publish to the Chrome Web Store
If you are building the extension for yourself, check out our getting started tutorial . If you want to publish to the Chrome Web Store, there are a few things you need to know first. palette
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. Learn more build
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. Learn more cloud_off
Include all extension logic
When writing your code, keep in mind that all logic must be included in the extension package. This means no additional JavaScript code may be downloaded at runtime. Improve extension security provides alternatives to executing remotely hosted code. Learn more
Tutorials
Choose any of the following tutorials to begin your extension learning journey. code
Your first extension
Create your first hello world extension, where you will become familiar with the extension development workflow. Start tutorial code
Run scripts on every page
Learn to automatically add elements to a specified site. Start tutorial code
Inject scripts into the active tab
Learn to simplify the style of the current page by clicking the toolbar icon. Start tutorial code
Create a tab manager
Learn to create a popup that manages your tabs. Start tutorial code
Handle events with service workers
Learn to create and debug an extension service worker. Start tutorial code
Debug your extension
Learn to find logs and error messages during debugging. Start tutorial [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]]
Contribute
File a bug See open issues
Related content
Chromium updates Case studies Archive Podcasts & shows
Follow
@ChromiumDev on X YouTube Chrome for Developers on LinkedIn RSS Terms Privacy Manage cookies English Deutsch Español – América Latina Français Indonesia Italiano Nederlands Polski Português – Brasil Tiếng Việt Türkçe Русский עברית العربيّة فارسی हिंदी বাংলা ภาษาไทย 中文 – 简体 中文 – 繁體 日本語 한국어