Hoje iremos falar sobre a Opção compartilhamento navigator.share. Falar em compartilhar recursos é uma das premissas de nosso momento. Um grande aliado no desenvolvimento de PWA – Progressive Web Applications.
Um recurso muito simples, bastante utilizado na grande maioria dos aplicativos mobile. Em navegadores modernos ele está disponível de alguns formatos.
Como o Google é uma das referências em desenvolvimento, utilizaremos ele para testar a aplicação o Chrome.
Existem infindáveis atualizações e recursos (muitos que desconhecemos totalmente e muitos outros que atualizam diariamente). Um deles é uma forma de emular o navigator.share no chrome em seu desktop.
Para habilitar selecione a opção chrome://flags/#enable-experimental-web-platform-features e cole em seu navegador e marque como ENABLED, assim podermos testar a função.
//func.js
var compartilharMeuConteudo = function(text){
navigator.share({window.title, text, window.location.href});
}
<!DOCTYPE html>
<html lang="pt_br">
<head>
<meta charset="utf-8">
<title>Exemplo compartilhamento navigator.share Blog Kip Consultoria</title>
<script src="./func.js" type="text/javascript"></script>
</head>
<body>
<div>
<button onclick="compartilharMeuConteudo('Um texto');">Compartilhar</button>
</div>
</body>
</html>
Para visualizar o exemplo click aqui
