源內容來自Chorme擴展官方文檔,本文只供翻譯,侵刪
源內容來自Chorme擴展官方文檔,本文只供翻譯,侵刪
源內容來自Chorme擴展官方文檔,本文只供翻譯,侵刪
什麼是擴展程序?
擴展程序是可定製瀏覽體驗的小型軟件程序。它們使用戶可以根據個人需要或偏好來定製Chrome功能和行爲。它們基於Web技術(例如HTML,JavaScript和CSS)構建。
一個擴展程序必須滿足定義一個狹窄且易於理解的單一目的。一個擴展程序可以包含多個組件和一系列功能,只要每個組件都有助於實現一個共同的目的。
用戶界面應該是最小並有意圖的。它們的範圍從一個簡單的圖標(如下側顯示的谷歌郵件檢查器擴展)到覆蓋整個頁面。
擴展程序文件被壓縮到用戶下載和安裝的單個.crx包中。這意味着與普通的web應用程序不同,擴展程序不依賴於來自web的內容。
擴展程序通過Chorme開發者中心發佈,併發布到Chorme網絡應用商店。有關更多信息,請參見商店開發者文檔。
Hello Extensions
通過這個快速“Hello Extensions”示例,向擴展邁出一小步。首先創建一個新目錄來存儲擴展程序的文件,或者從示例頁面下載它們。
接下來,添加一個名爲manifest.json的文件,包含以下代碼:
{
"name" : "Hello Extensions",
"description" : "Base Level Extension",
"version" : "1.0",
"manifest_version" : 2
}
每個擴展程序都需要一個清單,儘管大多數擴展程序僅對清單沒有多大作用。爲了快速入門,擴展程序在browser_action字段下聲明瞭一個彈出文件和圖標 :
{
"name" : "Hello Extensions",
"description" : "Base Level Extension",
"version" : "1.0",
"manifest_version" : 2,
"browser_action" : {
"default_popup" : "hello.html",
"default_icon" : "hello_extensions.png"
}
}
在這裏下載hello_extensions.png,然後創建一個名爲hello.html的文件:
<html>
<body>
<h1>Hello Extensions</h1>
</body>
</html>
現在,當單擊圖標時,擴展顯示hello.html。下一步是在清單中包含一個命令。支持鍵盤快捷方式的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"
}
}
}
最後一步是在本地機器上安裝擴展程序。
- 在瀏覽器中瀏覽chrome://extensions。你也可以通過點擊Omnibox右上方的Chrome菜單來訪問這個頁面,將鼠標懸停在“更多工具”上並選擇“擴展程序”。
- 選中開發模式旁邊的複選框。
- 單擊“加載已解壓的擴展程序”並選擇“Hello Extensions”擴展程序的目錄。
恭喜你!現在,您可以通過單擊hello_world.png圖標或按下鍵盤上的Ctrl+Shift+F來使用基於彈出窗口的擴展程序。
接下來
- 遵循入門教程
- 閱讀概述
- 閱讀Chromium博客以瞭解最新信息
- 訂閱Chromium擴展組
源內容來自Chorme擴展官方文檔,本文只供翻譯,侵刪
源內容來自Chorme擴展官方文檔,本文只供翻譯,侵刪
源內容來自Chorme擴展官方文檔,本文只供翻譯,侵刪