轉載http://lvjava.com/?p=582

原文見https://developer.chrome.com/extensions/overview.html

Chrome Extension Hello World開發例子

一個Chrome外掛是一個包含HTML、CSS、Javasc

一個Chrome外掛是一個包含HTML、CSS、Javascript、Images或者其他任何你可能用到的檔案的集合,用來給Chrome瀏覽器擴充套件功能。一個Chrome擴充套件程式本質上就是一個WEB頁面,並且你可以使用所有瀏覽器支援頁面的API,不管是XMLHttpRequest、JSON或者是HTML5.

Chrome外掛可以通過指令碼(Javascript)或者cross-origin XMLHttpRequests來跟Web頁面或者後臺Server互動。外掛也可以跟書籤或者瀏覽器的Tab互動。

Chrome擴充套件的UI

除了packaged apps以外,絕大部分Chrome外掛都是通過在Chrome瀏覽器的右上角新增一個browser action或者page action來實現功能擴充套件。每一個Chrome外掛最多隻能有一個browser action或者page action。當一個外掛適用於大部分頁面的時候,可以建一個browser action,反之,如果是需要根據顯示的頁面來決定是否顯示外掛,則應該新增一個page action。

browser action:

page action:

Chrome外掛的UI還可以通過其他的方式來展現,比如新增一個Chrome的選單、新增一個引數設定頁面或者使用一個內容指令碼修改頁面的展示方式。參考開發人員手冊可以檢視外掛擴充套件特性的完整列表。

Packaged app UIs

一個Packaged app通常會通過其內部的一個HTML展示其主要功能。例如下面的Packaged app通過一個HTML頁面展示一個Flash。