Nessa pergunta tem um código bem simples e funcional. O código abaixo irá tentar carregar um cross-esquema de script a partir de chrome-extension: // URL
, neste caso - o arquivo de manifest. Você só precisa do ID exclusivo para colocar no URL. Se a extensão for instalado, manifesto irá carregar e onload
evento será acionado, se não onerror
. Lembrando que para você conseguir comunicação com a Extensão e o seu site, no manifest.json
da extensão ela deve possuir o "web_accessible_resources": ["*"]
.
Código:
function Ext_NotInstallada(ExtName, ExtID) {
console.log(ExtName + ' --Não Installada!');
if (msg.innerHTML != '')
msg.innerHTML = msg.innerHTML + "<BR>"
msg.innerHTML = msg.innerHTML + ExtName + ' _Clique no link para obter a extensão! <a href="https://chrome.google.com/webstore/detail/locallinks/' + ExtID + '">here</a>';
}
function Ext_Installada(ExtName, ExtID) {
console.log(ExtName + ' Instalada');
}
var Detectar_Extensao = function(Name, ID) {
var s = document.createElement('script');
s.onload = function() {
Ext_Installada(Name, ID);
};
s.onerror = function() {
Ext_NotInstallada(Name, ID);
};
s.src = 'chrome-extension://' + ID + '/manifest.json';
document.body.appendChild(s);
}
$(function() {
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if (is_chrome)
Detectar_Extensao('__MSG_CHROME_HANGOUTS_SHORT_NAME__', 'jifpbeccnghkjeaalbbjmodiffmgedin');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='msg'></div>
Teste com Hangouts.
O ID fica na URL
Você pode obter detalhes do manifest.json
seguindo esse Tutorial.
Instale a extensão Chrome Extension Source Code Viewer
Abra seus Apps e clique em CRX, a extensão instalada anteriormente.
- Clicando em View Source, você verá detalhes do arquivo.