Samples

Contents

1. Sample extensions
   1. Google Mail Checker
   2. Subscribe in Feed Reader
   3. News Reader
2. Other sample extensions
   1. h3Name
3. How to view the source code
   1. h3Name
4. API reference
   1. Properties
      1. propertyName
   2. Methods
      1. methodName
   3. Events
      1. eventName
   4. Types
      1. id

This page shows some sample extensions, with links that let you install them and find their source code. Each sample also has links to the documentation for each feature used by the sample.

Note: To run these samples on Linux or Mac, you need to get on an early access release channel of Google Chrome.

• Windows: Use any release of Google Chrome
• Linux: Subscribe to the Beta channel
• Mac: Subscribe to the Dev channel

For more example code, see the Chromium examples directory. For tips on using the code viewer, see How to view the source code.

Sample extensions

Google Mail Checker

Adds a Google Mail button to the toolbar, displaying the number of unread messages in your inbox. Click the button to open your inbox.

Included with no charge is a swell animation when the number of unread items changes.

Install    Source code

Features used:

• Browser action (with canvas-based animation)
• Badge
• Background page
• Cross-origin XMLHttpRequest
• Tabs module

Subscribe in Feed Reader

Adds a small icon to the address bar when a web page contains a feed that can be subscribed to. When you click the icon, you'll see a preview of the feed and have the option to subscribe with the web-based reader of your choice.

Install   Source code

Features used:

• Page action
• Background page
• Content scripts
• Message passing
• Cross-origin XMLHttpRequest

News Reader

Uses a popup to display the first 5 items from the "Google News - top news" RSS feed. The popup dynamically resizes itself to fit additional content.

Install   Source code

Features used:

• Browser action
• Cross-origin XMLHttpRequest

Other sample extensions

These samples use similar capabilities to the ones above, but to implement different features.

Chromium buildbot monitor

Monitors the Chromium tree status
Install   Source code

Mappy

Lets you bring up a map for the first address on any web page
Install   Source code

Email this page

Lets you share the current web page by sending it in an email
Install   Source code

How to view the source code

The source code links in this page take you to a directory (for example, examples/extensions/gmail) that lists all the files in an extension. To view a file, first click its filename. If the page that comes up has an as text link, click that link to view the page's source code.

To download the file, right-click the download link. You can also left-click the download link to view the source code for files such as manifest.json that have no as text link.

We're working on a way to make it easier to look at the sample source code. If you'd like to track our progress, put a star by bug 25247.