在我的网站上，以编程方式启动 Chrome 扩展程序的安装

Question

How can I achieve this functionality in my web application?

Here is the image showing the extension adding pop up:

Everywhere in Stack Overflow and Google it is telling that we cannot add extension pop up like:

How to programmatically open chrome extension popup.html

How can we display this alert "add extension"?

Answer 1

What you are trying to achieve is known Inline Plugin Installation .

Pre-requisite:

Before adding inline installation you must:

1. Publish your plugin on Chrome Webstore.

2. Must have your domain verified on Google Webmasters - Verified Site Requirement

Installation:

Then, to prompt the user to install the plugin while they are still on your site (not redirecting to Chrome Webstore) follow these steps:

1. Add a <Link /> to your Webstore Plugin, eg

   <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/itemID">

   more details here .

2. Trigger the installation (say after the user clicks a button),

    $('#install').on('click', function(){ if(window.chrome){ chrome.webstore.install(url, successCallback, failureCallback) } })

Make sure to checkout Official Documentation for more.