overtrue / share.js Goto Github PK

http://sailengsi.com

最开始使用一切正常，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/和自定义页面均可以正常使用。
一脸懵逼，是我自身的网络问题吗？然而一开始使用却没有任何问题啊。。。

虽然 bower 有没落趋势，但是还有不少人前端使用 bower 的。。还是很方便的。😄

图标和[Font Awesome](http://fortawesome.github.io/Font-Awesome/icons/#Brand Icons)冲突
导致显示不出来

data-mobile-sites="weibo,qzone,tencent,qq"
这样设置了之后只会显示第一个微博分享，后面的显示不出来了
<div class="share-component am-fl" data-disabled="google,facebook,twitter" data-mobile-sites="weibo,qzone,tencent,qq"></div>

怎么做到一个页面多个分享呢 比如新闻列表那种

无法获取未定义或 null 引用的属性“appendChild

翻看了一下文档，不知如何改变分享按钮的顺序，不知道是不是我没看到！

分享到微博和QQ都有标题（设置了data-title和data-description），但是微信为啥没有呢？只显示URL。

我要这样用才能有效果

// 配置要放第二个参数
$('share-bar').share({}, $options);

我看了一下源码, 发现没有用到第一个参数啊. 是我使用姿势有问题还是bug啊?

有的logo可能是以相对路径的方式引入的
建议这样写：
var $image = window.location.host + $(document).find('img:first').attr('src');

问题描述

微博默认会抓取目标页的图片，但是我希望他不要自动抓取，微博官方文档里面有提供了解决方案(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

解决方案建议

建议这个插件能提供更加灵活的解决方案，能够允许使用者自己针对不同社交网站添加额外的参数，这样才能满足各种特殊需求。

js获取页面URL，最好之后再urlencode一下，可能url里面有符号

能否设置 自动抓图的数量？
不再局限一个或没有？

更新一下，是我的错。你的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，有时候会报错

目前share.js的生命周期是这样的：
share.js加载 --> 加载完毕后运行相应的配置的js --> (window继续loading) --> loading完毕执行share.js内部注册的socialShare()

如果我想在AMD中使用，完全使用不了。我也没办法控制socialShare()的执行，因为当我使用socialShare()的时候，页面早就load了 内部注册的socialShare()已经抢先执行并且锁住了initialized。

您好，我看master分支已经增加了无依赖版本，而npm install的还没有。

我在自定义图表的使用中，其中哟一个分享是到微信，目前我使用的时候 是没有自动生成二维码的功能，是我这边使用不当 还是本身就没有这个功能。 谢谢。

如题。MAC的safari,好像他们说手机的safari也不行
还有就是qzone没有pics={{image}}分享时不能指定图片

弱弱的问下，在手机端分享时不能直接调起QQ和微信app分享吗？感觉很不人性化

支持twitter分享定制分享的内容吗，如url，text和图片。显示内容的定制让url可以隐藏在文字和图片下面。就像直接使用推特私信分享github上的内容显示的效果一样的

RT

用您的组件分享到QQ QQ没有提示 是否是QQ的问题

当我把这段代码
$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。。请问这是怎么回事呢？难道只能单独放在外面吗？

两个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;

这个在demo都不能跑

首先感谢作者分享和奉献。
在全站启用https站点，微博分享自动抓图功能，只能抓取到网站logo图片，并且logo图片不显示；
在非全站启用https站点，则没有这个问题。
那么，请问问题是不是出在微博分享这边呀?

这里应该做一个判断 如果是在微信里面打开 再点击微信分享 不应该再出现那个二维码 而是提示用户点击右上角的菜单分享到朋友圈

Cannot resolve module 'social-share.js' import的话会有这个错误。
请问要怎么使用..

标签属性里面添加data-mobile-sites 后，在手机端仍会显示所有的站点分享！
测试环境：IOS 9.2下的safari 和 Chrome & 无依赖版本。

微信二维码的方向一直是在icon的上面，如果上面满了的话，就会被浏览器覆盖，而不会自动跑到下面来，或者提供配置来处理吧~

js获取title和description的时候，有的网页会在meta里面写这两项信息，希望作者可以考虑一下

如下图：

我按照引导设置了无效，
设置data-source='test'也无效。

我按照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/

http://overtrue.me/share.js/?box=1&bo1=2 这样分享到腾讯微博 变成下面的 url
http://overtrue.me/share.js/?box=1&bo1=2
有解决方案吗

firefox 里，分享的那些图标都没有显示出来，有解决的吗？

你好：
我是译名盲人朋友，正在搭建自己的博客。偶然间发现了你创建的项目share.js,感觉很方便。不过，生成出来的链接都读不了呢，因为链接都是以图片形式展示的。为了不影响美观还能让盲人朋友用户用上这个脚本，希望可以给链接加入aria-label属性哦。这个属性的好处是，不影响外观，而能给视障用户使用的屏幕阅读器设置好相应的读取信息。
非常感谢！

分享到QQ空间，分享完成后点返回继续浏览没有用。

您好，再打扰一下：
Chrome和Safari下Object$assign.apply()的实现似乎不太一致：
我的代码：

在Chrome下能正确只显示微博微信，Safari下则全部显示。

调试过程如下：

这是断点位置，

这是Chrome下的test对象，

这是Safari下。

操作系统：OS X 10.11.3

我暂时是把Object$assign这段注掉解决的，不知道有没有更好的办法，所以就不提pull request了。

再次感谢您做了这些方便大家的工作。

包括QQ分享。
希望这个可以改进一下，感觉目前设定太蠢了。
PC上很好用，支持一下。

cdnjs/cdnjs#6980
https://cdnjs.com/libraries/social-share.js

master分支的字体库不起作用，您能check一下吗？

统一分享风格，图片缩略图等。

如图所示：

简单看了下，如果在

<a href="javascript:;" class="iconfont icon-wechat" target="_blank">

这个a标签添加一个onclick属性，就不会弹出新的标签页了。

<a href="javascript:;" class="iconfont icon-wechat" target="_blank" onclick="return false;">

但是点击后还是会出现虚线，麻烦作者有时间修复一下这个不太起眼的问题，多加感谢。