关于 js 微信分享 微博分享 新浪微博分享 易信分享

来源:互联网 发布:淘宝商品采集工具 编辑:程序博客网 时间:2024/06/06 00:43

1.  谈谈 关于   js   微信分享  微博分享  新浪微博分享  易信分享    做这些分享的一些体会, 

通过百度,看别人的解决方式,大概总结了一下, 做页面的js 分享 大概有这样几种方式  ; 我说的分享就是 下面这种js 页面的分享;




大概有这样几种方式!

1. 自己写 

2 借助第三方的插件平台

对比两种方式的优点缺点; 

      1 .自己写的方式肯定要增加代码量,但是操作起来非常灵活,尤其是可以自定义自己的样式,也不依赖于第三方平台; 

      2. 借助第三方的插件平台 : 比如百度分享,  jiathis 分享   bshare 分享    ;可以参考一下这篇文章 http://lusongsong.com/reed/450.html   这个是 jiathis  和bshare 分享的对比 ;  总之总结起来,用第三方的插件平台,基本不用自己写什么代码,直接引用就可以了, 而且在后台可以看到相关的统计数据,和其他一些附带的强大功能 ; 

  

我个人比较喜欢自己去实现 : 下面我就阐述一下 自己该怎么写 ;

具体的代码我是参照这个链接  :

http://www.w2bc.com/Article/18570    我稍稍整理了一下,就是下面的 newfile.html  文件,直接可以运行, 

不过,在自己做这个分享的过程中,需要注意一下几点:


1. 微信,易信这种分享,要生成二维码,而二维码总是在后台生成,一个文章对应一个二维码的话,很浪费资源 ; 

   所以采用 jquery.qrcode.min.js   这个js 来生成二维码 ;    

http://www.cnblogs.com/xcsn/archive/2013/08/14/3258035.html


2.  jquery.qrcode.min.js    这个库是采用 charCodeAt() 这个方式进行编码转换的,

所以生成二维码的时候如果传入的text是中文就会出现乱码 ; 

所以需要 编码转换 : 可以参考   http://www.cnblogs.com/xcsn/archive/2013/08/14/3258035.html      


3. 对于ie 浏览器     


jquery-qrcode.js支持IE8吗    
支持  , 但是不能指定render为canvas,要指定为table 


 在  js 中修改即可,但是网上有说 canvas 性能高,  但是必须浏览器支持 html5 ,ie10一下的不支持html5
所以要用table 
所以我想的方式是,检测浏览器,当浏览器是 ie用table ,当浏览器不是ie 用canvas 

判断IE浏览器最短方法:var isIE = !-[1,]

原理:[1,]在标准浏览器中返回"1",相当于调用[1,].toString(),在IE中返回"1,"
在这个时候对返回值使用负号强制转换为数字时,标准浏览器返回1,IE则返回NaN,
再对1和NaN取反时,标准浏览器返回false,IE返回true。


但是这样做 估计也有些浏览器是不支持html5的,导致二维码也无法生成,
欢迎大拿高手指点 ;我的qq : 1175817175  
相关代码加我qq ,这无法上传 
0 0
原创粉丝点击