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>
    

      

  • 相关阅读:
    hdu 1715 大菲波数
    Netty 应用程序的一个一般准则:尽可能的重用 EventLoop,以减少线程创建所带来的开销。
    引入 netty网关,向flume提交数据
    JavaBean的任务就是: “Write once, run anywhere, reuse everywhere” Enterprise JavaBeans
    API网关+Kubernetes集群的架构替代了传统的Nginx(Ecs)+Tomcat(Ecs)
    tmp
    全量日志 requestId
    googlr 黄金法则 监控
    数据链路层3个基本问题
    netty4.x 实现接收http请求及响应
  • 原文地址:https://www.cnblogs.com/xiao-bei/p/4182217.html
Copyright © 2011-2022 走看看