推荐一款好用的前端分享插件Share.js

推荐一款好用的前端分享插件Share.js

博主头像
2021-11-07 / 0 评论 / 540 阅读 / 正在检测是否收录...

Share.js可以帮助你实现一键分享到微博、QQ空间、QQ好友、微信、Twitter等社交网站

HTML使用方法

<div class="social-share"></div>
<!-- share.css -->
<link rel="stylesheet" href="dist/css/share.min.css">
<!-- share.js -->
<script src="dist/js/share.min.js"></script>
// 当你使用类名为 `social-share` 或者 `social-share` 时不需要手动初始化

自定义配置

所有配置可选, 通常默认就满足需求:

var $config = {};
socialShare('.social-share', $config)

可用的配置有:

url: '', // 网址,默认使用 window.location.href
source: '', // 来源(QQ空间会用到), 默认读取head标签
title: '', // 标题,默认读取 document.title 或者 <meta name="title" content="share.js" />
description: '', // 描述, 默认读取head标签
image: '', // 图片, 默认取网页中第一个img标签
sites: ['qzone', 'qq', 'weibo','wechat', 'douban'], // 启用的站点
disabled: ['google', 'facebook', 'twitter'], // 禁用的站点
wechatQrcodeTitle: "微信扫一扫:分享", // 微信二维码提示文字
wechatQrcodeHelper: '<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>',
28
打赏

评论 (0)

取消