chrome擴展插件一：什麼是chrome擴展插件

1 什麼是chrome擴展插件？

擴展程序提供給用戶對chrome的功能進行擴展。用戶可以通過擴展程序來根據個人的需求和喜好定製開發一些chrome功能。這些程序開發是基於html,javascript及css等技術。

2 Hello Extensions

接着我們通過一個簡單的例子介紹如何添加開發並安裝擴展插件。
如下圖所示，我們添加一個簡單的功能。當點擊圖標Hi時，會彈出一個對話框。

爲了完成上述功能，需要如下步驟：

1. 創建文件夾
2. 在1中創建的文件夾內建立manifest.json文件及所用到的資源
3. 編輯manifest.json
4. 在瀏覽器中添加插件

manifest.json 文件

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

文件中的幾個關鍵配置如下：

default_popup：定義了一個html頁面，這個頁面就是彈出窗口所展示的頁面。
default_icon： 定義了插件的圖標
commands：定義了鍵盤操作，當我們輸入快捷鍵Ctrl+Shift+F時，同樣會展示出彈出的窗口

3 安裝插件

1. 地址欄輸入chrome://extensions，進入插件頁面
2. 點擊加載已解壓的擴展程序，並選擇剛纔建立的文件夾

最終單擊圖標或者通過Ctrl+Shift+F可以看到一個彈出窗口

4 參考

https://developer.chrome.com/extensions