Ahora hay muchas herramientas para compartir la corriente principal, como Jiathis, Bshare Compartir e incluso algunas grandes empresas como Baidu Sharing, pero todavía están compartiendo en el lado de la PC, y su apoyo a los teléfonos móviles no es muy bueno.
Todos saben que muchos navegadores móviles ahora tienen algunos componentes compartidos integrados, como el navegador UC y el navegador QQ. El intercambio de componentes incorporado puede iniciar directamente el intercambio de aplicaciones correspondiente. Qué genial sería si un JS pudiera llamar al componente de intercambio incorporado del navegador.
Los expertos se encuentran entre las personas. El editor de Wulin.com lo llevará a ver la biblioteca JS escrita por este hermano.
1. Introducción de herramientas NativesHare.js
Una herramienta que puede llamar directamente al intercambio nativo a través de JavaScript, que tiene las siguientes características:
1. Apoye a Native Weibo, WeChat Friends, WeChat Moments, QQ Friends, QQ Space Sharing
2. Apoyo a llamar al navegador para obtener más funciones de intercambio
3. No confíe en ningún jQuery y otros complementos
Nota: Actualmente, solo son compatibles con el navegador Mobile UC y el navegador QQ
Dirección del proyecto GitHub: https://github.com/Jefferywang/nateshare.js
Dirección del proyecto Git@OSC: http://git.oschina.net/wangjunfeng/nateshare.js
2. Cómo usar
1. Introducir archivos CSS
La copia del código es la siguiente:
<link rel = "stylesheet" href = "nativeshare.css"/>
2. Inserte el siguiente código donde necesite agregar compartir:
La copia del código es la siguiente:
<div id = "nativeshare"> </div>
3. Agregue información de configuración e instanciéla
La copia del código es la siguiente:
<script>
var config = {
URL: 'http: //blog.wangjunfeng.com',// enlace de la página web compartida
Título: 'Blog personal de Wang Junfeng', // título
Desc: 'Blog personal de Wang Junfeng', // Descripción
img: 'http: //www.wangjunfeng.com/img/face.jpg',// Imagen
img_title: 'Blog personal de Wang Junfeng', // Título de la imagen
De: 'Blog de Wang Junfeng' // fuente
};
var share_obj = New NativesHare ('NativesHare', config);
</script>
3. Captura de pantalla de demostración
Figura 1: Comparte con Sina Weibo
Figura 2: Compartir a WeCat Moments
Figura 3: Comparta con contactos a través de WeChat
Figura 4: QQ comparte con contactos
Figura 5: QQ compartiendo al espacio
Figura 6: Llamar al componente de intercambio incorporado del navegador