overtrue / share.js Goto Github PK
View Code? Open in Web Editor NEW一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等
License: MIT License
一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等
License: MIT License
统一分享风格,图片缩略图等。
Cannot resolve module 'social-share.js'
import的话会有这个错误。
请问要怎么使用..
如题。MAC的safari,好像他们说手机的safari也不行
还有就是qzone没有pics={{image}}分享时不能指定图片
弱弱的问下,在手机端分享时不能直接调起QQ和微信app分享吗?感觉很不人性化
我要这样用才能有效果
// 配置要放第二个参数
$('share-bar').share({}, $options);
我看了一下源码, 发现没有用到第一个参数啊. 是我使用姿势有问题还是bug啊?
微信二维码的方向一直是在icon的上面,如果上面满了的话,就会被浏览器覆盖,而不会自动跑到下面来,或者提供配置来处理吧~
标签属性里面添加data-mobile-sites
后,在手机端仍会显示所有的站点分享!
测试环境:IOS 9.2下的safari 和 Chrome & 无依赖版本。
用您的组件分享到QQ QQ没有提示 是否是QQ的问题
有的logo可能是以相对路径的方式引入的
建议这样写:
var
怎么做到一个页面多个分享呢 比如新闻列表那种
能否设置 自动抓图的数量?
不再局限一个或没有?
分享到QQ空间,分享完成后点返回继续浏览没有用。
图标和[Font Awesome](http://fortawesome.github.io/Font-Awesome/icons/#Brand Icons)冲突
导致显示不出来
支持twitter分享定制分享的内容吗,如url,text和图片。显示内容的定制让url可以隐藏在文字和图片下面。就像直接使用推特私信分享github上的内容显示的效果一样的
当我把这段代码
$config = {
url : '', // 网址,默认使用 window.location.href
source : '', // 来源(QQ空间会用到), 默认读取head标签:
title : '', // 标题,默认读取 document.title 或者
description : '', // 描述, 默认读取head标签:
image : '', // 图片, 默认取网页中第一个img标签
sites : ['qzone', 'qq', 'weibo','wechat', 'douban'], // 启用的站点
disabled : ['google', 'facebook', 'twitter'], // 禁用的站点
wechatQrcodeTitle : "微信扫一扫:分享", // 微信二维码提示文字
wechatQrcodeHelper : '
微信里点“发现”,扫一下
二维码便可将本文分享至朋友圈。
',放在我的一个自定义函数里边,我就无法分享我的自定义url。。。。我已经自定义了url可还是分享了当前url。。请问这是怎么回事呢?难道只能单独放在外面吗?
我在自定义图表的使用中,其中哟一个分享是到微信,目前我使用的时候 是没有自动生成二维码的功能,是我这边使用不当 还是本身就没有这个功能。 谢谢。
这个在demo都不能跑
包括QQ分享。
希望这个可以改进一下,感觉目前设定太蠢了。
PC上很好用,支持一下。
var $share_config = {
source: 'TalkingCoder',
sites: ['qzone', 'qq', 'weibo','wechat', 'douban'],
disabled: ['google', 'facebook', 'twitter']
};
$('.social-share').share($share_config);
无法获取未定义或 null 引用的属性“appendChild
你好:
我是译名盲人朋友,正在搭建自己的博客。偶然间发现了你创建的项目share.js,感觉很方便。不过,生成出来的链接都读不了呢,因为链接都是以图片形式展示的。为了不影响美观还能让盲人朋友用户用上这个脚本,希望可以给链接加入aria-label属性哦。这个属性的好处是,不影响外观,而能给视障用户使用的屏幕阅读器设置好相应的读取信息。
非常感谢!
更新一下,是我的错。你的npm包里面的才有问题,github上面的没有问题。
没有留意
147行
for($key in $data){
应该是for(var $key in $data){
79行
for ($i in $data.mode == 'prepend' ? $sites.reverse() : $sites) {
应该是
for (var $i in $data.mode == 'prepend' ? $sites.reverse() : $sites) {
都少了var,有时候会报错
分享到微博和QQ都有标题(设置了data-title
和data-description
),但是微信为啥没有呢?只显示URL。
我按照example设置了自己的博客的代码,可以用是可以用,但是所有的图标全部是错的。。。但是我运行example,能看到正确的图标,所以css部分应该没有问题,可能是JS部分的问题么?https://www.scislab.com/blog/shang-qiong-bi-luo-xia-huang-quan-liang-chu-mang-mang-jie-bu-jian-ji-yi-ci-yin-wei-sublime-textcha-jian-dao-zhi-de-djangogu-zhang/
虽然 bower 有没落趋势,但是还有不少人前端使用 bower 的。。还是很方便的。😄
目前share.js的生命周期是这样的:
share.js加载 --> 加载完毕后运行相应的配置的js --> (window继续loading) --> loading完毕执行share.js内部注册的socialShare()
如果我想在AMD中使用,完全使用不了。我也没办法控制socialShare()的执行,因为当我使用socialShare()的时候,页面早就load了 内部注册的socialShare()已经抢先执行并且锁住了initialized。
最开始使用一切正常,http://overtrue.me/share.js/和自己自定义的页面在PC和手机上都没有问题,正常使用的情况大概有5天左右,期间分享给QQ好友2次,点开分享后取消若干次,在分享页登录过QQ,这期间电脑未重启过,关机使用休眠。
大概5天过后问题来了,无论是http://overtrue.me/share.js/还是自定义页面的QQ分享出现ERR_CONNECTION_TIMED_OUT,手机和PC都是这样。
使用goagent挂代理后,http://overtrue.me/share.js/和自定义页面都可以正常分享。
重启路由器,重启PC,http://overtrue.me/share.js/页面正常,自定义页面问题依旧。
重启手机,http://overtrue.me/share.js/和自定义页面问题依旧,断开wifi**使用流量**,http://overtrue.me/share.js/和自定义页面均可以正常使用。
一脸懵逼,是我自身的网络问题吗?然而一开始使用却没有任何问题啊。。。
两个share.js的div,如下:
<p class="social-share" data-sites="">
<a href="javascript:;" class="social-share-icon icon-heart"></a> 123
</p>
<div class="social-share">
<a href="javascript:;" class="social-share-icon icon-heart"></a>
</div>
第一个div用来做喜欢操作,不做分享,第二个div,用来做分享,结果div中的配置信息串了。实际效果为第一个div显示正常,第二个div理论上应该显示所有的share按钮,实际只显示的heart,第二个div的配置和第一个串了。
css自定义字体后就不显示图标
font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
http://overtrue.me/share.js/?box=1&bo1=2 这样分享到腾讯微博 变成下面的 url
http://overtrue.me/share.js/?box=1&bo1=2
有解决方案吗
您好,我看master分支已经增加了无依赖版本,而npm install的还没有。
微博默认会抓取目标页的图片,但是我希望他不要自动抓取,微博官方文档里面有提供了解决方案(searchPic=false),但是 share.js 里没有对应的配置方法。
http://open.weibo.com/sharebutton
参数使用效果对比:
默认情况,会自动抓图,结果抓到了一张我们不想要的图
http://service.weibo.com/share/share.php?url=http://open.weibo.com/sharebutton&appkey=
指定参数,禁止自动抓图
http://service.weibo.com/share/share.php?url=http://open.weibo.com/sharebutton&appkey=&searchPic=false
建议这个插件能提供更加灵活的解决方案,能够允许使用者自己针对不同社交网站添加额外的参数,这样才能满足各种特殊需求。
RT
这里应该做一个判断 如果是在微信里面打开 再点击微信分享 不应该再出现那个二维码 而是提示用户点击右上角的菜单分享到朋友圈
翻看了一下文档,不知如何改变分享按钮的顺序,不知道是不是我没看到!
js获取title和description的时候,有的网页会在meta里面写这两项信息,希望作者可以考虑一下
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.