# chrome-app-samples

**Repository Path**: wsctk/chrome-app-samples

## Basic Information

- **Project Name**: chrome-app-samples
- **Description**: Google Chrome 官方提供的各种扩展应用的示例代码
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 10
- **Created**: 2022-03-09
- **Last Updated**: 2022-03-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Chrome Extensions samples

Official samples for Chrome Extensions and the Chrome Apps platform.
Note that Chrome Apps are deprecated—learn more [on the Chromium blog](https://blog.chromium.org/2020/08/changes-to-chrome-app-support-timeline.html).

For more information on extensions, see [Chrome Developers](https://developer.chrome.com).

**Note: Samples for Manifest V3 are still being prepared. In the mean time, consider referring to [mv2-archive/](mv2-archive/)**

## Samples

The directory structure is as follows:

* [api/](api/) - extensions focused on a single API package
* (To be added) [howto/](howto/) - extensions that show how to perform a particular task
* [tutorials/](tutorials/) - multi-step walkthroughs referenced inline in the docs
* [examples/](examples/) - full featured extensions spanning multiple API packages
* [apps/](apps/) - deprecated Chrome Apps platform (not listed below)
* [mv2-archive/](mv2-archive/) - resources for manifest version 2

To experiment with these samples, please clone this repo and use 'Load Unpacked Extension'.
Read more on [Getting Started](https://developer.chrome.com/extensions/getstarted).

<table>
  <thead>
    <tr>
      <th>Sample</th>
      <th>Calls</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="vertical-align:top;">
        Hello World <br>
        <a href="examples/hello-world"><code>examples/hello-world</code></a>
      </td>
      <td  style="vertical-align:top;">
        <ul>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/action/#event-onClicked">action.onClicked</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/runtime/#method-getURL">runtime.getURL</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/tabs/#method-create">tabs.create</a></li>
        </ul>
      </td>
    </tr>
    <tr>
      <td style="vertical-align:top;">
        Page Redder <br>
        <a href="examples/page-redder"><code>examples/page-redder</code></a>
      </td>
      <td  style="vertical-align:top;">
        <ul>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/action/#event-onClicked">action.onClicked</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/scripting/#method-executeScript">scripting.executeScript</a></li>
        </ul>
      </td>
    </tr>
    <tr>
      <td style="vertical-align:top;">
         My Bookmarks <br>
        <a href="examples/bookmarks"><code>examples/bookmarks</code></a>
      </td>
      <td  style="vertical-align:top;">
        <ul>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/bookmarks/#method-create">bookmarks.create</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/bookmarks/#method-getTree">bookmarks.getTree</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/bookmarks/#method-remove">bookmarks.remove</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/bookmarks/#method-update">bookmarks.update</a></li>
        </ul>
      </td>
    </tr>
    <tr>
      <td style="vertical-align:top;">
        Cookie Clearer <br>
        <a href="api/cookies/cookie-clearer"><code>api/cookies/cookie-clearer</code></a>
      </td>
      <td  style="vertical-align:top;">
        <ul>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/cookies/#method-getAll">cookies.getAll</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/cookies/#method-remove">cookies.remove</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/tabs/#method-query">tabs.query</a></li>
        </ul>
      </td>
    </tr>
    <tr>
      <td style="vertical-align:top;">
        Omnibox - New Tab Search <br>
        <a href="api/omnibox/new-tab-search"><code>api/omnibox/new-tab-search</code></a>
      </td>
      <td  style="vertical-align:top;">
        <ul>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/omnibox/#event-onInputEntered">omnibox.onInputEntered</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/tabs/#method-create">tabs.create</a></li>
        </ul>
      </td>
    </tr>
    <tr>
      <td style="vertical-align:top;">
        Web Accessible Resources <br>
        <a href="api/web-accessible-resources"><code>api/web-accessible-resources</code></a>
      </td>
      <td style="vertical-align:top;">
        <ul>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/action/#event-onClicked">action.onClicked</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/runtime/#method-getURL">runtime.getURL</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/runtime/#event-onInstalled">runtime.onInstalled</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/runtime/#type-OnInstalledReason">runtime.onInstalledReason</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/reference/tabs/#method-create">tabs.create</a></li>
          <li><a href="https://developer.chrome.com/docs/extensions/mv3/manifest/web_accessible_resources/">web_accessible_resources</a></li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>