Quero garantir que os visitantes do meu site tenham a melhor experiência possível, para que eles possam usar o LastPass e outros gerenciadores de senhas.
Existe alguma maneira de identificar se meus visitantes estão ou não usando um desses plugins?
Quero garantir que os visitantes do meu site tenham a melhor experiência possível, para que eles possam usar o LastPass e outros gerenciadores de senhas.
Existe alguma maneira de identificar se meus visitantes estão ou não usando um desses plugins?
Respostas:
Sim.
Os usuários podem instalar o LastPass como um plug-in do navegador. Assim, você pode confiar nas linguagens de script do lado do cliente para verificar se o LastPass está instalado.
Por exemplo, usar NavigatorPlugins.plugins
permite obter o PluginArray
objeto a, listando os plugins instalados no aplicativo:
function getLastPassVersion() {
var lastpass = navigator.plugins['LastPass'];
if (lastpass === undefined) {
// LastPass is not present
return undefined;
}
return lastpass.version;
}
Observe também que o que você está solicitando é geralmente implementado e usado pelas tecnologias de impressão digital do navegador .
navigator.plugins
ou resultados de retorno falsos para privacidade proteção: developer.mozilla.org/en-US/docs/Web/API/NavigatorPlugins/...
Existe alguma maneira de identificar se meus visitantes estão usando um desses plug-ins ou não e qual a melhor forma de apoiá-lo?
De longe, a melhor maneira de oferecer suporte a gerenciadores de senhas é usar <form>
tags normais e um formulário normal. Se você não fizer nada inteligente, o gerenciador de senhas fará seu trabalho.
A maioria desses gerenciadores de senhas é baseada em plugins de navegador e funciona preenchendo os campos do formulário e acionando o envio de um formulário como se o usuário pressionasse o botão de envio. gerenciador de senhas.
Você pode usar o Javascript para detectar a velocidade de digitação nos campos de nome de usuário / senha. Uma taxa variável sugere que alguém a está digitando manualmente, enquanto uma taxa constante ou até mesmo nenhum pressionamento de tecla (copiar e colar) significa que alguém está usando um gerenciador de senhas.
Para responder à pergunta real, uma maneira de detectar se os usuários estão usando o Lastpass é fornecer algum tipo de campo de login e usar jQuery ou similar para verificar se o Lastpass inseriu a "imagem de plano de fundo" inserida nos campos de login que pode preencher automaticamente.
Aqui está um exemplo de um campo de entrada de email, todas as coisas na tag de estilo foram adicionadas pelo Lastpass:
<input type="text" class="form-control" id="inputEmail" placeholder="Email" style="cursor: pointer; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAAXNSR0IArs4c6QAAAPhJREFUOBHlU70KgzAQPlMhEvoQTg6OPoOjT+JWOnRqkUKHgqWP4OQbOPokTk6OTkVULNSLVc62oJmbIdzd95NcuGjX2/3YVI/Ts+t0WLE2ut5xsQ0O+90F6UxFjAI8qNcEGONia08e6MNONYwCS7EQAizLmtGUDEzTBNd1fxsYhjEBnHPQNG3KKTYV34F8ec/zwHEciOMYyrIE3/ehKAqIoggo9inGXKmFXwbyBkmSQJqmUNe15IRhCG3byphitm1/eUzDM4qR0TTNjEixGdAnSi3keS5vSk2UDKqqgizLqB4YzvassiKhGtZ/jDMtLOnHz7TE+yf8BaDZXA509yeBAAAAAElFTkSuQmCC"); background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%; background-repeat: no-repeat;" autocomplete="off">
Esta pode não ser a maneira mais eficaz de detectar se um usuário está usando o Lastpass, mas definitivamente funciona :)