一、離線應用程序(Packaged Apps):
? 創建manifest.json文件，文件格式如下：
{
"name": "My Awesome Racing Game",
"description": "Enter a world where a Vanagon can beat a Maserati",
"version": "1",
"app": {
"launch": {
"local_path": "main.html"
}
},
"icons": {
"16": "icon_16.png",
"128": "icon_128.png"
}
}
Name：要發布的web應用的名稱
Description：web應用的注釋、說明
Version：版本號
Launch：應用程序的啟動頁
icon:圖標
上面只是manifest.json文件的基本項，我們在Packaged apps這個方式，一般使用上面幾項就足夠了；
? 準備好要發布的web app；
? 準備好相應的png圖片
? 將上面的幾個文件放到一個文件夾下，打成zip包，上傳谷歌的應用商店即可，如下圖所示：
? 上傳圖標
屏幕截圖、宣傳圖片必須的
? 填寫詳細說明和類別
? 發布應用
點擊發布更改，就發布應用了
? 注意：如果需要更改應用的zip包，點擊開發人員信息中的選中應用的修改按鈕
，每一次上傳的版本號必須比上一次的大
二、托管應用程序
1、創建manifest.json文件，文件格式如下
{
"name": "Google Mail",
"description": "Read your gmail",
"version": "1",
"app": {
"urls": [
"*://mail.google.com/mail/",
"*://www.google.com/mail/"
],
"launch": {
"web_url": " }
},
"icons
"128": "icon_128.png"
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}
Urls:這里是必須通過谷歌驗證過的網站，如果http和https的url都通過了谷歌的驗證，在url的前面加通配符*；
其他的上面離線應用程序類似，圖標是128的png，必須有；
Permissions權限字段：指定html5程序的權限；
2、創建128*128的png圖片
3、將上面的兩個文件，放到一個文件夾中，打包(zip包)，并上傳到要創建的應用程序頁面
并發布；
? 創建rcx文件并更新到谷歌應用商店，步驟如下：
在Chrome中，擴展管理頁面，點擊扳手圖標 ，然后選擇“ 工具“>”擴展程序“；
單擊開發人員模式，如下圖所示
點擊“載入正在開發的擴展程序”，出現文件選擇框，將剛才打包的文件選中
分別點擊打包擴展程序和立即更新擴展程序；
? 如何通過google的驗證：通過“google網站站長工具”來完成，如果沒有通過，按照谷歌的提示下載一個html到網站上就可以了
三、Manifest文件詳解
{
// Required
"name": "My Extension",
"version": "versionString",
"manifest_version": 2,
// Recommended
"description": "A plain text description",
"icons": { ... },
"default_locale": "en",
// Pick one (or none)
"browser_action": {...},
"page_action": {...},
"theme": {...},
"app": {...},
// Add any of these that you need
"background": {...},
"chrome_url_overrides": {...},
"content_scripts": [...],
"content_security_policy": "policyString",
"file_browser_handlers": [...],
"homepage_url": "http://path/to/homepage",
"incognito": "spanning" or "split",
"intents": {...}
"key": "publicKey",
"minimum_chrome_version": "versionString",
"nacl_modules": [...],
"offline_enabled": true,
"omnibox": { "keyword": "aString" },
"options_page": "aFile.html",
"permissions": [...],
"plugins": [...],
"requirements": {...},
"update_url": "http://path/to/updateInfo.xml",
"web_accessible_resources": [...]
}
homepage_url：擴展鏈接，如果想將這個應用放到自己的網站上可以使用此項
intents：指定http://webintents.org/share “兩個動作動詞“的處理程序。
{
"name": "test",
"version": "1",
"intents": {
" {
"type": ["text/uri-list"],
"href": "/services/sharelink.html",
"title" : "Sample Link Sharing Intent",
"disposition" : "inline"
},
{
"type": ["image/*"],
"href": "/services/shareimage.html",
"title" : "Sample Image Sharing Intent",
"disposition" : "window"
}
]
}
}
Herf表示頁面處理
Key: 此值可用于控制的擴展，應用程序，或主題的唯一的ID，當它被裝在開發過程中。
nacl_modules：MIME類型映射到本地客戶端模塊處理每種類型的一個或多個；下面的代碼片段中的粗體代碼注冊為OpenOffice的電子表格MIME類型的內容處理程序的本機客戶端模塊。
{
"name": "Native Client OpenOffice Spreadsheet Viewer",
"version": "0.1",
"description": "Open OpenOffice spreadsheets, right in your browser.",
"nacl_modules": [{
"path": "OpenOfficeViewer.nmf",
"mime_type": "application/vnd.oasis.opendocument.spreadsheet"
}]
}
每個MIME類型可以與只有一個。NMF文件，但單一的。NMF文件可能處理多個MIME類型。以下示例顯示了一個帶有兩個擴展。NMF處理三個MIME類型的文件。
{
"name": "Spreadsheet Viewer",
"version": "0.1",
"description": "Open OpenOffice and Excel spreadsheets, right in your browser.",
"nacl_modules": [{
"path": "OpenOfficeViewer.nmf",
"mime_type": "application/vnd.oasis.opendocument.spreadsheet"
},
{
"path": "OpenOfficeViewer.nmf",
"mime_type": "application/vnd.oasis.opendocument.spreadsheet-template"
},
{
"path": "ExcelViewer.nmf",
"mime_type": "application/excel"
}]
}
offline_enabled:如果設置為true，apps將突顯在新的標簽頁
permissions：應用可能會使用的權限，格式：字符串(匹配模式)，一個多個主機訪問列表
這里是一個為一個擴展的manifest文件的權限部分的例子：
"permissions": [
"tabs", //標簽
"bookmarks", //書簽
" "http://*.google.com/",
"unlimitedStorage" //無限制
],
下表是常用的權限說明：
match pattern 指定一個主機權限。如果擴展要交互的網頁上運行的代碼。許多擴展功能，如 跨域的XMLHttpRequest， 編程注射的內容腳本，餅干API的 需要主機的權限。有關語法的細節，請參閱 匹配模式。
"background"（背景） 瀏覽器運行不可見，用戶只要登錄到自己的電腦前，用戶啟動瀏覽器。“背景”的權限也使得瀏覽器繼續運行（即使其最后一個窗口被關閉），直到用戶明確退出瀏覽器。
通常在托管應用程序中使用
"bookmarks"（書簽） 如果需要延長使用 chrome.bookmarks模塊。
"chrome://favicon/" 如果擴展使用“chrome:/ /的favicon / URL “的機制顯示頁面的favicon。例如，顯示http://www.google.com/的favicon，申請使用“chrome:/ / favicon /”權限和使用代碼如下：
<img src="chrome://favicon/http://www.google.com/">
"clipboardWrite"(粘貼) 如果擴展使用 document.execCommand（“粘貼”） 。
“clipboardWrite” 表示應用程序或擴展使用 document.execCommand（'復制'）或 document.execCommand（'剪切'） 。一般在托管app中使用
" contentSettings " 如果需要延長使用 chrome.contentSettings模塊。
“contextMenus” 如果需要擴展使用 chrome.contextMenus的模塊。
"cookies" 如果需要延長使用 chrome.cookies模塊。
"experimental" 需要擴展使用 chrome.experimental.* APIs.
"fileBrowserHandler" 需要擴展使用 fileBrowserhandler的模塊。
"geolocation" 允許延期使用HTML5的 地理位置API， 不提示用戶許可的情況下。
"history" 需要擴展使用 chrome.history的模塊
"idle" 需要擴展使用 chrome.idle的模塊。
"management" 需要擴展使用 chrome.management的模塊。
"notifications" 允許延期使用建議HTML5的 通知API， 而不調用權限的方法（如的checkPermission（） ）。
"privacy" 允許延期使用建議HTML5的 通知API， 而不調用權限的方法（如的checkPermission（） ）。
"proxy" 需要如果擴展使用 chrome.proxy的模塊
"tabs" 如果擴展使用的 chrome.tabs或 chrome.windows模塊。
"tts" 如果需要擴展使用 chrome.tts的模塊
"ttsEngine" 如果需要延長使用 chrome.ttsEngine模塊。
"unlimitedStorage" 儲HTML5的客戶端的數據，如數據庫和本地存儲文件，提供了一個無限的配額。如果沒有此權限，擴展被限制為5 MB的本地存儲。
此權限僅適用于網頁的SQL數據庫和應用程序緩存（見問題58985）。此外，它并不目前工作通配符子域，如 htt
"webNavigation" 需要擴展使用 chrome.webNavigation的模塊。
"webRequest" 需要擴展使用 chrome.webRequest的模塊。
"webRequestBlocking" 擴展使用的chrome.webRequest，阻塞需要 。
Requirements:這里唯一支持的是“3D”，這是指GPU硬件加速
如下面的例子：
"requirements": {
"3D": {
"features": ["css3d", "webgl"]
}
}
css3d指的是 CSS 3D變換規格，WebGLl是WebGL的API。
Version：0和65535
下面是有效版本：
? “版本”：“1”
? “版本”：“1.0”
? “版本”：“2.10.2”
? “版本”：“3.1.2.4567”
manifest_version：指定的manifest文件格式的版本
對于Chrome 18，這個應該是2
web_accessible_resources：字符串，指定路徑，預計將在網頁中使用的資源
例如：一個擴展，內容腳本注入的打算建立一些自定義接口example.com(建立白名單資源)，該接口要求（圖像，圖標，樣式，腳本等）如下：
{
...
"web_accessible_resources": [
"images/my-awesome-image1.png",
"images/my-amazing-icon1.png",
"style/double-rainbow.css",
"script/double-rainbow.js"
],
這些資源將可以通過網頁的URL中 chrome-extension://[PACKAGE ID]/[PATH]，
Default Availablility：在manifest_version 2或以上的版本中，默認情況下資源不存在的時候，必須通過使用此屬性的白名單
資源manifest_version 1是默認提供的，但如果你不設置此屬性，然后將所有白名單資源作為一個完整的列表處理。未列出的資源將被阻止。