chrome擴展應用開發教程之調試和打包上線

今天的文章來說說chrome擴展開發的最後一步，代碼調試和打包上線。

chrome應用代碼調試

跟前端開發一樣，chrome應用開發過程中也是需要代碼調試的，用的調試工具自然是chrome的開發者工具，所以前端開發工程師應該很快就可以上手！

代碼調試需要調出來chrome的擴展程序頁面，有三種方式調出來chrome的擴展程序頁面

1. chrome右上角“扳手圖標”→工具→擴展程序

2. 新開個chrome選項卡，然後在地址欄輸入：chrome://extensions/回車

3. 右鍵點擊某個擴展，選擇管理擴展程序
   這樣就會看到如下的擴展程序界面：
   chrome擴展程序界面

點擊右上角的“開發者模式”，就會出現三個按鈕，選擇“載入正在開發中的擴展程序…”，在新開的窗口中找到自己開發的程序的路徑，然後打開就可以導入開發中的chrome應用了。點擊活動視窗，就可以打開chrome的開發中工具，前端開發工程師就可以進行調試了，跟調試前端頁面一樣哦。

如果chrome的擴展代碼更新了可以點擊“重新載入”就可以使用最新的代碼了。

chrome擴展應用的打包

如果你使用 Chrome Developer Dashboard，發布你的擴展，你將無需自己打包。你自己打包一個crx的唯一原因是你需要發布一個非公開版本，比如一個alpha測試版本給測試用戶。

當你打包一個擴展到時候。這個擴展獲得唯一的一對密鑰，其中的公共密鑰用於標識這個擴展，私密密鑰用於保存私密信息和給這個擴展的各個版本簽名。當你需要更新版本只是，需要找個簽名文件。

使用擴展程序打包

進入chrome的擴展程序頁面，選擇“打包擴展程序…”彈出窗口：

chrome擴展打包彈出框

選擇chrome擴展所在的文件路徑，如果是更新chrome應用需要選擇簽名文件所在的地址，點擊確定打包即可，打包成功會收到如下圖的提示信息：

chrome擴展打包成功提示

命令行打包chrome應用

chrome應用打包還支持命令行，只需要運行cmd，然後輸入命令行參數即可完成打包過程。
—pack-extension指定擴展所在的文件夾，
—pack-extension-key指定私鑰所在的文件位置，
如果你不想看到對話框，請使用 —no-message-box。
命令行打包示例：

1

chrome.exe --pack-extension=c:\myext --pack-extension-key=c:\myext.pem

到此一個chrome擴展就開發完成了。希望《chrome擴展應用開發教程》對你的chrome開發有幫助。

文章來源：