我們會完成創建您自己的Chrome擴展程序的過程，從manifest.json到jQuery代碼，再到Chrome網上應用店中查找。
Chrome擴展程序是小程序（使用HTML，JavaScript，jQuery），基本上是為了向Chrome瀏覽器添加其他功能而編寫的。您可以在Chrome網上應用店（以前稱為Google Chrome擴展程序庫）中下載並查找所有Google Chrome擴展程序。根據維基百科，截至2010年2月，開發人員已發布了2,200多個擴展。
如果您查看Chrome網上應用店，則會發現很多Chrome擴展程序。您可以使用此連結查看此信息。
這些Chrome擴展程序有一個小的UI，主要是一個HTML頁面，我們可以使用JavaScript和jQuery使其交互。
Chrome擴展程序中有3個主要部分。這些是：
manifest.json。一個JavaScript文件。一個HTML文件。
讓我們看看manifest.json是什麼。
manifest.json
每個Chrome應用都有一個名為manifest.json的JSON文件。此文件包含與JSON格式的應用程式相關的信息。
這是一個簡單的清單文件。
{"name": "My chrome App","description": "This is my first chrome app.","icons": [{"src": "images/icon.png","sizes": "192x192"}]}
基本上，它包含元數據，如名稱，描述，應用程式中使用的圖標，圖標大小，正在使用的HTML頁面，權限，瀏覽器操作，版本等。
瀏覽器操作
瀏覽器操作用於在GoogleChrome工具欄中顯示Chrome應用。它包含幾個屬性，如工具提示，徽章，彈出窗口等。
權限
在創建Chrome擴展程序時，您可能需要使用某些第三方庫，Chrome API等。因此，要將這些庫包含在項目中，我們需要權限數據。我們可以在mainfest.json中提及我們的權限。這是一個顯示mainfest.json文件中權限的示例 。
{"manifest_version": 2,"name": "Debendra Notification","description": "This extension by debendra256","version": "1.0","permissions": ["notifications"],"browser_action": {"default_icon": "img/myimg.png","default_popup": "popup.html","icons": { "128": "myimg.png" }}}
現在讓我們嘗試使用Visual Studio 2015創建Chrome應用。對於Visual Studio中的Chrome模板，您可以從此連結下載並安裝它。
安裝Chrome擴展項目模板後，重新啟動Visual Studio。
重新啟動VS後，您將在C＃項目下找到以下模板。
現在選擇Google Chrome擴展程序並進行操作。
現在轉到mainfest.json並添加以下內容：
{"manifest_version": 2,"name": "Debendra calculator","description": "This extension by debendra256","version": "1.0","browser_action": {"default_icon": "img/myimg.png","default_popup": "popup.html","icons": { "128": "myimg.png" }}}
在這裡，我使用了128 * 128的圖像，標記為 myimg。
現在，在Popup.html中，編寫以下HTML代碼。
<!doctype html><html><head><script src="jquery-3.2.1.min.js"></script><script src="popup.js"></script></head><body><input type="text" id="txt_name" /><input type="submit" id="btnsave" title="save" value="save"/></body></html>
現在轉到popup.js並編寫以下邏輯以顯示警報。
$(function () {$("#btnsave").click(function () {var name = $("#txt_name").val();alert("Hi"+" "+name);});});
現在完成了與創建應用程式相關的所有任務，因此我們將看到如何將擴展添加到瀏覽器。
以下是執行此操作的步驟：
在文件資源管理器中打開項目。在桌面上複製項目。現在轉到Chrome設置，然後轉到擴展程序。
現在單擊Load Unpack擴展按鈕，在桌面上找到您的擴展項目。
加載後，它將顯示在瀏覽器的右上角，您可以通過單擊它來訪問它。您可以輸入您的名字來玩它。
現在點擊Chrome瀏覽器右上角的小圖標。它將啟動應用程式，並將按照您的邏輯工作。
因此，通過這種方式，我們可以開始創建一個小型Chrome應用。對於Chrome，Chrome商店中有很多應用。