微信浏览器内嵌分享功能接口

// 微信分享到朋友圈的内容和图片的定制
(function () {
    // data for weixin
    var dataForWeixin = {
        appId: "",  //
        imgUrl: "",
        imgWidth: "200",
        imgHeight: "200",
        url: "",
        title: "",
        desc: "",
        callback: function () {}
    };

    var onBridgeReady = function () {

        // 发送给朋友
        WeixinJSBridge.on("menu:share:appmessage", function (argv) {
            WeixinJSBridge.invoke("sendAppMessage", {
                "appid": dataForWeixin.appId,
                "img_url": dataForWeixin.imgUrl,
                "img_width": dataForWeixin.imgWidth,
                "img_height": dataForWeixin.imgHeight,
                "link": dataForWeixin.url,
                "desc": dataForWeixin.desc,
                "title": dataForWeixin.title
            }, function (res) { dataForWeixin.callback(); });
        });

        // 发送到朋友圈
        WeixinJSBridge.on("menu:share:timeline", function (argv) {
            WeixinJSBridge.invoke("shareTimeline", {
                "appid": dataForWeixin.appId,
                "img_url": dataForWeixin.imgUrl,
                "img_width": dataForWeixin.imgWidth,
                "img_height": dataForWeixin.imgHeight,
                "link": dataForWeixin.url,
                "desc": dataForWeixin.desc,
                "title": dataForWeixin.title
            }, function (res) { dataForWeixin.callback(); });
        });

        // 分享到微博
        WeixinJSBridge.on("menu:share:weibo", function (argv) {
            WeixinJSBridge.invoke("shareWeibo", {
                "content": dataForWeixin.title,
                "url": dataForWeixin.url
            }, function (res) { dataForWeixin.callback(); });
        });

        // 分享到facebook
        WeixinJSBridge.on("menu:share:facebook", function (argv) {
            WeixinJSBridge.invoke("shareFB", {
                "img_url": dataForWeixin.imgUrl,
                "img_width": dataForWeixin.imgWidth,
                "img_height": dataForWeixin.imgHeight,
                "link": dataForWeixin.url,
                "desc": dataForWeixin.desc,
                "title": dataForWeixin.title
            }, function (res) { dataForWeixin.callback(); });
        });
    };

    if (document.addEventListener) {
        document.addEventListener("WeixinJSBridgeReady", onBridgeReady, false);
    } else if (document.attachEvent) {
        document.attachEvent("onWeixinJSBridgeReady", onBridgeReady);
    }
})();
时间: 2024-08-27 08:22:03

微信浏览器内嵌分享功能接口的相关文章

解决微信浏览器内video全屏问题

前端离职,让我写个视频播放页面,木办法只有我来搞了. 默认用h5的 video标签 测试时候发现微信浏览器内访问video自动全屏播放. 搜了下 webkit-playsinline="true" playsinline="true" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-

[转]实现微信浏览器内打开App Store链接

微信浏览器是不支持打开App Store 页面的,不知道微信为什么这么做.比如你页面写 <a href=”http://itunes.apple.com/us/app/id399608199″>download</a> ,在微信浏览器点击链接是没有反应的,但是如果是其他的链接地址,比如百度那就没有问题 后来我发现如果你在微信官方后台编辑图文,把原文链接写为:http://itunes.apple.com/us/app/id399608199 ,那就可以打开了,发现微信页面的“查看原

Chrome浏览器内嵌的各种手机模拟器

打开chrome的控制台标签,然后,点击simulator子标签页,选择需要的手机即可,如下图: 模拟器如下: 阅读原文:Chrome浏览器内嵌的各种手机模拟器

微信浏览器内打开App Store链接

将页面的代码写为:<a href="http://mp.weixin.qq.com/mp/redirect?url=http://itunes.apple.com/cn/app/guang-dian-bi-zhi/id942884576">ios下载</a>,在微信浏览器内可以打开app store的地址了.

微信公众号,分享功能(朋友圈或朋友)

1.引入微信的js文件. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 2.通过ajax从后台获取必填字段. appId: '', // 必填,公众号的唯一标识timestamp: '', // 必填,生成签名的时间戳<?= $data['timestamp']?>nonceStr: '',/

js微信浏览器自带分享如何调用

var test = window.location.href;//动态获取URL $.ajax({ type: "get", //数据发送的方式(post 或者 get) url: "http://www.51ekey.com/AppService1/ekeyActivity/getWXMessage", //要发送的后台地址 dataType:'json',//数据格式 data:{'url':test},//要发送给后台的参数 crossDomain: tru

使用微信JS-SDK 实现 自定义 分享 功能

微信PC端点击页面,转发给朋友. 开发前 ,分享之后 ,链接 样式如下: 格式化之后,样式如下: 页面代码: <!DOCTYPE html> <vt:function var="source" method="GetBySingle" args="$Company" type="Business.BLL.Sys.CompanyService" /> <html class="um lan

web页面手机浏览器qq浏览器自带分享和微信浏览器自带分享的总结

我们公司有ios原生和安卓原生的app,后面新加H5的手机浏览器页面,页面需要分享.公司参照京东分享模式进行开发.本来想用h5和js一起写分享,后面发现每个浏览器都自带分享按钮,所以就用浏览器自带的分享按钮. 1.首先,qq浏览器是最简单,但是百度上最没有文档.qq浏览器打开页面,按分享按钮可以分享到qq好友.qq空间.朋友圈和微信好友,四种方式.但是分享必须自带自家产品的图片和标题,所以进行代码设置:如图: 设置这三者就可以把你想要的描述,标题和图片带过去.我是动态改变meta的内容的.(网上

关于H5在微信浏览器内自动转格式,导致不能正常打开的问题

从最近开始,微信朋友圈打开我们的H5页面有时会出现了“此网页已被QQ浏览器重新排版”的提示,直接结果就是导致H5网页或H5小游戏不能正常显示了!!这个问题什么严重,不知道腾讯又是怎么考虑的,难道真的是为了去广告,让用户获得良好的阅读体验吗? 有没有解决方案呢?是有的! 而且非常简单~ 解决方案: 1.找一个认证的公众号,随便找一个就行,只要是认证的,自己的还是别人的都无所谓 2.在“公众号设置”-“功能设置”-“业务域名”中添加自己H5网页的域名就可以了! 3.添加后,测试分享H5到朋友圈,结果