Agora, existem muitas ferramentas de compartilhamento convencional, como Jiathis, compartilhamento de Bshare e até algumas grandes empresas, como o compartilhamento de Baidu, mas elas ainda estão apenas compartilhando o lado do PC, e seu apoio a telefones celulares não é muito bom.
Todo mundo sabe que muitos navegadores móveis agora têm alguns componentes de compartilhamento embutidos, como o navegador UC e o navegador QQ. O compartilhamento de componentes internos pode iniciar diretamente o compartilhamento de aplicativos correspondente. Quão legal seria se um JS pudesse chamar o componente de compartilhamento interno do navegador.
Especialistas estão entre as pessoas. O editor do Wulin.com o levará para ver a biblioteca JS escrita por este irmão.
1. Introdução à ferramenta nativeshare.js
Uma ferramenta que pode chamar diretamente de compartilhamento nativo através do JavaScript, que possui as seguintes características:
1. Apoie Weibo nativo, WeChat Friends, WeChat Moments, QQ Friends, QQ Space Sharing
2. Apoie o navegador de suporte para mais funções de compartilhamento
3. Não confie em nenhum jQuery e outros plugins
Nota: Atualmente, apenas o navegador UC móvel e o navegador QQ são suportados
Endereço do projeto do Github: https://github.com/jefferywang/nativeshare.js
Git@OSC Endereço do projeto: http://git.oschina.net/wangjunfeng/nativeshare.js
2. Como usar
1.Introduzir arquivos CSS
A cópia do código é a seguinte:
<link rel = "Stylesheet" href = "nativeshare.css"/>
2. Insira o seguinte código onde você precisa adicionar compartilhamento:
A cópia do código é a seguinte:
<div id = "nativeshare"> </div>
3. Adicione informações de configuração e instancie -as
A cópia do código é a seguinte:
<Cript>
var config = {
URL: 'http: //blog.wangjunfeng.com',// link de página da web compartilhada
Título: 'Blog pessoal de Wang Junfeng', // Título
DEC: 'Blog pessoal de' Wang Junfeng ', // Descrição
IMG: 'http: //www.wangjunfeng.com/img/face.jpg',// imagem
img_title: 'blog pessoal de Wang Junfeng', // Título da imagem
De: 'Wang Junfeng's Blog' // fonte
};
var share_obj = new nativeshare ('nativeshare', config);
</script>
3. Cleicensho de demonstração
Figura 1: Compartilhe para Sina Weibo
Figura 2: Compartilhe para os momentos do WeChat
Figura 3: Compartilhe com contatos via WeChat
Figura 4: compartilhamentos QQ com contatos
Figura 5: compartilhamento de qq no espaço
Figura 6: Chamando o componente de compartilhamento interno do navegador