More than 5 years have passed since last update.

Chroe Extension開発サンプル

Last updated at 2019-03-25Posted at 2019-03-24

Chrome Extension

クロームエクステンション開発の初めの一歩として、以下の公式ページを実践しました。
developer.chrome.com/extensions

資源のダウンロード

manifest.json

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "manifest_version": 2,
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

hello.html

<!DOCTYPE html>
<html>
  <head>
    <title> Hello Extensions </title>
  </head>

  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

hello_extensions.pngもあります。

拡張機能を有効にする

以下にアクセスし、パッケージ化されていない拡張機能を有効にするを押し、フォルダを指定する
chrome://extensions/

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up