關於chorme擴展程序

源內容來自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"
		}
    }
}

最後一步是在本地機器上安裝擴展程序。

  1. 在瀏覽器中瀏覽chrome://extensions。你也可以通過點擊Omnibox右上方的Chrome菜單來訪問這個頁面,將鼠標懸停在“更多工具”上並選擇“擴展程序”。
  2. 選中開發模式旁邊的複選框。
  3. 單擊“加載已解壓的擴展程序”並選擇“Hello Extensions”擴展程序的目錄。

恭喜你!現在,您可以通過單擊hello_world.png圖標或按下鍵盤上的Ctrl+Shift+F來使用基於彈出窗口的擴展程序。

接下來

  1. 遵循入門教程
  2. 閱讀概述
  3. 閱讀Chromium博客以瞭解最新信息
  4. 訂閱Chromium擴展組

源內容來自Chorme擴展官方文檔,本文只供翻譯,侵刪

源內容來自Chorme擴展官方文檔,本文只供翻譯,侵刪

源內容來自Chorme擴展官方文檔,本文只供翻譯,侵刪

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章