zoukankan      html  css  js  c++  java
  • 微信分享朋友链接显示js代码

    通常自己做的一个页面想通过微信像朋友分享时,展示的标题和描述都是不是自己想要的,自己查了一些资料,原来是通过js来进行控制

    展示效果如下:

    标题、描述、还有分享的图片都是有js来控制的。

    js代码如下

    <script>
            var dataForWeixin = {
                appId: "",
                MsgImg: "http://www.yyychina.com/Christmas/201012189457639.gif",//显示图片
                TLImg: "http://www.yyychina.com/Christmas/201012189457639.gif",//显示图片
                url: "http://www.yyychina.com/Christmas/6.html?stra=!u738B!u4F1F",//跳转地址
                title: "将我的思念和祝福送给您,颐养源祝大家圣诞快乐",//标题内容
                desc: "将我的思念和祝福送给您,颐养源祝大家圣诞快乐",//描述内容
                fakeid: "",
                callback: function () { }
            };
            (function () {
                var onBridgeReady = function () {
                    WeixinJSBridge.on('menu:share:appmessage', function (argv) {
                        WeixinJSBridge.invoke('sendAppMessage', {
                            "appid": dataForWeixin.appId,
                            "img_url": dataForWeixin.MsgImg,
                            "img_width": "120",
                            "img_height": "120",
                            "link": dataForWeixin.url,
                            "desc": dataForWeixin.desc,
                            "title": dataForWeixin.title
                        }, function (res) { (dataForWeixin.callback)(); });
                    });
                    WeixinJSBridge.on('menu:share:timeline', function (argv) {
                        (dataForWeixin.callback)();
                        WeixinJSBridge.invoke('shareTimeline', {
                            "img_url": dataForWeixin.TLImg,
                            "img_width": "120",
                            "img_height": "120",
                            "link": dataForWeixin.url,
                            "desc": dataForWeixin.desc,
                            "title": dataForWeixin.title
                        }, function (res) { });
                    });
                    WeixinJSBridge.on('menu:share:weibo', function (argv) {
                        WeixinJSBridge.invoke('shareWeibo', {
                            "content": dataForWeixin.title,
                            "url": dataForWeixin.url
                        }, function (res) { (dataForWeixin.callback)(); });
                    });
                    WeixinJSBridge.on('menu:share:facebook', function (argv) {
                        (dataForWeixin.callback)();
                        WeixinJSBridge.invoke('shareFB', {
                            "img_url": dataForWeixin.TLImg,
                            "img_width": "120",
                            "img_height": "120",
                            "link": dataForWeixin.url,
                            "desc": dataForWeixin.desc,
                            "title": dataForWeixin.title
                        }, function (res) { });
                    });
                };
    
                if (document.addEventListener) {
                    document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
                } else if (document.attachEvent) {
                    document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                    document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
                }
            })();
    </script>
    

      

  • 相关阅读:
    叉积与点积
    Vector3 *2 ,ToString()自动四舍五入
    "无法删除数据库,因为该数据库当前正在使用"问题解决
    感谢信
    实变函数一窥
    北京大学2015年数学分析考研试题
    象棋是门残忍的艺术---续篇
    象棋是门残忍的艺术
    赣南师范学院教师高级专业技术资格评审委员会评审通过人员公示名单
    [再寄小读者之数学篇](2014-12-24 乘积型不等式)
  • 原文地址:https://www.cnblogs.com/xiao-bei/p/4182217.html
Copyright © 2011-2022 走看看