Chrome Platform

Apps

Learn Basics

Develop your first Chrome App and discover how they look, how they behave, and how they are modeled. Launch your Apps from your native platform using the Chrome App Launcher:

Learn more

500px Chrome App launched from Chrome App Launcher

Apps

Learn with Codelab

The goal of this codelab is to get you building Chrome Apps fast. Once you've completed this codelab, you will have a simple Todo app.

Learn more

Create this simple Todo Chrome App.

Apps

Reference

Chrome Apps have access to Chrome APIs not available to traditional web sites. With these APIs, you can build powerful apps that interact with network and hardware devices, media tools, and much more.

Learn more

Apps

Develop in Cloud

Chrome Apps leverage the Google Cloud Platform to store and access data. They work offline by default and can sync back to the cloud once connectivity is restored. Use the syncFileSystem API to save and synchronize caching data in Google Drive.

Learn more

Use Google Drive to store Chrome Apps data in the cloud.

Apps

Network and Hardware APIs

Chrome Apps can interact with low-level system services. Using the network and hardware APIs, they can:

Extensions

Learn Basics

Extensions are small software programs that can modify and enhance the functionality of the Chrome browser. Write extensions using web technologies: HTML, JavaScript, and CSS.

Learn more

Browser action and page actions are common extension types.

Extensions

Getting Started Tutorial

This tutorial walks you through the construction of a simple browser action extension. Clicking the browser action UI element opens a pop-up window.

Learn more

One-click kittens tutorial

Extensions

Samples

Browse official Chrome Extensions samples; each sample lists API methods and links to source files. Filter by keyword or API:

Learn more

Extension samples page

Extensions

Reference

Extensions are essentially web pages; they can use all APIs that the browser provides to web pages. Using Extensions APIs, they can also interact programmatically with browser features such as bookmarks and tabs. Read the reference docs to find out more:

Learn more

Extensions

Themes

A theme is a special kind of extension that changes the way the browser looks. Themes are packaged like regular extensions, but they don't contain JavaScript or HTML code. Distribute your themes in the Chrome Web Store.

Learn more

Grass theme

Native Client

Learn Basics

Native Client is a sandbox for running compiled C and C++ code in the browser. Portable Native Client extends that technology with architecture independence, letting developers compile their code once to run in any website and on any architecture.

Learn more

Watch a live recorded conversation on Native Client.

Native Client

Tutorial

This multi-part tutorial explains how to get started developing applications with Native Client.

Part one shows how to build and run a simple web application using Portable Native Client (PNaCl).

Part two shows how to convert the finished PNaCl web application to use the Native Client SDK build system and common JavaScript files.

Learn more

Native Client

SDK

Follow these steps to download and install the Native Client SDK:

  1. Download the SDK update utility and unzip.
  2. See which versions are available.
  3. Run naclsdk with the “update” command to download particular bundles that are available.

Learn more

Native Client

Development Cycle

End-to-end native client development workflow:

Learn more

Native Client

Coding Your Application

Dive deeper into Native Client development. Learn:

  • How Native Client applications are structured
  • Which classes and functions to implement in your Native Client module for Chrome to load, initialize, and run it
  • How to use the messaging system to communicate between the JavaScript code and the Native Client module's C or C++code
And much more!

Learn more

Native Client

Pepper API

The Pepper API lets Native Client modules communicate with the hosting browser and access system-level functions in a safe and portable way. Pepper has both a C API and a C++ API.

These APIs are generally divided into two parts:

  • Functions implemented in the browser that you call from your Native Client module
  • Functions the browser invokes so you must implement them in your Native Client module

Learn more

Store

What Is the Chrome Web Store?

The Chrome Web Store lets you publish your Chrome Apps, Extensions, and Themes where Chrome users can easily find them.

Learn more

Publish apps, extensions, and themes in Chrome Web Store.

Store

Tutorial: Getting Started

Follow these simple steps to publish your app, extension, or theme to the Chrome Web Store:

  1. Create manifest file.
  2. Get image assets.
  3. Test app.
  4. Zip app.
  5. Upload your app to store.

Learn more

Store

Branding

Follow the Chrome Web Store branding guidelines for supplying images and promotional assets.

Learn more

Using the Chrome Web Store badge

Store

Publishing

When your app, extension, or theme is finished (if not before), upload it with the Developer Dashboard. Uploading generates an app ID, which you may need to complete your application code.

Learn more

Chrome Web Store Developer Dashboard

Store

Best Practices

When publishing in the store, follow these best practices:

  • Support Google Accounts.
  • Keep ex-user data for 30 days.
  • Cache license data.
  • Create a compelling store listing.

Learn more

Further Resources