AI on Chrome Welcome to the next era of the web with AI. See how AI can make it easier for developers to build powerful experiences on the web. Reimagine what's possible with Gemini Nano in Chrome. Built-in AI We're bringing Gemini Nano, the most

Use the chrome.contentSettings API to change settings that control whether websites can use features such as cookies, JavaScript, and plugins. More generally speaking, content settings allow you to customize Chrome's behavior on a per-site basis

Use the chrome.contentSettings API to change settings that control whether websites can use features such as cookies, JavaScript, and plugins. More generally speaking, content settings allow you to customize Chrome's behavior on a per-site basis

This permission triggers a warning. Use the chrome.bookmarks API to create, organize, and otherwise manipulate bookmarks. Also see Override Pages, which you can use to create a custom Bookmark Manager page. You must declare the "bookmarks" permission

Use the chrome.bookmarks API to create, organize, and otherwise manipulate bookmarks. Also see Override Pages, which you can use to create a custom Bookmark Manager page. You must declare the "bookmarks" permission in the extension manifest to use

There's a special Chrome-internal page to see details on prompts to Gemini Nano. This guide explains how make use of it for debugging.

Chrome on Android is going edge-to-edge from Chrome 135.

Build edge-to-edge web experiences

Samples for Chrome Extensions are available on GitHub.

Warning: Starting in version 57, Chrome will no longer allow external web content (including embedded frames and scripts) inside sandboxed pages. Please use a webview instead. Defines an collection of app or extension pages that are to be served in a

How to programmatically create, update, and publish items in the Chrome Web Store.

Though Chrome Apps use the web platform, some web features have been disabled or else are used in a different way. Mainly this is to avoid security issues and to improve programming practices. Below is a summary of the disabled features of the web

In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the

One to four dot-separated integers identifying the version of this extension. A couple of rules apply to the integers: they must be between 0 and 65535, inclusive, and non-zero integers can't start with 0. For example, 99999 and 032 are both invalid.

One or more mappings from MIME types to the Native Client module that handles each type. For example, the bold code in the following snippet registers a Native Client module as the content handler for the OpenOffice spreadsheet MIME type. The value

Unlike the local and sync storage areas, the managed storage area requires its structure to be declared as JSON Schema and is strictly validated by Chrome. This schema must be stored in a file indicated by the "managed_schema" property of the

This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide

The version of Chrome that your extension, app, or theme requires, if any. The format for this string is the same as for the version field.

