GoogleChrome/chrome-extensions-samples

Stars
14,888
Rank 1,987 (Top 0.04 %)
Language
JavaScript
License
Apache License 2.0
Created over 12 years ago
Updated 4 months ago

GoogleChrome/chrome-extensions-samples

GoogleChrome

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Chrome Extensions Samples

Chrome Extensions samples

Official samples for Chrome Extensions and the Chrome Apps platform. Note that Chrome Apps are deprecated. Learn more on the Chromium blog.

For more information on extensions, see Chrome Developers.

Note: Samples for Manifest V3 are still being prepared. In the mean time, consider referring to _archive/mv2/.

Samples

The directory structure is as follows:

api-samples/ - extensions focused on a single API package
functional-samples/ - full featured extensions spanning multiple API packages
_archive/apps/ - deprecated Chrome Apps platform (not listed below)
_archive/mv2/ - resources for manifest version 2

To experiment with these samples, please clone this repo and use 'Load Unpacked Extension'. Read more on Development Basics.

Sample	Calls
Hello Extensions `tutorial.hello-world`	Extension popup
Page Redder `sample.page-redder`	action.onClicked scripting.executeScript
My Bookmarks `sample.bookmarks`	bookmarks.create bookmarks.getTree bookmarks.remove bookmarks.update
Chromium Milestones `sample.milestones`	default_popup tabs.query
Cookie Clearer `api-samples/cookies/cookie-clearer`	cookies.getAll cookies.remove tabs.query
Omnibox - New Tab Search `api-samples/omnibox/new-tab-search`	omnibox.onInputEntered tabs.create
Web Accessible Resources `api-samples/web-accessible-resources`	action.onClicked runtime.getURL runtime.onInstalled runtime.onInstalledReason tabs.create web_accessible_resources

Contributing

Please see the CONTRIBUTING file for information on contributing to the chrome-extensions-samples project.

License

chrome-extensions-samples are authored by Google and are licensed under the Apache License, Version 2.0.

lighthouse

Automated auditing, performance metrics, and best practices for the web.

workbox

📦 Workbox: JavaScript libraries for Progressive Web Apps

web-vitals

Essential metrics for a healthy site.

lighthouse-ci

Automate running Lighthouse for every commit, viewing the changes, and preventing regressions

rendertron

A Headless Chrome rendering solution

samples

A repo containing samples tied to new functionality in each release of Google Chrome.

web.dev

The frontend, backend, and content source code for web.dev

dialog-polyfill

Polyfill for the HTML dialog element

web-vitals-extension

A Chrome extension to measure essential metrics for a healthy site

accessibility-developer-tools

This is a library of accessibility-related testing and utility code.

developer.chrome.com

The frontend, backend, and content source code for developer.chrome.com

custom-tabs-client

Chrome custom tabs examples

chrome-launcher

Launch Google Chrome with ease from node.

proxy-polyfill

Proxy object polyfill

omnitone

Spatial Audio Rendering on the web.

android-browser-helper

The Android Browser Helper library helps developers use Custom Tabs and Trusted Web Activities on top of the AndroidX browser support library.

devtools-docs

The legacy documentation for Chrome DevTools.

chromium-dashboard

Chrome Status Dashboard

OriginTrials

Enabling safe experimentation with web APIs

related-website-sets

audion

Audion is a Chrome extension that adds a Web Audio panel to Developer Tools. This panel visualizes the web audio graph in real-time.

chrome-app-codelab

The goal of this tutorial is to get you building Chrome apps fast. Once you've completed the tutorial, you will have a simple Todo app. We've done our best to capture some of the trickier parts to the development process keeping the sample simple and straightforward.

CrUX

The place to share queries, ideas, or issues related to the Chrome UX Report

Jupyter Notebook

lighthouse-stack-packs

Lighthouse Stack Packs

inert-polyfill

Polyfill for the HTML inert attribute

chrome-types

Code to parse Chrome's internal extension type definitions—published on NPM as chrome-types

ip-protection

devtools-samples

Samples for demonstrating DevTools features.

CertificateTransparency

browser-bug-search

Search across all major browser vendor issue trackers

multi-device

Chrome multi-device (mobile) docs

kino

A sample offline streaming video PWA built for web.dev/media

webstatus.dev

A tool to monitor and track the status of all Web Platform features across dimensions that are related to availability and implementation quality across browsers, and adoption by web developers.

webstore-docs

Developer docs for Chrome Web Store:

jank-busters

Resources for jank busting on the web.

webdev-infra

private-tokens

budget.json

.github

.allstar

CertificateTransparency-todelete

baseline-status

lighthouse-plugin-example