This value can be used to control the unique ID of an extension, app, or theme when it is loaded during development. To get a suitable key value, first install your extension from a.crx file (you may need to upload your extension or package it

A plain text string (no HTML or other formatting; no more than 132 characters) that describes the extension. The description should be suitable for both the browser's extension management UI and the Chrome Web Store. You can specify locale-specific

Whether the app or extension is expected to work offline. When Chrome detects that it is offline, apps with this field set to true will be highlighted on the New Tab page. As of Chrome 35, apps are assumed to be offline enabled and the default value

RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Response ReadableStream BodyInit Takes multiple source Promises, each of which could resolve to a Response, a ReadableStream, or a BodyInit. Returns an object exposing a

Every app has a JSON -formatted manifest file, named manifest.json, that provides important information. The following code shows the supported manifest fields for Apps, with links to the page that discusses each field.

The externally_connectable manifest property declares which extensions, apps, and web pages can connect to your app via runtime.connect and runtime.sendMessage. For a tutorial on message passing see cross-extension and app messaging and sending

Extension policies

Technologies required by the app or extension. Hosting sites such as the Chrome Web Store may use this list to dissuade users from installing apps or extensions that will not work on their computer. Supported requirements currently include "3D" and

TODO

Specifies the subdirectory of _locales that contains the default strings for this extension. This field is required in extensions that have a _locales directory; it must be absent in extensions that have no _locales directory. For details, see

One integer specifying the version of the manifest file format your package requires. As of Chrome 18, developers should specify 2 (without quotes) to use the format as described by this document: Consider manifest version 1 deprecated as of Chrome

The name and short_name manifest properties are short, plain text strings that identify the app. You can specify locale-specific strings for both fields; see Internationalization for details. The name (maximum of 45 characters) is the primary

The Chrome Web Store is committed to fostering a high-quality and trustworthy ecosystem for developers and users. To align with this goal, we're announcing a series of policy updates designed to provide clarity and consistency across our platform.

One or more icons that represent the extension, app, or theme. You should always provide a 128x128 icon; it's used during installation and by the Chrome Web Store. Extensions should also provide a 48x48 icon, which is used in the extensions

An overview of Custom Tab features and their browser availability.

Advance network analysis with Chrome DevTools.

Discover the new mode for popover that simplifies tooltips and other floating elements.

Improve machine-learning workloads with subgroups, shader compilation time improvements on D3D12, remove float filterable texture types support as blendable, and more.

Learn how scroll-driven and scroll-triggered animations enhance storytelling articles

Learn about Chrome's privacy and security features.

Use the chrome.app.runtime API to manage the app lifecycle. The app runtime manages app installation, controls the event page, and can shut down the app at anytime. any optional Optional developer specified data that the app to be embedded can use

Use the userScripts API to execute user scripts in the User Scripts context. To use the User Scripts API, chrome.userScripts, add the "userScripts" permission to your manifest.json and "host_permissions" for sites you want to run scripts on. A user

Use the chrome.printing API to send print jobs to printers installed on Chromebook. All chrome.printing methods and events require you to declare the "printing" permission in the extension manifest. For example: The examples below demonstrate using

Use the chrome.sessions API to query and restore tabs and windows from a browsing session. string The name of the foreign device. Session [] A list of open window sessions for the foreign device, sorted from most recently to least recently modified

Use the chrome.printing API to send print jobs to printers installed on Chromebook. All chrome.printing methods and events require you to declare the "printing" permission in the extension manifest. For example: The examples below demonstrate using

Use the chrome.sessions API to query and restore tabs and windows from a browsing session. string The name of the foreign device. Session [] A list of open window sessions for the foreign device, sorted from most recently to least recently modified

Learn how to develop extensions with AI

Learn how to develop Chrome extensions.

Discover Chrome Chrome 134, Beta Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 New in Chrome DevTools DevTools Tips Engineering

Privacy and security panel, calibrated CPU throttling, first- and third-party highlighting in Performance, new insights, and more.

Use the chrome.i18n infrastructure to implement internationalization across your whole app or extension. If an extension has a /_locales directory, the manifest must define "default_locale". You need to put all of its user-visible strings into a file

The Edge team added support for respecting the Windows ClearType Tuner values in Chromium directly, resulting in better text rendering in Chromium-based browsers on Windows.

Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience

Helping you build, grow and innovate on the web.

Use the chrome.storage API to store, retrieve, and track changes to user data. The Storage API provides an extension-specific way to persist user data and state. It's similar to the web platform's storage APIs ( IndexedDB, and Storage ), but was

Use the chrome.storage API to store, retrieve, and track changes to user data. To use the storage API, declare the "storage" permission in the extension manifest. For example: The Storage API provides an extension-specific way to persist user data

In this guide, learn how to use BigQuery to write queries against the CrUX dataset to extract insightful results about the state of user experiences on the web.

Technical documentation on CrUX tools.

Receive support for the Chrome User Experience Report (CrUX).

Details on the latest changes to the CrUX dataset.

Learn about the change to the Chrome User Experience Report (CrUX changes) in the February 2025 release including LCP image subparts, LCP resource types, and RTT.

Learn how to construct requests to and parse responses from the CrUX API.

Learn how the CrUX dataset on BigQuery is structured.

Learn how to query the previous six months of historical CrUX trends using the CrUX History API.

Technical documentation on CrUX dimensions.

Technical documentation on CrUX metrics.

Code samples, guides, and API reference you need for whatever you're building.

This page documents how to start using ChromeDriver for testing your website on desktop (Windows/Mac/Linux). You can also read Getting Started with Android or Getting Started with ChromeOS. ChromeDriver is a separate executable that Selenium

Chrome allows web apps playing media to automatically enter picture-in-picture.

Discover the latest features coming to Chrome.

Use the chrome.enterprise.platformKeys API to generate keys and install certificates for these keys. The certificates will be managed by the platform and can be used for TLS authentication, network access or by other extension through

Use the chrome.enterprise.platformKeys API to generate keys and install certificates for these keys. The certificates will be managed by the platform and can be used for TLS authentication, network access or by other extension through

CSS advanced attr(), text-box-trim, scroll-state container queries, and more.

Chrome 133 is rolling out now! There's some exciting new CSS features and plenty more to discover.

Tabbed application mode allows Progressive Web App developers to add a tabbed document interface to their standalone PWAs.

How to use specialized Auth Tab in your Android app

How to use Ephemeral Custom Tabs in your Android app

How to use App Specific History in your Android app

Introducing app specific history for Chrome Custom Tabs for Android

Improve web-based authentication with Auth Tab for Android

Use the chrome.permissions API to request declared optional permissions at run time rather than install time, so users understand why the permissions are needed and grant only those that are necessary. Permission warnings exist to describe the

Use the chrome.runtime API to retrieve the service worker, return details about the manifest, and listen for and respond to events in the extension lifecycle. You can also use this API to convert the relative path of URLs to fully-qualified URLs. The

Use the chrome.permissions API to request declared optional permissions at run time rather than install time, so users understand why the permissions are needed and grant only those that are necessary. Permission warnings exist to describe the

Persistent AI chat history, better navigation, ignore listing, and stack traces in Performance, new 'What's new' panel, and more.

Additional unorm8x4-bgra and 1-component vertex formats, allow unknown limits to be requested with undefined value, WGSL alignment rules changes, WGSL performance gains with discard, and much more.

An overview of the recent changes in Chrome Extensions, plus exciting upcoming extensions features developers can look forward to.

This guide introduces best practices for session management with the Prompt API.

Learn about changes to Chrome that affect developers

What's New in Chrome Discover the latest updates in Chrome from our documentation and blog. New content and significant updates to documentation. article How LLMs stream responses New documentation to learn how streaming data works in AI, for the

Discover how to detect WebAuthn capabilities with `getClientCapabilities()` and tailor authentication workflows for your users.

Understand what streaming is and how it works with AI and LLMs.

Use these frontend best practices to display streamed responses from Gemini with APIs that support streaming, such as the Prompt API.

The built-in Translator API lets you translate arbitrary content from a source to a target language. Participate in the origin trial to take the API for a spin.

From Chrome 133, eligible CPU-intensive background tabs will be frozen when Energy Saver mode is active.

DevTools Tips

Improve the way you include images, video, and more on your websites and web apps.

Chrome on iOS 17 or later can now create, sync and authenticate with passkeys in Google Password Manager (GPM). This makes passkeys on GPM available everywhere Chrome is.

Like container queries; but for stuck, snapped, and overflowing queries.

You can now use attr() with any CSS property–including custom properties–and it can parse values into data types other than strings.

Learn about the latest features shipping in Chrome.

Learn about fun and exciting use-cases of the new AI assistance panel in DevTools

Chrome 132 is rolling out now! The Dialog element gets a ToggleEvent, support for element level video sharing, and the File System Access API supports Android and WebViews.

Take back space from above and below your text content; achieve optical balance.

ToggleEvent for dialog, support for element level video sharing, and the File System Access API supports Android and WebViews, and more.

Use the chrome.tabs API to interact with the browser's tab system. You can use this API to create, modify, and rearrange tabs in the browser. The Tabs API not only offers features for manipulating and managing tabs, but can also detect the language

Use the chrome.tabs API to interact with the browser's tab system. You can use this API to create, modify, and rearrange tabs in the browser. The Tabs API not only offers features for manipulating and managing tabs, but can also detect the language

Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.

See what's included in Chrome's latest stable and beta releases.

Discover the winning apps and extensions from the Built-in AI Challenge, where we invited you to reimagine what's possible with Gemini Nano in Chrome.

The Element Capture API is a performant and robust way for transforming a capture of the current tab into a capture of a DOM subtree.

The merger of the Web Vitals extension and DevTools is complete and support for the extension has ended.

Use the chrome.ttsEngine API to implement a text-to-speech(TTS) engine using an extension. If your extension registers using this API, it will receive events containing an utterance to be spoken and other parameters when any extension or Chrome App

Use the appview tag to embed other Chrome Apps within your Chrome App. (see Usage ). object Optional developer specified data that the app to be embedded can use when making an embedding decision. string The ID of the app that sent the embedding

Use the chrome.ttsEngine API to implement a text-to-speech(TTS) engine using an extension. If your extension registers using this API, it will receive events containing an utterance to be spoken and other parameters when any extension or Chrome App

Use the chrome.cookies API to query and modify cookies, and to be notified when they change. To use the cookies API, declare the "cookies" permission in your manifest along with host permissions for any hosts whose cookies you want to access. For

Use the chrome.cookies API to query and modify cookies, and to be notified when they change. To use the cookies API, you must declare the "cookies" permission in your manifest, along with host permissions for any hosts whose cookies you want to

Learn more about mitigating clickjacking attacks.

Texture view usage, 32-bit float textures blending, GPUDevice adapterInfo attribute, configuring canvas context with invalid format throw JavaScript error, filtering sampler restrictions on textures, extended subgroups experimentation, improving developer experience, experimental support for 16-bit normalized texture formats, and more.

Find out how to use Chrome's capabilities to build rich and engaging web experiences.

Recent changes to the Chrome extensions platform, documentation, and policy

All ChromeOS test images have ChromeDriver binary installed in /usr/local/chromedriver/. The binary is updated to the same version of Chrome in that test image. That is, you always are using the latest build of ChromeDriver. If your test expects to

The WebView component is based on the Chromium open source project.

Chrome allows users to emulate Chrome on a mobile device from the desktop version of Chrome, by enabling the device mode with Chrome DevTools. This feature speeds up web development, allows developers to quickly test how a website renders in a mobile

For earlier versions of Chrome, here are the versions of ChromeDriver that support it. For more information on selecting the right version of ChromeDriver, see the Version Selection page. Supports Chrome version 114 For more details, see the release

ChromeDriver is a standalone server that implements the W3C WebDriver standard.

At this time, ChromeDriver only supports systems that have a US keyboard configured. When ChromeDriver detects this state, it logs the following: Users without a US keyboard may experience lost keys during sendKeys or TypeElement commands. As a

To diagnose and fix ChromeDriver crashes, you have a few options. This is only for ChromeDriver crashes, which is not the same as Chrome crashing or closing. On Windows, you may see something like this: Create a repro case that ChromeDriver

The latest binaries for ChromeDriver are packaged as zip files for various host platforms. Earlier versions of ChromeDriver can be found in Downloads. ChromeDriver supports running tests on Chrome browser (version 30+) and WebView-based apps starting

Some WebDriver commands, such as resizing the browser window, require a Chrome extension to be loaded into the browser. ChromeDriver normally loads this "automation extension" every time it launches a new Chrome session. However ChromeDriver can be

ChromeDriver is a powerful tool, and it can cause harm when in the wrong hands. While using ChromeDriver, follow these suggestions:

This often happens when running ChromeDriver or Chrome using a special test harness (perhaps an IDE) or continuous build system (such as Jenkins). Try launching the same Chrome binary that your test uses from a normal user command prompt. Confirm

WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka

To enable verbose logging, pass --verbose to the ChromeDriver server. You can also pass --log-path to cause the log to be written to a file instead of stderr. If you don't start the ChromeDriver server directly yourself, you need to pass the switch

Capabilities are options that you can use to customize and configure a ChromeDriver session.

ChromeDriver supports performance logging, from which you can get events of domains "Timeline", "Network", and "Page", as well as trace data for specified trace categories. Performance logging is NOT enabled by default. So when creating a new

ChromeDriver Canary has the latest new ChromeDriver features. New binaries are built and made available multiple times a day. Be aware, it's designed for developers and early adopters and can sometimes break down completely. Starting with M115 the

Use the chrome.pageCapture API to save a tab as MHTML. MHTML is a standard format supported by most browsers. It encapsulates in a single file a page and all its resources (CSS files, images..). Note that for security reasons a MHTML file can only be

Use the chrome.pageCapture API to save a tab as MHTML. MHTML is a standard format supported by most browsers. It encapsulates in a single file a page and all its resources (CSS files, images..). Note that for security reasons a MHTML file can only be

A Chrome study shows that autofill users fill forms faster, with lower abandonment rates.

Deprecated technology to create experiences that had more access to the underlying operating system.

Learn how to use latest Payment APIs in Chrome

Find resources on topics such as typography, color, and layout.

Chrome Web Store An online marketplace where users can browse for extensions and themes. Publish your extension there and make it accessible to the world. dashboard Developer Dashboard Publish your extension and manage your store items. local_mall

Automate web performance audits with Lighthouse

A Node.js library providing a high-level API to control headless Chrome or Chromium

Learn WebGPU with guides, demos and latest news

Optimize the performance of your web applications with Chrome's performance tools.

Learn about Chrome's features for developing web apps on Android.

Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You

Learn about Chrome's identity features, such as Web Authentication.

Thank you for the time you shared with us, providing feedback, reviewing details and helping shape standards.

Learn about changes to Chrome that affect developers.

Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.

Use the chrome.action API to control the extension's icon in the Google Chrome toolbar. The following keys must be declared in the manifest to use this API. To use the chrome.action API, specify a "manifest_version" of 3 and include the "action" key

Learn the requirements to start building features and applications with built-in AI.

The chrome.extension API has utilities that can be used by any extension page. It includes support for exchanging messages between an extension and its content scripts or between extensions, as described in detail in Message Passing. The type of

Use the chrome.declarativeContent API to take actions depending on the content of a page, without requiring permission to read the page's content. The Declarative Content API allows you to enable your extension's action depending on the URL of a web

Use this API to expose certificates to the platform which can use these certificates for TLS authentications. Typical usage of this API to expose client certificates to ChromeOS follows these steps: The actual sequence of steps can be different. For

Note: this API is deprecated. Check out the declarativeNetRequest API instead. Use the chrome.declarativeWebRequest API to intercept, block, or modify requests in-flight. It is significantly faster than the chrome.webRequest API because you can

Use this API to expose certificates to the platform which can use these certificates for TLS authentications. Typical usage of this API to expose client certificates to ChromeOS follows these steps: The actual sequence of steps can be different. For

The complete reference to all APIs made available to Chrome Extensions. This includes APIs for the deprecated Chrome Apps platform as well as APIs still in beta and dev.

Use the chrome.declarativeContent API to take actions depending on the content of a page, without requiring permission to read the page's content. The Declarative Content API lets you enable your extension's action depending on the URL of a web page,

The chrome.extension API has utilities that can be used by any extension page. It includes support for exchanging messages between an extension and its content scripts or between extensions, as described in detail in Message Passing. The type of

Use the commands API to add keyboard shortcuts that trigger actions in your extension, for example, an action to open the browser action or send a command to the extension. The following keys must be declared in the manifest to use this API. The

The Language Detector API offers built-in language discovery on the web, in the browser.

Use the offscreen API to create and manage offscreen documents. To use the Offscreen API, declare the "offscreen" permission in the extension manifest. For example: Service workers don't have DOM access, and many websites have content security

Use the system.display API to query display metadata. An enum to tell if the display is detected and used by the system. The display is considered 'inactive', if it is not detected by the system (maybe disconnected, or considered disconnected due to

Use the system.display API to query display metadata. An enum to tell if the display is detected and used by the system. The display is considered 'inactive', if it is not detected by the system (maybe disconnected, or considered disconnected due to

Use the Allocation timeline tool to find objects that aren't being properly garbage collected, and continue to retain memory.

How to pass the "Avoid non-composited animations" Lighthouse audit.

This section describes common terms used in memory analysis, and is applicable to a variety of memory profiling tools for different languages.

Record and analyze a performance trace with DevTools.

Join the Chrome DevRel team and a skateboarding Chrome Dino on a journey through the latest CSS launched for Chrome and the web platform in 2024.

Debug network requests, source files, and performance traces with Gemini, view AI chat history, and more.

How to view and edit extension storage with the Extension Storage panel.

An easier and more secure replacement for passwords.

Discover the infinite possibilities of the Prompt API in Chrome Extensions.

Learn more about configuring a strong HTTP Strict Transport Security (HSTS) policy

The experimental Performance Insights Panel will be removed in January 2025, replaced by new insights within the Performance panel itself.

Discover and explore latest news about and use cases for AI assistance

Browsers, and you, as a developer, can help users enter data faster, and avoid re-entering data. Autofill is a feature that allows browsers to automatically fill in form fields with users' saved information, such as name, address, and payments

Learn about new AI and rendering features discussed at the latest GPU for the Web working group meeting.

We've selected ViddyScribe for the Gemini API Developer Competition web award. They exemplified how Gemini can help make videos on the web more accessible by generating audio descriptions for any video.

How to prepare your extension for the new extensions menu.

Discover the Translator API to empower global customer support.

Learn how to make performance traces more understandable with the new annotations features in DevTools

Understand performance profiles - with the help of AI

Understand how a website works with the help of AI

Learn about the latest features shipping in Chrome.

Live translate text in the browser using local AI models. Now, users can contribute in their first language.

Built-in AI is the latest offering for bringing powerful models to users, while protecting sensitive data and improving latency.

Understand your website's network traffic - with the help of AI

Introducing Signal API for passkeys on Chrome desktop

Understand your website resources - with the help of AI

The chrome.networking.onc API is used for configuring network connections (Cellular, Ethernet, VPN or WiFi). This API is available in auto-launched Chrome OS kiosk sessions. Network connection configurations are specified following Open Network

Chrome 131 is rolling out now! More CSS styling for the details element, easier print layout with page margin boxes, and there is plenty more.

Participate in the origin trial to help users distill lengthy articles, complex documents, or even lively chat conversations into concise and insightful summaries.

CSS Highlight Inheritance is changing, more CSS styling for the details element, easier print layout with page margin boxes, and more.

The WebAuthn Signal API allows a relying party to signal the state of existing credentials to the passkey provider, so that the passkeys are consistent with credentials on the server.

Participate in the Prompt API for Chrome Extensions origin trial and access Gemini Nano in Chrome.

Distill lengthy articles, complex documents, or even lively chat conversations into concise and insightful summaries.

Test a new or experimental web platform feature. Give feedback to the web standards community on the feature's usability, practicality, and effectiveness, before the feature is made available to all users.

Clip distances in WGSL, GPUCanvasContext getConfiguration(), point and line primitives must not have depth bias, inclusive scan built-in functions for subgroups, experimental support for multi-draw indirect, shader module compilation option strict math, remove GPUAdapter requestAdapterInfo(), and more.

Learn how to use Chrome and DevTools to find memory issues that affect page performance, including memory leaks, memory bloat, and frequent garbage collections.

You can now set the display type and also style the container for the part that expands and collapses using the new ::details-content pseudo-element.

Gain deep insight into memory allocation, investigate low level memory issues, and manage garbage collection.

Seamless credential sharing lets you securely signal to password managers that your users can sign in using the same credentials across your Android app and website.

A list of ways you can customize Chrome DevTools: Change theme, placement, panel order, language, and more.

Toggle various overlays and speed up DOM tree navigation with badges.

Monitor live Core Web Vitals metrics in the Performance panel.

Debug CSS with Gemini, annotate findings and get insights in the Performance panel, spot excessive layout shifts and non-composited animations, and more.

The Handwriting Recognition API allows web applications to use advanced handwriting recognition services to recognize text from handwritten input in real time.

Create custom headers and footers when printing webpages.

Learn why WebGPU may be disabled or not working in Chrome browser.

Learn how to evaluate runtime performance in Chrome DevTools.

Chrome 132 no longer includes the old Headless mode. Migrate to chrome-headless-shell or the new Headless mode.

Learn how DevTools' new scroll badge simplifies debugging scrollable elements (and how we built it!).

Use the chrome.syncFileSystem API to save and synchronize data on Google Drive. This API is NOT for accessing arbitrary user docs stored in Google Drive. It provides app-specific syncable storage for offline and caching usage so that the same data

Chrome is making a change to allow bfcache usage for pages using Cache-Control: no-store when this is safe to do. Find out what that means for developers.

Chrome's Headless mode is now more useful for developers, by bringing it closer to Chrome's regular "headful" mode.

Learn about fun and exciting use-cases of the new AI assistance panel in DevTools

Built-in AI is the latest offering for bringing powerful models to users, while protecting sensitive data and improving latency.

Debug and optimize your web applications with Chrome DevTools.

Discover the features that are coming to Chrome with the latest beta.

Dual source blending, shader compilation time improvements on Metal, deprecation of GPUAdapter requestAdapterInfo(), and more.

Chrome 130 is rolling out now! Document picture in picture gives you more control over picture in picture windows, CSS Nested declarations fix some tricky edge cases, and you can specify how decorations on elements split across multiple lines behave, and there's plenty more!

Understand how a website is styled with the help of AI in DevTools.

Chrome 130 is rolling out now! Document picture in picture gives you more control over picture in picture windows, CSS Nested declarations fix some tricky edge cases, and you can specify how decorations on elements split across multiple lines behave. Pete LePage has all the details about what's new for developers in Chrome 130.

Use the chrome.downloads API to programmatically initiate, monitor, manipulate, and search for downloads. You must declare the "downloads" permission in the extension manifest to use this API. You can find simple examples of using the

Use the chrome.webRequest API to observe and analyze traffic and to intercept, block, or modify requests in-flight. You must declare the "webRequest" permission in the extension manifest to use the web request API, along with the necessary host

The Desktop Capture API captures the content of the screen, individual windows, or individual tabs. Enum used to define set of desktop media sources used in chooseDesktopMedia(). "screen" "window" "tab" "audio" Mirrors SelfCapturePreferenceEnum.

Use the chrome.vpnProvider API to implement a VPN client. Typical usage of vpnProvider is as follows: Create VPN configurations using the createConfig method. A VPN configuration is a persistent entry shown to the user in a native ChromeOS UI. The

Use the chrome.platformKeys API to access client certificates managed by the platform. If the user or policy grants the permission, an extension can use such a certficate in its custom authentication protocol. E.g. this allows usage of platform

Use the chrome.identity API to get OAuth2 access tokens. string A unique identifier for the account. This ID will not change for the lifetime of the account. "SYNC" Specifies that Sync is enabled for the primary account. "ANY" Specifies the existence

Use the chrome.systemLog API to record Chrome system logs from extensions. string Adds a new log record. MessageOptions The logging options. function optional The callback parameter looks like: Promise<void> Promises are supported in Manifest

Use the chrome.webNavigation API to receive notifications about the status of navigation requests in-flight. All chrome.webNavigation methods and events require you to declare the "webNavigation" permission in the extension manifest. For example: For

Use the chrome.printingMetrics API to fetch data about printing usage. "BLACK_AND_WHITE" Specifies that black and white mode was used. "COLOR" Specifies that color mode was used. "ONE_SIDED" Specifies that one-sided printing was used.

Use the chrome.loginState API to read and monitor the login state. "SIGNIN_PROFILE" Specifies that the extension is in the signin profile. "USER_PROFILE" Specifies that the extension is in the user profile. "UNKNOWN" Specifies that the session state

The chrome.management API provides ways to manage installed apps and extensions. You must declare the "management" permission in the extension manifest to use the management API. For example: management.getPermissionWarningsByManifest(),

Use the chrome.fileSystemProvider API to create file systems, that can be accessible from the file manager on Chrome OS. You must declare the "fileSystemProvider" permission and section in the extension manifest to use the File System Provider API.

Use the chrome.enterprise.hardwarePlatform API to get the manufacturer and model of the hardware platform where the browser runs. Note: This API is only available to extensions installed by enterprise policy. string string Obtains the manufacturer

Use the chrome.power API to override the system's power management features. Using this API, you can specify the Level to which power management is disabled. The "system" level keeps the system active, but allows the screen to be dimmed or turned

Use the chrome.identity API to get OAuth2 access tokens. string A unique identifier for the account. This ID will not change for the lifetime of the account. "SYNC" Specifies that Sync is enabled for the primary account. "ANY" Specifies the existence

Use the chrome.notifications API to create rich notifications using templates and show these notifications to users in the system tray. string optional Button icons not visible for Mac OS X users. string string Additional details about this item.

Use the chrome.processes API to interact with the browser's processes. number The part of the cache that is utilized, in bytes. number The size of the cache, in bytes. number optional The most recent measurement of the process's CPU usage, expressed

Use the chrome.wallpaper API to change the ChromeOS wallpaper. You must declare the "wallpaper" permission in the app's manifest to use the wallpaper API. For example: For example, to set the wallpaper as the image at https://example.com/a_file.png,

Use the chrome.notifications API to create rich notifications using templates and show these notifications to users in the system tray. string optional Button icons not visible for Mac OS X users. string string Additional details about this item.

The complete reference to all APIs made available to Chrome Extensions. This includes APIs for the deprecated Chrome Apps platform as well as APIs still in beta and dev.

Use the chrome.tts API to play synthesized text-to-speech (TTS). See also the related ttsEngine API, which allows an extension to implement a speech engine. Chrome provides this capability on Windows (using SAPI 5), Mac OS X, and ChromeOS,

Use the chrome.input.ime API to implement a custom IME for Chrome OS. This allows your extension to handle keystrokes, set the composition, and manage the candidate window. You must declare the "input" permission in the extension manifest to use the

The chrome.debugger API serves as an alternate transport for Chrome's remote debugging protocol. Use chrome.debugger to attach to one or more tabs to instrument network interaction, debug JavaScript, mutate the DOM and CSS, and more. Use the Debuggee

Use the chrome.devtools.panels API to integrate your extension into Developer Tools window UI: create your own panels, access existing panels, and add sidebars. The following keys must be declared in the manifest to use this API. See DevTools APIs

Use the chrome.browsingData API to remove browsing data from a user's local profile. You must declare the "browsingData" permission in the extension manifest to use this API. The simplest use-case for this API is a a time-based mechanism for clearing

The chrome.management API provides ways to manage installed apps and extensions. You must declare the "management" permission in the extension manifest to use the management API. For example: management.getPermissionWarningsByManifest,

Use the chrome.sidePanel API to host content in the browser's side panel alongside the main content of a webpage. To use the Side Panel API, add the "sidePanel" permission in the extension manifest file: manifest.json: The Side Panel API allows

Use the chrome.tabCapture API to interact with tab media streams. The chrome.tabCapture API allows you to access a MediaStream containing video and audio of the current tab. It can only be called after the user invokes an extension, such as

Use the chrome.windows API to interact with browser windows. You can use this API to create, modify, and rearrange windows in the browser. When requested, a windows.Window contains an array of tabs.Tab objects. You must declare the "tabs" permission

Use the chrome.browsingData API to remove browsing data from a user's local profile. You must declare the "browsingData" permission in the extension manifest to use this API. The simplest use-case for this API is a a time-based mechanism for clearing

Use the chrome.documentScan API to discover and retrieve images from attached document scanners. The Document Scan API is designed to allow apps and extensions to view the content of paper documents on an attached document scanner. string Provides

Use the chrome.windows API to interact with browser windows. You can use this API to create, modify, and rearrange windows in the browser. When requested, a windows.Window contains an array of tabs.Tab objects. You must declare the "tabs" permission

Use the chrome.fontSettings API to manage Chrome's font settings. To use the Font Settings API, you must declare the "fontSettings" permission in the extension manifest. For example: Chrome allows for some font settings to depend on certain generic

This permission triggers a warning Use the chrome.downloads API to programmatically initiate, monitor, manipulate, and search for downloads. You must declare the "downloads" permission in the extension manifest to use this API. You can find simple

The chrome.declarativeNetRequest API is used to block or modify network requests by specifying declarative rules. This lets extensions modify network requests without intercepting them and viewing their content, thus providing more privacy. The "

Use the chrome.webNavigation API to receive notifications about the status of navigation requests in-flight. All chrome.webNavigation methods and events require you to declare the "webNavigation" permission in the extension manifest. For example: For

The chrome.debugger API serves as an alternate transport for Chrome's remote debugging protocol. Use chrome.debugger to attach to one or more tabs to instrument network interaction, debug JavaScript, mutate the DOM and CSS, and more. Use the Debuggee

Use the chrome.enterprise.deviceAttributes API to read device attributes. Note: This API is only available to extensions force-installed by enterprise policy. Fetches the administrator-annotated Location. If the current user is not affiliated or no

Use chrome.gcm to enable apps and extensions to send and receive messages through Firebase Cloud Messaging (FCM). The maximum size (in bytes) of all key/value pairs in a message. 4096 Registers the application with FCM. The registration ID will be

Use browser actions to put icons in the main Google Chrome toolbar, to the right of the address bar. In addition to its icon, a browser action can have a tooltip, a badge, and a popup. In the following figure, the multicolored square to the right of

A tutorial on the most popular network-related features in Chrome DevTools.

AI Innovations tab reference.

Learn about the Long Animation Frames API (LoAF) which is the next iteration of the Long Tasks API and allows measuring frame update delays with attribution

An overview of the recent changes in Chrome Extensions, plus exciting upcoming extensions features developers can look forward to.

A sandbox for running compiled C and C++ code in the browser. This has been deprecated.

Chrome 130 includes full, unprefixed box-decoration-break support.

The Private Network Access (PNA) rollout is on hold.

A change to CSS highlight inheritance is coming in Chrome 134.

The Translation API is now available for built-in AI Early Preview Program participants.

Position elements relative to each other using the anchor positioning API.

Learn how the DevTools debugger predicts whether an exception is caught.

Emulate Authenticators and Debug WebAuthn in Chrome DevTools.

We're launching the Built-in AI Challenge, where we invite you to reimagine what's possible with Gemini Nano in Chrome.

We're excited to launch a set of UI changes making the Chrome Web Store Developer Dashboard more responsive and mobile-friendly. We hope this gives you a more convenient and accessible experience when monitoring store listing performance, making

Recommendations for live metrics and breadcrumbs you can navigate in the Performance panel, network filters reimagined, sanitized HAR exports, and more.

Find text across all loaded resources with the Search panel.

A comprehensive reference of Chrome DevTools Recorder panel features.

View and edit files, create Snippets, debug JavaScript, and set up Workspaces in the Sources panel of Chrome DevTools.

How to find and analyze unused JavaScript and CSS code in Chrome DevTools.

Use the Security panel to make sure that a page is fully protected by HTTPS.

Get started with same-document view transitions for use in your single-page application.

Inspect the layers that make up your website.

Inspect and troubleshoot cache with DevTools.

The Language Detection API is now available in a Chrome origin trial.

The Web Vitals extension will merge with the Performance panel of Chrome DevTools, ending standalone support in January 2025.

The main uses of the Chrome DevTools Console are logging messages and running JavaScript.

The optional `id` property is part of the web app manifest spec, and allows you to explicitly define the identifier used for your PWA. Adding the `id` property to the manifest removes the dependency on the `start_url` or the location of the manifest, and makes it possible for them to be updated in the future.

A comparison of the two proposed masonry specifications.

EPP participants can now prototype with write and rewrite APIs in Chrome.

Chrome on desktop will soon be able to create passkeys in Google Password Manager (GPM) and synchronize them across those platforms in addition to Android.

Test your site with the features and changes in the latest Chrome beta.

Chrome 129 is rolling out now! You can yield in long tasks - to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more. Pete LePage has all the details about what's new for developers in Chrome 129.

Analyze your website's load and runtime performance

The Performance panel in Chrome DevTools features a new way to monitor your local Core Web Vitals performance and compare it against real-user data from the field.

Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.

Animate to and from intrinsic sizing keywords with `interpolate-size` and `calc-size()`

HDR support with canvas tone mapping mode, expanded subgroups support, and more.

The Process sharing experiment and its impact Chrome DevTools' developer experience.

Learn how to detect when a Bluetooth RFCOMM serial port is available with Web Serial.

Use the chrome.devtools.performance API to listen to recording status updates in the Performance panel in DevTools. See DevTools APIs summary for general introduction to using Developer Tools APIs. The chrome.devtools.performance API allows

The chrome.declarativeNetRequest API is used to block or modify network requests by specifying declarative rules. This lets extensions modify network requests without intercepting them and viewing their content, thus providing more privacy.

An early look at the new customizable select feature.

Freeze elements in the DOM so that you can inspect them with DevTools.

Display arbitrary HTML content in an always-on-top window.

The Keyboard Lock API lets developers provide an immersive, full screen experience for a variety of use cases, including interactive websites, games, and remote desktop or application streaming. It does so by enabling websites to use all available

Use the Memory inspector to inspect an ArrayBuffer, TypedArray, or DataView in JavaScript as well as WebAssembly.Memory of C++ Wasm apps.

Track changes to HTML, CSS, and JavaScript.

Changes related to the anchor positioning API you should be aware of.

If you employ multiple domains that share the same account management backend, with Digital Asset Links you can now also seamlessly share credential across them to enable users to save credentials once and have the Chrome password manager suggest them to any of the associated websites.

A guide on how to open the Command Menu, run commands, open files, see other actions, and more.

An origin trial for the Digital Credentials API is starting from Chrome 128. Digital Credentials API is a new web platform API that allows websites to selectively request verifiable information about the user through digital credentials such as a driver's license or a national identification card stored in a digital wallet.

Search requests in Performance > Network, use test data in address forms with Autofill, export to Puppeteer for Firefox in the Recorder panel, spot performance issues at a glance with observations in the Performance panel, and more.

WebAuthn on Chrome can now use hints, Related Origin Requests and JSON serialization

Do you agree with the CSS Day attendees about what should be added to the web?

A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.

EPP participants can now prototype with a language detection API in Chrome.

Make your websites load faster with Chrome Lighthouse.

Customize performance data with the extensibility API

Get a preview of the next Chrome release with this post detailing the features in the current beta.

A post from Ahmed Elwasefi, sharing how he became a Chromium contributor through the Google Summer of Code.

Chrome 128 is rolling out now! With improved display for ruby elements with line breaks, Promise.try to start Promise chains easier, PointerEvent interface extended to uniquely identify multiple pens, and there's plenty more, and plenty more. Adriana Jara has all the details about what's new for developers in Chrome 128.

Use the Media Panel to view information and debug the media players per browser tab.

Experimenting with subgroups, deprecate setting depth bias for lines and points, hide uncaptured error DevTools warning if preventDefault, WGSL interpolate sampling first and either, and more.

The Chrome team is experimenting with a new File System Observer API that informs developers of changes to the file system.

Chrome 128 is starting to roll out on August 20th, 2024, with CSS ruby-align property, Promise.try, and there's plenty more.

Learn how to build an app with WebGPU for the web and specific platforms.

Chrome Extensions can be either packed or unpacked. To pack an unpacked extension, use the Pack button in chrome://extensions or use Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension --pack-extension-key=C:\myext.pem". To unpack a

The File System Access API enables developers to build powerful web apps that interact with files on the user's local device, such as IDEs, photo and video editors, text editors, and more. After a user grants a web app access, this API allows them to read or save changes directly to files and folders on the user's device.

Use the chrome.devtools.network API to retrieve the information about network requests displayed by the Developer Tools in the Network panel. Network requests information is represented in the HTTP Archive format ( HAR ). The description of HAR is

EPP participants can now prototype with the summarization API for Gemini Nano in Chrome.

Use the chrome.devtools.panels API to integrate your extension into Developer Tools window UI: create your own panels, access existing panels, and add sidebars. Each extension panel and sidebar is displayed as a separate HTML page. All extension

Introducing two new JavaScript events: scrollSnapChange and scrollSnapChanging.

The Chrome team is working on better measuring so-called soft navigations used by Single Page Applications and a new API is now available behind a flag to allow sites to experiment with this too.

Discover 4 unique ways to capture screenshots with DevTools.

Puppeteer 23 introduces stable support for Firefox 129 and up, offering a unified API for Chrome and Firefox automation, based on WebDriver BiDi.

Console insights go live in Europe, enhanced Network track and API to customize tracks in the Performance panel, and more.

An update on built-in AI, the Prompt API, and Chrome's AI plans.

Chrome on Android now integrates the Credential Manager allowing 3P password managers provide passkeys on Android 14 and later

Explaining the current interoperability status of author-defined names as used in the shadow DOM in CSS.

Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.

BrowserStack introduces WebDriver BiDi support: Enhance your Selenium Grid tests with event-driven automation.

Learn how the DevTools team improved how styles are presented in the Styles tab.

Find out how your server can send hints to the browser about critical subresources.

Analyze network load and resources

Line-breakable ruby element and CSS ruby-align property

Get a preview of the next Chrome release with this post detailing the features in the current beta.

Chrome 127 is rolling out now! With support for font-size-adjust, user activations propagated in the Document Picture-in-Picture API, keyboard focusable scroll containers and there's plenty more. Adriana Jara has all the details about what's new for developers in Chrome 127.

Experimental support for OpenGL ES on Android, GPUAdapter info attribute, WebAssembly interop improvements, and more.

Chrome 127 is starting to roll out on July 23rd, 2024, with CSS font-size-adjust, keyboard focusable scroll containers, and there's plenty more.

Chrome's internal user research shows that many people value installing web apps. There are many benefits such as: There are multiple ways Chrome and web developers can help, including a new machine learning promotion feature. This post gives an

Help us to make sure reading-flow meets your needs.

A comprehensive reference of Chrome DevTools Network panel features.

Preferences tab reference.

If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various

ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to

ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source

Analyze and record user flows.

With more and more people starting to look into the View Transition API, it's time to debunk some misconceptions.

Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.

An overview of the recent changes in Chrome Extensions, plus exciting upcoming extension features developers can look forward to.

If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,

Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the

Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions

Frequently asked questions about the single purpose policy.

An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into

This announcement includes a series of updates to Developer Program Policies page designed to encourage the development of high quality products, prevent deceptive behavior, and ensure informed user consent.

Use the chrome.input.ime API to implement a custom IME for Chrome OS. This allows your extension to handle keystrokes, set the composition, and manage the candidate window. You must declare the "input" permission in the extension manifest to use the

CSS anchor positioning in Elements, enhanced 'Never Pause Here' in Sources, new scroll snap event listeners, updated network throttling presets, and more.

Inspect elements on your web app

A reference on all the ways to record and analyze performance in Chrome DevTools.

A collaboration between Chrome and open-source web frameworks to improve user experience on the web.

The Long Animation Frame API (LoAF) has shipped from Chrome 123 and we've now also updated our tooling and guidance to help you make the most of this new API.

YouTube is enhancing platform security with Trusted Types to prevent cross-site scripting attacks, but it may impact your extension.

Learn how a large DOM can reduce your web page's performance and how you can reduce the size of your DOM at load time.

Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.

Use the chrome.enterprise.networkingAttributes API to read information about your current network. Note: This API is only available to extensions force-installed by enterprise policy. string optional The device's local IPv4 address (undefined if not

Use the chrome.enterprise.hardwarePlatform API to get the manufacturer and model of the hardware platform where the browser runs. Note: This API is only available to extensions installed by enterprise policy. string string Obtains the manufacturer

Use the chrome.enterprise.deviceAttributes API to read device attributes. Note: This API is only available to extensions force-installed by enterprise policy. Fetches the administrator-annotated Location. If the current user is not affiliated or no

Use the chrome.enterprise.networkingAttributes API to read information about your current network. Note: This API is only available to extensions force-installed by enterprise policy. string optional The device's local IPv4 address (undefined if not

The Chrome team has been working on options to bring back full prerendering of future pages that a user is likely to navigate to.

We sat down with the team that leads review in the Chrome Web Store.

The Chrome team has made a number of performance-related improvements to the implementation of IndexedDB (IDB).

Chrome's latest releases

To make future launches of your AI-powered applications faster, explicitly cache the model data on-device.

Increase maxTextureArrayLayers limit, buffer upload optimization for Vulkan backend, shader compilation time improvements, submitted command buffers must be unique, and Dawn updates.

Test the latest features coming to Chrome by downloading the beta.

The Chrome team is experimenting with a new declarative HTML <permission> element for asking the user for access to powerful features.

Chrome 126 is starting to roll out on June 11th, 2024, with cross document view transitions, reenabling the CloseWatcher API, trigger-rumble for the Gamepad API, and there's plenty more.

Read all of the CSS and Web UI announcements from Google I/O 2024.

Chrome 126 is rolling out now! With support for cross-document transitions in the ViewTransitions API, the CloseWatcher API re-enabled, trigger-rumbled for the Gamepad API and there's plenty more, and plenty more. Adriana Jara has all the details about what's new for developers in Chrome 126.

The unload event will be gradually deprecated starting from Chrome 117. Learn what this means and how sites and enterprises can prepare for this

Learn about the latest features to help you declutter the Performance panel and focus on the information you need most

Monitor CDP requests and responses.

Analyze CSS selector performance during Recalculate Style events.

Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team

Learn how to develop extensions

We are excited to announce a new feature that will allow developers to skip the review process for eligible changes to Manifest V3 extensions using the Declarative Net Request API.

An explanation of content filtering and how to approach it in your Chrome Extension.

Learn about the "Does not have a tag with width or initial-scale" Lighthouse audit.

Reference for APIs available to Chrome Apps

The chrome.types API contains type declarations for Chrome. The ChromeSetting prototype provides a common set of functions ( get(), set(), and clear() ) as well as an event publisher ( onChange ) for settings of the Chrome browser. The proxy

The chrome.virtualKeyboard API is a kiosk only API used to configure virtual keyboard layout and behavior in kiosk sessions. boolean optional Whether virtual keyboards can provide auto-complete. boolean optional Whether virtual keyboards can provide

Use the chrome.tabCapture API to interact with tab media streams. The chrome.tabCapture API lets you access a MediaStream containing video and audio of the current tab. It can only be called after the user invokes an extension, such as by clicking

Use the chrome.topSites API to access the top sites (i.e. most visited sites) that are displayed on the new tab page. These do not include shortcuts customized by the user. You must declare the "topSites" permission in your extension's manifest to

The Desktop Capture API captures the content of the screen, individual windows, or individual tabs. Enum used to define set of desktop media sources used in chooseDesktopMedia(). "screen" "window" "tab" "audio" Mirrors SelfCapturePreferenceEnum.

Use the chrome.platformKeys API to access client certificates managed by the platform. If the user or policy grants the permission, an extension can use such a certficate in its custom authentication protocol. E.g. this allows usage of platform

The chrome.system.memory API. number The amount of available capacity, in bytes. number The total amount of physical memory capacity, in bytes. Get physical memory information. function optional The callback parameter looks like: MemoryInfo

Use chrome.instanceID to access the Instance ID service. Resets the app instance identifier and revokes all tokens associated with it. function optional The callback parameter looks like: Promise&lt;void&gt; Promises are supported in Manifest V3 and

The chrome.events namespace contains common types used by APIs dispatching events to notify you when something interesting happens. An Event is an object that lets you be notified when something interesting happens. Here's an example of using the

Use the chrome.dom API to access special DOM APIs for Extensions Gets the open shadow root or the closed shadow root hosted by the specified element. If the element doesn't attach the shadow root, it will return null. HTMLElement object See

Use the chrome.system.storage API to query storage device information and be notified when a removable storage device is attached and detached. "success" The ejection command is successful -- the application can prompt the user to remove the device.

Use the chrome.processes API to interact with the browser's processes. number The part of the cache that is utilized, in bytes. number The size of the cache, in bytes. number optional The most recent measurement of the process's CPU usage, expressed

Use the chrome.power API to override the system's power management features. Using this API, you can specify the Level to which power management is disabled. The "system" level keeps the system active, but allows the screen to be dimmed or turned

The chrome.clipboard API is provided to allow users to access data of the clipboard. This is a temporary solution for chromeos platform apps until open-web alternative is available. It will be deprecated once open-web solution is available, which

The chrome.types API contains type declarations for Chrome. The ChromeSetting type provides a common set of functions ( get(), set(), and clear() ) as well as an event publisher ( onChange ) for settings of the Chrome browser. The proxy

The chrome.bluetoothLowEnergy API is used to communicate with Bluetooth Smart (Low Energy) devices using the Generic Attribute Profile (GATT). The following keys must be declared in the manifest to use this API. ManufacturerData [] optional List of

Use the chrome.bluetoothSocket API to send and receive data to Bluetooth devices using RFCOMM and L2CAP connections. The following keys must be declared in the manifest to use this API. "system_error" A system error occurred and the connection may be

Use the chrome.fileBrowserHandler API to extend the Chrome OS file browser. For example, you can use this API to enable users to upload files to your website. The ChromeOS file browser comes up when the user either presses Alt+Shift+M or connects an

Use the chrome.search API to search via the default provider. "CURRENT_TAB" Specifies that the search results display in the calling tab or the tab from the active browser. "NEW_TAB" Specifies that the search results display in a new tab.

Use the chrome.i18n infrastructure to implement internationalization across your whole app or extension. You need to put all of its user-visible strings into a file named messages.json. Each time you add a new locale, you add a messages file under a

Use the system.cpu API to query CPU metadata. string The architecture name of the processors. string[] A set of feature codes indicating some of the processor's capabilities. The currently supported codes are "mmx", "sse", "sse2", "sse3", "ssse3",

Use chrome.gcm to enable apps and extensions to send and receive messages through Firebase Cloud Messaging (FCM). The maximum size (in bytes) of all key/value pairs in a message. 4096 Registers the application with FCM. The registration ID will be

Use the chrome.mdns API to discover services over mDNS. This comprises a subset of the features of the NSD spec: http://www.w3.org/TR/discovery-api/ string The IP address of an mDNS advertised service. string[] Metadata for an mDNS advertised

Use the chrome.tts API to play synthesized text-to-speech (TTS). See also the related ttsEngine API, which allows an extension to implement a speech engine. Chrome provides native support for speech on Windows (using SAPI 5), Mac OS X, and ChromeOS,

Use the chrome.serial API to read from and write to a device connected to a serial port. number optional See ConnectionOptions.bitrate. This field may be omitted or inaccurate if a non-standard bitrate is in use, or if an error occurred while

Use the chrome.vpnProvider API to implement a VPN client. Typical usage of chrome.vpnProvider is as follows: Create VPN configurations by calling createConfig(). A VPN configuration is a persistent entry shown to the user in a ChromeOS UI. The user

Use the chrome.contextMenus API to add items to Google Chrome's context menu. You can choose what types of objects your context menu additions apply to, such as images, hyperlinks, and pages. Context menu items can appear in any document (or frame

Use the chrome.devtools.network API to retrieve the information about network requests displayed by the Developer Tools in the Network panel. The following keys must be declared in the manifest to use this API. See DevTools APIs summary for general

Use the chrome.bluetooth API to connect to a Bluetooth device. All functions report failures via chrome.runtime.lastError. The following keys must be declared in the manifest to use this API. string The address of the adapter, in the format

The omnibox API allows you to register a keyword with Google Chrome's address bar, which is also known as the omnibox. When the user enters your extension's keyword, the user starts interacting solely with your extension. Each keystroke is sent to

The chrome.events namespace contains common types used by APIs dispatching events to notify you when something interesting happens. An Event is an object that allows you to be notified when something interesting happens. Here's an example of using

Use the chrome.dns API for dns resolution. To use this API, you must declare the "dns" permission in the manifest. The following code calls resolve() to retrieve the IP address of example.com. service-worker.js: string optional A string representing

Use the chrome.idle API to detect when the machine's idle state changes. You must declare the "idle" permission in your extension's manifest to use the idle API. For example: "active" "idle" "locked" Gets the time, in seconds, it takes until the

Use the chrome.wallpaper API to change the ChromeOS wallpaper. You must declare the "wallpaper" permission in the app's manifest to use the wallpaper API. For example: For example, to set the wallpaper as the image at https://example.com/a_file.png,

Use chrome.instanceID to access the Instance ID service. Resets the app instance identifier and revokes all tokens associated with it. function optional The callback parameter looks like: Promise&lt;void&gt; Promises are only supported for Manifest

Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension

Use the chrome.fontSettings API to manage Chrome's font settings. To use the Font Settings API, you must declare the "fontSettings" permission in the extension manifest. For example: Chrome allows for some font settings to depend on certain generic

Use the chrome.pageAction API to put icons in the main Google Chrome toolbar, to the right of the address bar. Page actions represent actions that can be taken on the current page, but that aren't applicable to all pages. Page actions appear grayed

Use the chrome.devtools.inspectedWindow API to interact with the inspected window: obtain the tab ID for the inspected page, evaluate the code in the context of the inspected window, reload the page, or obtain the list of resources within the page.

Use the chrome.history API to interact with the browser's record of visited pages. You can add, remove, and query for URLs in the browser's history. To override the history page with your own version, see Override Pages. You must declare the

Use the chrome.sockets.tcpServer API to create server applications using TCP connections. This API supersedes the TCP functionality previously found in the chrome.socket API. The following keys must be declared in the manifest to use this API. number

Use the commands API to add keyboard shortcuts that trigger actions in your extension, for example, an action to open the browser action or send a command to the extension. The following keys must be declared in the manifest to use this API. The

Use the chrome.readingList API to read from and modify the items in the Reading List. To use the Reading List API, add the "readingList" permission in the extension manifest file: manifest.json: Chrome features a reading list located on the side

Use the chrome.proxy API to manage Chrome's proxy settings. This API relies on the ChromeSetting prototype of the type API for getting and setting the proxy configuration. You must declare the "proxy" permission in the extension manifest to use the

Use the chrome.socket API to send and receive data over the network using TCP and UDP connections. Note: Starting with Chrome 33, this API is deprecated in favor of the sockets.udp, sockets.tcp and sockets.tcpServer APIs. number number optional The

Use the chrome.alarms API to schedule code to run periodically or at a specified time in the future. To use the chrome.alarms API, declare the "alarms" permission in the manifest: To ensure reliable behavior, it is helpful to understand how the API

Use the chrome.system.storage API to query storage device information and be notified when a removable storage device is attached and detached. "success" The ejection command is successful -- the application can prompt the user to remove the device.

Use the chrome.fileBrowserHandler API to extend the Chrome OS file browser. For example, you can use this API to enable users to upload files to your website. The ChromeOS file browser comes up when the user either presses Alt+Shift+M or connects an

Use the chrome.devtools.recorder API to customize the Recorder panel in DevTools. See DevTools APIs summary for general introduction to using Developer Tools APIs. devtools.recorder API is a preview feature that allows you to extend the Recorder

Use the chrome.webRequest API to observe and analyze traffic and to intercept, block, or modify requests in-flight. You must declare the "webRequest" permission in the extension manifest to use the web request API, along with the necessary host

The chrome.webAuthenticationProxy API lets remote desktop software running on a remote host intercept Web Authentication API (WebAuthn) requests in order to handle them on a local client. string The PublicKeyCredentialCreationOptions passed to

The omnibox API allows you to register a keyword with Google Chrome's address bar, which is also known as the omnibox. When the user enters your extension's keyword, the user starts interacting solely with your extension. Each keystroke is sent to

Use the chrome.documentScan API to discover and retrieve images from attached document scanners.

Use the chrome.idle API to detect when the machine's idle state changes. You must declare the "idle" permission in your extension's manifest to use the idle API. For example: "active" "idle" "locked" Gets the time, in seconds, it takes until the

Use the chrome.dns API for dns resolution. To use this API, you must declare the "dns" permission in the manifest. The following code calls resolve() to retrieve the IP address of example.com. service-worker.js: string optional A string representing

Use the chrome.tabGroups API to interact with the browser's tab grouping system. You can use this API to modify and rearrange tab groups in the browser. To group and ungroup tabs, or to query what tabs are in groups, use the chrome.tabs API. The

Use the chrome.systemLog API to record Chrome system logs from extensions. string Adds a new log record. MessageOptions The logging options. function optional The callback parameter looks like: Promise&lt;void&gt; Promises are only supported for

The chrome.audio API is provided to allow users to get information about and control the audio devices attached to the system. This API is currently only available in kiosk mode for ChromeOS. string Device name. DeviceType Type of the device. string

The chrome.printerProvider API exposes events used by print manager to query printers controlled by extensions, to query their capabilities and to submit print jobs to these printers. string optional Printer's human readable description. string

The chrome.printerProvider API exposes events used by print manager to query printers controlled by extensions, to query their capabilities and to submit print jobs to these printers. string optional Printer's human readable description. string

The chrome.audio API is provided to allow users to get information about and control the audio devices attached to the system. This API is currently only available in kiosk mode for ChromeOS. string Device name. DeviceType Type of the device. string

Use the chrome.proxy API to manage Chrome's proxy settings. This API relies on the ChromeSetting prototype of the type API for getting and setting the proxy configuration. You must declare the "proxy" permission in the extension manifest to use the

Use the chrome.topSites API to access the top sites (i.e. most visited sites) that are displayed on the new tab page. These do not include shortcuts customized by the user. You must declare the "topSites" permission in your extension's manifest to

Use the webview tag to actively load live content from the web over the network and embed it in your Chrome App. Your app can control the appearance of the webview and interact with the web content, initiate navigations in an embedded web page, react

Use the chrome.search API to search via the default provider. "CURRENT_TAB" Specifies that the search results display in the calling tab or the tab from the active browser. "NEW_TAB" Specifies that the search results display in a new tab.

Use the chrome.app.window API to create windows. Windows have an optional frame with title bar and size controls. They are not associated with any Chrome browser windows. See the Window State Sample for a demonstration of these options. Window The

Use the chrome.alarms API to schedule code to run periodically or at a specified time in the future. To use the chrome.alarms API, declare the "alarms" permission in the manifest: The following examples show how to use and respond to an alarm. To try

Use the chrome.scripting API to execute script in different contexts. To use the chrome.scripting API, declare the "scripting" permission in the manifest plus the host permissions for the pages to inject scripts into. Use the "host_permissions" key

Use the chrome.loginState API to read and monitor the login state. "SIGNIN_PROFILE" Specifies that the extension is in the signin profile. "USER_PROFILE" Specifies that the extension is in the user profile. "UNKNOWN" Specifies that the session state

Use the chrome.system.network API. string The available IPv4/6 address. string The underlying name of the adapter. On *nix, this will typically be "eth0", "wlan0", etc. number The prefix length Retrieves information about local adapters on this

Use the chrome.devtools.inspectedWindow API to interact with the inspected window: obtain the tab ID for the inspected page, evaluate the code in the context of the inspected window, reload the page, or obtain the list of resources within the page.

Use the system.cpu API to query CPU metadata. string The architecture name of the processors. string[] A set of feature codes indicating some of the processor's capabilities. The currently supported codes are "mmx", "sse", "sse2", "sse3", "ssse3",

Use the chrome.history API to interact with the browser's record of visited pages. You can add, remove, and query for URLs in the browser's history. To override the history page with your own version, see Override Pages. To interact with the user's

The chrome.system.memory API. number The amount of available capacity, in bytes. number The total amount of physical memory capacity, in bytes. Get physical memory information. function optional The callback parameter looks like: MemoryInfo

Use the chrome.sockets.udp API to send and receive data over the network using UDP connections. This API supersedes the UDP functionality previously found in the "socket" API. The following keys must be declared in the manifest to use this API.

Use the chrome.hid API to interact with connected HID devices. This API provides access to HID operations from within the context of an app. Using this API, apps can function as drivers for hardware devices. Errors generated by this API are reported

Use the chrome.fileSystemProvider API to create file systems, that can be accessible from the file manager on Chrome OS. You must declare the "fileSystemProvider" permission and section in the extension manifest to use the File System Provider API.

Use the chrome.devtools.recorder API to customize the Recorder panel in DevTools. devtools.recorder API is a preview feature that allows you to extend the Recorder panel in Chrome DevTools. See DevTools APIs summary for general introduction to using

Use the chrome.fileSystem API to create, read, navigate, and write to the user's local file system. With this API, Chrome Apps can read and write to a user-selected location. For example, a text editor app can use the API to read and write local

Use the chrome.contextMenus API to add items to Google Chrome's context menu. You can choose what types of objects your context menu additions apply to, such as images, hyperlinks, and pages. You must declare the "contextMenus" permission in your

Use the chrome.browser API to interact with the Chrome browser associated with the current application and Chrome profile. string The URL to navigate to when the new tab is initially opened. Opens a new tab in a browser window associated with the

Use the chrome.sockets.tcp API to send and receive data over the network using TCP connections. This API supersedes the TCP functionality previously found in the chrome.socket API. The following keys must be declared in the manifest to use this API.

Use the chrome.usb API to interact with connected USB devices. This API provides access to USB operations from within the context of an app. Using this API, apps can function as drivers for hardware devices. Errors generated by this API are reported

Use the chrome.mediaGalleries API to access media files (audio, images, video) from the user's local disks (with the user's consent). string boolean string Identifies the modified gallery. GalleryChangeType Type of change event. "contents_changed"

Use the chrome.printingMetrics API to fetch data about printing usage. "BLACK_AND_WHITE" Specifies that black and white mode was used. "COLOR" Specifies that color mode was used. "ONE_SIDED" Specifies that one-sided printing was used.

Use the chrome.dom API to access special DOM APIs for Extensions Gets the open shadow root or the closed shadow root hosted by the specified element. If the element doesn't attach the shadow root, it will return null. HTMLElement object See

Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension

Learn how to emulate other browsers with the Network conditions panel.

The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.

The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.

Improved track configuration mode, ignore list in the flame chart, and throttle down CPU by 20 times in the Performance panel, and more.

Another Google I/O is behind us and we have covered all the exciting extensions updates!

Learn how to use Chrome DevTools to find and fix JavaScript bugs.

Learn all about the Chrome DevTools features to debug speculation rules used to prefetch and prerender future page navigations.

An overview of expedited review for Declarative Net Request changes.

View source files and have access to other tools.

Chrome 126 Beta includes cross-document view transitions, along with the Gamepad API trigger-rumble extension, and other features.

Part 2/2. Learn how WebAssembly and WebGPU enhancements improve machine learning performance on the web.

This document provides brief highlights of recent happenings in the JavaScript frameworks ecosystem.

The following codelab offers client-side AI. No AI development knowledge, servers, or API keys required.

On-device AI is the latest offering for bringing powerful models to users, while protecting sensitive data and improving latency.

Analyze your website's runtime performance in real-time.

Read a wrap up from Web AI at I/O 2024. Learn about the new models, tools, and APIs for your next web app.

Part 1/2. Learn how WebAssembly and WebGPU enhancements improve machine learning performance on the web.

Announcing cross-document view transitions for MPA, selective view transitions with active types, and sharing animation styles with view-transition-class.

From Chrome 126 the Windows UI Automation framework is supported.

The Async Clipboard API can now deal with SVG images.

Client-side AI is the latest offering for bringing powerful models to users, while protecting sensitive data and improving latency.

Chrome 125 is rolling out now! With the CSS Anchor Positioning API, the Compute Pressure API, an expansion to the Storage Access API, and plenty more. Adriana Jara has all the details about what's new for developers in Chrome 125.

Learn how you can override and mock network responses with DevTools.

Discover exciting features from the Google I/O Developer Keynote and sessions.

Chrome 125 is starting to rolling out on May 14th, 2024, with CSS Anchor Positioning, the Compute Pressure API, new Baseline features, and there's plenty more.

Use local overrides to mock remote resources and keep the changes you make in DevTools across page loads.

Learn about the Spotify Miniplayer's transformation from a "canvas hack" to a refined experience enabled by the Document Picture-in-Picture API.

Understand errors and warnings in the Console better with Gemini.

Position elements relative to each other using the new anchor positioning API.

A brief overview of Puppeteer, Chrome Headless and Chrome for Testing and other resources from the Chrome Tooling team.

Learn how to overcome challenges with testing in enterprise environments

Error causes in the Console, CSS selector statistics in Performance, Early Hints headers in Network, and more.

Find out how Policybazaar and Tokopedia benefit from using :has().

redBus, Policybazaar, and Tokopedia all use the View Transition API and benefit from better performance and a smooth UI.

Discover the benefits of Scroll-driven animations with Policybazaar, redBus, and Tokopedia.

Learn about the benefits of container queries from redBus and Tokopedia.

Learn how ecommerce sites benefit from implementing the latest CSS and UI features—View Transitions, Scroll-driven animations, Popover API, and more.

Subgroups in development and render to slice of 3D texture.

A 10-part video course to learn all about scroll-driven animations

All the basics to get started with Chrome extensions

A proposal to define masonry and grid in different specifications.

WebGPU allows high-performance 3D graphics and data-parallel computation on the web.

Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per

Reference documentation for the minimum_chrome_version property of manifest.json.

Tokopedia uses the Popover API to reduce the amount of code in their application.

To access private network devices from a website that cannot be converted to HTTPS, you must use permission prompts to relax mixed content checks.

The Captured Surface Control API lets web apps scroll and zoom captured tabs.

View WebAudio API metrics in the WebAudio panel

Reference documentation for the trial_tokens property of manifest.json.

CSS Anchor Positioning, CSS stepped functions, the Compute Pressure API, and more.

Learn how to register a service worker that supports Progressive Web App features like offline functionality, push notifications, and installability.

Learn how to make your web page load quickly on mobile networks.

Learn how to make your Progressive Web App work offline.

Throttling tab reference.

Learn how to set an address bar theme color for your Progressive Web App.

Learn how to make your Progressive Web App installable.

Chrome now gates the entire Web MIDI API behind a permission prompt.

Learn how to protect your website with HTTPS.

Chrome 124 is rolling out now! There are two new APIs that allow the declarative shadow DOM to be used from JavaScript. You can use streams in Web Sockets. View Transitions get a little better. And there's plenty more. Pete LePage has all the details about what's new for developers in Chrome 124.

Learn how to add maskable icon support to your PWA.

Learn how to configure your Progressive Web App's start_url so your app is accessible offline.

The Foldable APIs are two APIs in Chrome that are designed to help developers target foldable devices.

Learn how to use Workbox to make sure your web page works across browsers.

Learn about the Lighthouse "Each page has a URL" audit.

Learn how to size your web page content to fit on mobile screens.

Learn how to make sure users can view at least some content on your web page when JavaScript isn't available.

Learn how to create a custom splash screen for your Progressive Web App.

Inspect and modify animations with the Animations panel.

Learn how to make your site more secure by redirecting all pages to HTTPS.

Learn how to specify what icon your Progressive Web App displays on iOS home screens.

Chrome 124 is starting to rolling out on April 16th, 2024, with setHTMLUnsafe, streams in WebSockets, and there's plenty more.

An overview of the recent changes in Chrome Extensions, plus exciting upcoming extension features developers can look forward to.

Learn how to make transitions between web pages feel responsive, even on a slow network.

Inspect and debug addresses saved in Chrome with the Autofill panel.

Get started with cross-document view transitions for use in your multi-page application (MPA).

The View Transition API lets you add transitions between views of a website.

Discover how DevTools can improve your web application development.

PageSpeed Insights (PSI) is a tool for web developers to understand what a page's performance is and how to improve it. In this guide, learn how to use PSI to extract insights from CrUX and better understand the user experience.

This week we're excited to launch a new feature that lets developers roll back their extensions to the previous published version in the Chrome Web Store. Our goal is to give developers increased peace-of-mind when publishing updates, especially with

Read-only and read-write storage textures, service workers and shared workers support, new adapter information attributes, and bug fixes.

Learn how to use CrUX with easy to follow guides

How to rollback an extension that you previously published on the

Learn about the new navigation_types metric in the Chrome User Experience Report (CrUX) and how it can be used to explain and optimize your web performance metrics.

Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.

Learn how to use the font-display API to make sure your web page text will always be visible to your users.

Learn the path forward in profiling CPU performance, understand why and how we deprecate the JavaScript profiler.

Scroll-driven animations support, new Autofill panel, new options for WebRTC in network throttling, and more.

Report information on whether frames present in the document were blocked from using the back/forward cache on navigation.

Learn how to profile Node.js application performance with the Performance panel.

JavaScript Promise Integration (JSPI) is an API that allows synchronous sequential code compiled to WebAssembly to access asynchronous Web APIs.

Learn about the fetchLater API—now in an Origin Trial—a new API for requesting a deferred fetch that will complete even if the page is closed.

Test how your site handles missing resources.

google-site-verification: google2d9992045b4571ad.html

A change is rolling out to make scrollers without tabindex value set and with no focusable children keyboard focusable.

The writingsuggestions HTML attribute, the WebSocketStream API, priority HTTP request header, and more.

Chrome 123 is rolling out now! With the new light-dark function, Long Animation Frames API, Service Worker Static Routing API and there's plenty more. Adriana Jara has all the details about what's new for developers in Chrome 123.

Find out how to use this new API, available from Chrome 123.

Learn about Private Network Access's key security mechanisms for web workers, navigation fetches, and upcoming protections. This document also covers what website owners should do if they utilize private networks.

Use the chrome.privacy API to control usage of the features in Chrome that can affect a user's privacy. This API relies on the ChromeSetting prototype of the type API for getting and setting Chrome's configuration. You must declare the "privacy"

Use the chrome.privacy API to control usage of the features in Chrome that can affect a user's privacy. This API relies on the ChromeSetting prototype of the type API for getting and setting Chrome's configuration. You must declare the "privacy"

Learn about the Chrome team's plans to improve the Performance panel of DevTools.

Explore the latest improvements in Chrome DevTools Network panel, designed to simplify your web debugging experience.

Make changes to the DOM instantly.

Solve common development tasks around Chrome extensions

Learn how to use Chrome DevTools to view and change a page's CSS.

Highlight ad frames, emulate focus on a page, disable local fonts and image formats, enable an automatic dark theme, and emulate vision deficiencies.

Discover new workflows for viewing and changing CSS in Chrome DevTools.

Learn about all the ways you can pause your code in Chrome DevTools.

DP4a built-in functions support, unrestricted pointer parameters, syntax sugar for dereferencing composites in WGSL, and more.

Compression on the web is getting a big boost from shared dictionary compression. Learn what they are, how they work, and how they could substantially reduce load times even further than standard compression for both static and dynamic resources on the web.

You can now download the old Headless Chrome as a standalone binary for every user-facing Chrome release.

Gain vital information about your web app straight from the browser.

Use the chrome.i18n API to render your interface in multiple languages.

Discover the latest features in Chrome DevTools

For many users, accessibility literally is the user interface, and its features are useful to many others.

Details of the latest updates to the Speculation Rules API including document rules, eagerness setting, limits, and speculation rules support on platforms.

In this post, the eyeo team shares their journey into the problem of testing extension service workers. In particular, how to to make sure that their Chrome Extensions works correctly when a service worker gets suspended.

An Easter egg, focused page emulation in Elements > Styles, new Lighthouse audit, and more.

Latest news from the Chrome Developer Relations team

Learn how to use the @next/third-parties library to optimize loading of popular third-party resources

We are making changes to Chrome BFCache which potentially impact extensions using message ports.

The CSS light-dark() color function, align-content for blocks, the field-sizing property, and the pagereveal event.

We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual

From Chrome 123 use align-content to align items without creating a flex or grid container.

The canonical documentation for Chrome DevTools keyboard shortcuts.

Chrome 122 is rolling out now! With the new Storage Buckets API, DevTools Performance panel updates, unsanitized option to read HTML with the Async Clipboard API and there's plenty more. Adriana Jara has all the details about what's new for developers in Chrome 122.

Use virtual devices in Chrome's device mode to build mobile-first websites.

We are publishing our sites on a .cn domain to make them easier to access in China.

As of Chrome 122 the `::backdrop` element inherits properties from its originating element.

The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.

An extension requires at least one icon to represent it in the toolbar.

The Performance panel in DevTools is a powerful tool to diagnose, debug and fix performance issues of web apps. On this occasion, we will walk you through how we used the Performance panel in DevTools to improve the performance of the Performance panel itself, and how we achieved a very significant improvement.

TBD

A guide to converting Manifest V2 extensions to Manifest V3 extensions.

The WebHID API, which exposes Human Interface Device (HID) compatible devices to the web, is available in extensions.

The WebUSB API, which exposes non-standard Universal Serial Bus (USB) compatible devices to the web, is available in extensions.

How to register as a Chrome Web Store developer.

Reference documentation for the content security policy properties of manifest.json.

Compatibility mode in development, increase maxVertexAttributes limit, and Dawn updates.

TBD

Learn how to record heap snapshots with the heap profiler and find memory leaks.

One line of code for auto sizing elements with editable content.

Developer's requirement to disclose and verify their trader/non-trader status.

Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText

Introduction to the CrUX dataset.

Use the chrome.runtime API to retrieve the service worker, return details about the manifest, and listen for and respond to events in the extension lifecycle. You can also use this API to convert the relative path of URLs to fully-qualified URLs.

A list of permissions and user warnings available on the extensions platform.

Chromium issue tracking is now migrated.

Step by step guide on how to use Web Push with Chrome Extensions

How permission warnings work in Chrome extensions.

An overview of the valid values for the permissions property in manifest.json.

The Chromium Issue Tracker migration begins today.

Third-party cookies phaseout warnings in the Network and Application panels, enhanced debugging in the Network panel, breadcrumbs in the Performance panel, and more.

EditContext is a new API launching in Chrome and Edge that helps developers to build advanced text editing features in the browser. Learn more about it in this post!

The Web Store program policies.

Make web browsing faster with speculative loads and learn how to debug them.

Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.

The deprecation trial for SharedArrayBuffer without cross-origin isolation on Chrome desktop is extended until Chrome 124.

Respond to custom key combinations in an extension.

Customize and integrate the Recorder by installing extensions.

Chrome 122 beta brings you Iterator helpers, set methods, the Storage Buckets API, read unsanitized HTML in the Async Clipboard API, and more.

An overview of the recent changes in Chrome Extensions, plus exciting upcoming extension features developers can look forward to.

Chrome 121 is rolling out now! With CSS updates, improvements to the Speculation Rules API, an origin trial for Element Capture API and there's plenty more. Adriana Jara has all the details about what's new for developers in Chrome 121.

Trigger actions from the omnibox.

Support WebGPU on Android, use of DXC for shader compilation, timestamp queries in compute and render passes, default entry points to shader modules, support display-p3 as GPUExternalTexture color space, memory heaps info, and more.

Use the `scrollbar-width` and `scrollbar-color` properties to style scrollbars.

Use Puppeteer to test features that use the Web Bluetooth API in Chrome.

Learn how to safely use the DOM together with SSR in Angular

Learn how to test client-side, browser-based AI models in, while remaining scalable, automatable, and within a standardized hardware setup.

Step by step guide on how to use Firebase Messaging with chrome.gcm

Discover our solutions for how to consistently automate browser testing and improve application performance.

Chrome adds another new international CSS feature.

Respond to a user clicking the toolbar.

This post explains how persistent permissions for the File System Access API can be managed. It also provides a quick recap of the current state of the problem and the challenges that are being solved.

Learn how to author colors in a few clicks.

Learn how to use the Color Picker in Elements > Styles to inspect and debug HD and non-HD colors.

Learn how to debug fetch priority.

Managing real-time updates in Extensions

From Chrome 122 you can subscribe to the origin trial for the scope_extensions app manifest member which allows sites that control multiple subdomains and top level domains to be presented as a single web app.

A classic typography technique of hand-authoring line breaks for balanced text blocks, comes to CSS.

Puppeteer now talks to Firefox! 🎉 But wait, didn't it already? 🤔 Let's dive into WebDriver BiDi, the new protocol in Puppeteer and discover what this exciting development means for the Firefox automation workflow.

Implement a popup, which is a window that lets users invoke extension features.

A service worker enables extensions to run only when needed, saving resources.

How to host your Chrome extension.

For a complete list of developer features in Chrome on Android, refer to chromestatus.com. Download Chrome on the Play Store. When the user signs into Chrome on one device, the tabs and browsing history of that session are available to the user when

Implement a popup, which is a window that lets users invoke extension features.

This post discusses the relevance of the new INP metric to framework-based websites and Aurora's work to support frameworks in optimizing this metric.

Launch apps directly from a web page with an Android Intent.

Reference for the extensions manifest, related permissions and APIs

Create an exclusive accordion with multiple `` elements that have the same `name`.

Chrome has adapted to the Android tablet ecosystem by enabling desktop mode by default on premium tablets.

Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++

@font-palette-values support in Elements, improved source map support, enhanced Performance > Interactions track, and more.

Stay up to date with the latest WebGPU changes.

Support for 16-bit floating-point values in WGSL, limits increase, depth-stencil state changes, adapter information updates, and more.

The web platform now ships with Region Capture, a performant and robust way for cropping a video track.

Chromium Chronicle

Find resources on the Chromium project.

CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.

2023 was a huge year for CSS! Learn about what landed in Chrome and across the web platform this year.

Read these case studies to find inspiration for your next project with Chrome.

Learn how to debug bfcache and make your page load instantly.

In the coming months Chrome will be running experiments with the goal of simplifying the app install criteria, to improve developer and user experience. This post shares the changes you can expect, and the reasons we are running these experiments.

You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.

View frame details.

Learn how to view, add, edit, and delete a page's HTTP cookies using Chrome DevTools.

Host a site on a development machine web server, and then access the content from an Android device.

Learn how to debug the DOM with DevTools.

Chrome 120 is rolling out now! With the CloseWatcher API to enable a consistent experience when handling close requests, an straightforward implementation of an accordion pattern using the details element, permission policy violation reports are now available and there's plenty more.

Learn how Chrome DevTools mitigates self-XSS attacks by blocking code pasting for inexperienced users of DevTools.

Google Chrome is deprecating access to private network endpoints from non-secure public websites as part of the Private Network Access (PNA) specification.

Chrome is adding four new international CSS features.

Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,

The Page Lifecycle API brings app lifecycle features common on mobile operating systems to the web. Browsers are now able to safely freeze and discard background pages to conserve resources, and developers can safely handle these interventions without affecting the user experience.

As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.

A catalog of user interface elements available in extensions.

Ignore List tab reference.

From Chrome 120, a new unsanitized option is available in the Async Clipboard API. Learn how to use it in this guide.

Chrome allows video conferencing web apps to automatically enter picture-in-picture.

In December of last year, we paused the planned deprecation of Manifest V2 in order to address developer feedback and deliver better solutions to migration issues. As a result of this feedback, we’ve made a number of changes to Manifest V3 to close

Learn about the new features included in the Angular NgOptimizedImage directive that further improve image performance in Angular apps.

Over the past year, we have been actively involved in discussions with the vendors behind several content blocking extensions around ways to improve the MV3 extensions platform. Based on these discussions, many of which took place in the

Dig deeper into specific Workbox modules.

Learn about the first phase of the Service Worker Static Routing—now in an Origin Trial—a new API for declaratively specifying how routes should be handled (or not) by your Service Worker.

Learn about how the WebGPU ecosystem extends beyond the JavaScript, C++, and Rust realms.

Lookahead nesting enabled in Chrome 120.

Third-party cookie phaseout issues reported in the Issues panel, Privacy Sandbox Analysis Tool for cookies, effective Content Security Policy in the Applications panel, improved animations debugging, enhanced ignore listing, and more.

The durability mode in IndexedDB is changing from strict to relaxed from Chrome 121.

A summary of important changes in Chrome 120 for Chrome Extension developers.

How to open files in Chrome extension service workers, popups, side panels, or content scripts.

CSS masking, relaxed rules for CSS nesting, create accordion patterns with the element, the enterpictureinpicture action for the Media Session API.

Reference documentation for the file_handlers property of manifest.json.

There are two types of programming languages: garbage-collected programming languages and programming languages that require manual memory management. With to WebAssembly Garbage Collection, garbage-collected languages can be ported to WebAssembly.

Chrome 119 is rolling out now! With an update to the expiration date upper limit for cookies already in storage. CSS has new pseudo classes, relative color syntax, Fenced Frames improvements like ad size macros, and there’s plenty more.

Optimize and adjust for users who prefer an opaque UI.

Filterable 32-bit float textures, unorm10-10-10-2 vertex format, rgb10a2uint texture format, and more.

Learn how expanded select element capabilities enable visual horizontal breaks for better grouping.

Opt-in optimized text wrapping, for beauty over speed.

An overview of the recent changes in Chrome Extensions, plus exciting upcoming extension features developers can look forward to.

How to set up your Chrome Web Store developer account.

Prepare your extension files.

Chromium issue tracking is migrating to a tool powered by the Google Issue tracker in January 2024.

The current Sanitizer API implementation is deprecated from Chrome 119 to catch up with future specification updates.

The Web Serial API added support for Bluetooth RFCOMM services.

How to write unit tests for extensions.

How to write an automated test for Chrome Extensions using Puppeteer.

How to write end-to-end tests for extensions.

Check whether a bug or feature request has already been reported.

Submit a request for a feature that you believe could improve the extension platform.

Give us feedback to help us improve the platform and fix its bugs.

How to report extension bugs or problems with documentation.

Create new colors based on another color's channels and values.

Chrome 118 is rolling out now! Declare specific styles within a component with the @scope css rule. Use new media feature: prefers-reduced-transparency. DevTools has improvements in the Sources panel and there's plenty more.

Improved @property section in Styles, updated devices list, enhanced pretty-printing in Sources and autocompletion in the Console.

Support for multiple readers and writers for FileSystemSyncAccessHandle and exclusive writer for FileSystemWritableFileStream. The origin private file system (sometimes also referred to as the bucket file system) allows developers to access files

There's now a new origin trial available for opening popup windows in fullscreen mode with just one step.

Chrome 119 beta brings you CSS relative color syntax, new pseudo-classes, and much more.

Learn how to use @scope to select elements only within a limited subtree of your DOM.

Chrome on macOS starts supporting passkeys on iCloud Keychain. This lets users create passkeys on iCloud Keychain and synchronize them across Apple devices.

Extended source support for copyExternalImageToTexture, experimental support for read-write and read-only storage texture, and more.

Learn how to use DevTools to debug Chrome extensions.

An in-depth walkthrough of how and why CyberAgent, RedBus, Nykaa, and PolicyBazaar implemented view transitions.

Overview of how web storage APIs and cookies work in extensions.

Celebrating Chrome's 15th anniversary and our role as a trusted, helpful partner to developers.

Learn some tips for WebGL developers who are migrating to WebGPU.

New section for custom properties in Elements > Styles, more local overrides improvements, enhanced search, streamlined workspace in Sources, and more.

Scoped styles for CSS, additional media features, keyboard-focusable scroll containers, and more.

Chrome 117 is rolling out now! With three new CSS features that make it easy to add smooth entry and exit animations, array grouping to compute higher order datasets, devtools makes local overrides easier and there’s plenty more.

How to migrate your Chrome packaged or hosted app.

Unset vertex buffer and bind group, make lost devices appear to function, and more.

Guidance for publishing a new Manifest V3 extension

Experience and advice on participating in Google Summer of Code.

Use Snippets to run code you frequently use and live expressions to watch values in real time.

Highlight how the Astro community embraced View Transitions when Chrome was shaping up the API and the journey towards landing first-class support for it in Astro + persistent islands.

From Chrome 119, we will shorten the time between the branch for a release and release to stable.

`scheduler.yield` is a proposed new addition to the scheduler API currently in origin trial, and is a novel approach to breaking up tasks for more responsive user experiences. Understand the benefits of this proposed addition to the scheduling API, and sign up for the origin trial to help us gain insights and feedback.

To make it easier to type Chrome Devtools Protocol (CDP) commands, DevTools introduced a new user-friendly editor so that you don't have to use JSON.

Lighthouse 11 is here with new accessibility changes and audit updates

Override XHR/fetch requests and hide extension requests from the Network panel, see changes in fetch priority in the Performance panel, experience multiple UI improvements, check out new colors and experimental features, and more.

Learn about new capabilities that enable smooth transitioning of discrete animations and between the top layer

CSS grid subgrid, entry and exit animation support for CSS, array grouping, iterator helpers, and more.

Starting in Chrome 117, Chrome will proactively highlight to users when an extension they have installed is no longer in the Chrome Web Store.

Chrome 116 is rolling out now! Use the document picture in picture API to increase user productivity, it is now easier to debug missing stylesheets in DevTools, and there’s plenty more.

Reference documentation for the "content_scripts" property of manifest.json.

User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml

Get cross-origin isolation and cross-site leaks protection while interacting with popups.

WebCodecs integration, video playback improvements, and more.

See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.

"Allow this time" is a one-time option for permission grants in Chrome. It will initially be available on desktop only for geolocation, camera, and microphone.

Use breakpoints and logpoints to debug with ease.

From Chrome 115 Trusted Web Activities (TWA) can send messages using postMessage. This document walks through the setup needed to communicate between your app and the web.

A summary of important changes in Chrome 116 for Chrome Extension developers.

CSS motion path, Back/forward cache NotRestoredReason API, Document Picture-in-Picture, and more.

Learn how to use Safari Web Inspector debugging for Chrome on iOS.

An overview of the changes so far this year in Chrome Extensions, plus exciting upcoming extension features developers can look forward to.

Use ScrollTimeline and ViewTimeline to create scroll-driven animations that enhance user experience. Fenced frames work along other Privacy Sandbox APIs to embed relevant content while preventing unnecessary context sharing. With the Topics API the browser can share information with third parties about a user's interests while preserving privacy and there’s plenty more.

The new API is much smoother than the classic way of implementing scroll-driven animations.

Learn how to record, replay, and debug user flows with the Recorder panel in DevTools.

Step-by-step instructions on how to connect to a WebSocket in your Chrome extension.

Learn how to use Safari Web Inspector debugging for Chrome on iOS.

Use Application > Local Storage and Session Storage to debug key-value pairs.

Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full

DevTools gets a number of improvements to help you identify and debug issues with missing stylesheets faster: The Network panel consistently populates the Initiator column with links to the exact line that references a stylesheet that failed to load.

How to use geolocation in Chrome extension service workers, popups, side panels, or content scripts.

Supported WGSL language extensions, experimental support for Direct3D 11, and more.

Chrome for Testing is a new Chrome flavor that specifically targets web app testing and automation use cases.

Learn how to use Chrome DevTools to find and fix bugs in C/C++ WebAssembly.

Learn how Adobe managed to let users edit even the biggest files on the web version of its iconic Photoshop app. (This article is also available in form of a video.) In 2021, Adobe, together with Chrome engineering, brought a version of Photoshop to

The Local Font Access API provides a mechanism to access the user's locally installed font data, including higher-level details such as names, styles, and families, as well as the raw bytes of the underlying font files. Learn how the SVG editing app

Multiple keywords for the CSS display property, WGSLLanguageFeatures for WebGPU, HTTPS upgrades, and more.

Support for data: URLs in SVG element will be removed. We recommend migration to alternatives.

JavaScript optimization and more.

Announcing the deprecation and planned removal of mutation events, and sharing how you can migrate your code before the removal in July 2024.

If your website relies on setting document.domain, your action is required.

Introducing the new Side Panel API for Chrome extensions.

The Elements panel gets a new subgrid badge for subgrid. This feature is currently experimental in Chrome Canary. To inspect and debug a nested grid that is a subgrid, and therefore inheriting the number and size of tracks from its parent, click the