微信端内置浏览器分享JS

<script type="text/javascript">
        var imgUrl = ‘http://m.56kc.cn/Areas/CMS/Themes/dongfangkuaiche/Content/images/dfkc/dfkc.jpg‘;//这里是分享的时候的那个图片
        var lineLink = ‘http://m.56kc.cn/VenueForLease/VenueForLeaseList‘;//这个是分享的网址
        var shareTitle = ‘分享出去标题‘;
        function shareFriend() {
            WeixinJSBridge.invoke(‘sendAppMessage‘, {
                "img_url": imgUrl,
                "img_width": "640",//图片宽度
                "img_height": "640",//图片高度
                "link": lineLink,//链接
                "title": shareTitle
            }, function (res) {
                _report(‘send_msg‘, res.err_msg);
            })
        }
        function shareTimeline() {
            WeixinJSBridge.invoke(‘shareTimeline‘, {
                "img_url": imgUrl,
                "img_width": "640",
                "img_height": "640",
                "link": lineLink,
                "title": shareTitle
            }, function (res) {
                _report(‘timeline‘, res.err_msg);
            });
        }
        function shareWeibo() {
            WeixinJSBridge.invoke(‘shareWeibo‘, {
                "url": lineLink,
            }, function (res) {
                _report(‘weibo‘, res.err_msg);
            });
        }
        // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
        document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {
            // 发送给好友
            WeixinJSBridge.on(‘menu:share:appmessage‘, function (argv) {
                shareFriend();
            });
            // 分享到朋友圈
            WeixinJSBridge.on(‘menu:share:timeline‘, function (argv) {
                shareTimeline();
            });
            // 分享到微博
            WeixinJSBridge.on(‘menu:share:weibo‘, function (argv) {
                shareWeibo();
            });
        }, false);
    </script>

  

时间: 2025-01-15 08:46:51

微信端内置浏览器分享JS的相关文章

微信内置浏览器的JS API

/**! * 微信内置浏览器的Javascript API,功能包括: * * 1.分享到微信朋友圈 * 2.分享给微信好友 * 3.分享到腾讯微博 * 4.新的分享接口,包含朋友圈.好友.微博的分享(for iOS) * 5.隐藏/显示右上角的菜单入口 * 6.隐藏/显示底部浏览器工具栏 * 7.获取当前的网络状态 * 8.调起微信客户端的图片播放组件 * 9.关闭公众平台Web页面 * 10.判断当前网页是否在微信内置浏览器中打开 * 11.增加打开扫描二维码 * 12.支持WeixinAp

微信限制内置浏览器的访问方法

1.通过JS判断微信的独有标识UserAgent,但是对于伪造的UserAgent,还是可以绕过该限制. <script type="text/javascript"> // 对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器 var useragent = navigator.userAgent; if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') { // 这里警告框会阻塞当前

解决微信屏蔽内置浏览器的下载功能以及如何跳转到手机默认浏览器下载的实现

今天一后台同事问我:为什么从App里面分享到微信好友时,在微信里没有发下载分享里的软件,而在浏览器中却可以? 于是我在微信公众号中试了一下,发现果然不可以下载.通过google 发现,原来是微信屏蔽了内置浏览器的下载功能.那么有没有解决办法呢? 肯定是有的. 判断发现是在微信中打开,给提示让其从右上角选择在浏览器中打开,这样的效果对于用户体验来说肯定是差的.所以我们经过长时间的尝试找到一个更好的解决方式: 桔子跳转是一款基于微信后端开发了一款微信营销下载推广助手,使用了本插件生成的链接,用户在微

Javascript限制网页只能在微信内置浏览器中访问

转载:http://segmentfault.com/a/1190000000754332 最近正在开发一个微信公众账号,其中有一项功能是用户发送文字消息给公众号,然后公众号返回图文消息给用户,用户再点击图文消息即可跳转到一个网页链接,在微信的内置浏览器中打开.那么问题就来了,这个网页首先涉及到了移动web前端开发,我优先选择了用HTML5+bootstrap组合来实现页面的美观效果,前端其他的任务交给javascript解决(这里我是完全使用原生javascript代码,没有用到任何的框架,因

通过js判断微信、QQ等内置浏览器并在外部浏览器打开

在涉及移动端微信推广的项目时,由于对推广需求的精细化,不仅需要推广效率,还有始终保证域名在微信中的正常状态,我们解决方案在微信.QQ.支付宝内置浏览器给出相应的提示. function is_neizhi() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return "weixin"; } else if (u

通过js判断微信内置浏览器跳转到外部浏览器打开

在涉及移动端微信推广的项目时,由于对推广需求的精细化,不仅需要推广效率,还有始终保证域名在微信中的正常状态,我们解决方案在微信.QQ.支付宝内置浏览器给出相应的提示. function is_neizhi() { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return "weixin"; } else if (u

微信内分享第三方H5链接无法使用内置浏览器打开的解决方案

很多朋友在微信内想分享转发H5链接的时候都会很容易碰到H5链接在微信内无法打开或在微信内无法打开app下载页的情况.通常这种情况微信会给个提示 “已停止访问该网址” ,那么导致这个情况的因素有哪些呢,主要有以下四点 1.网页链接被举报次数过多.2.网页含违规内容,含敏感词.3.被腾讯检测系统判断为诱导分享内容.4.转发分享次数达上限 大多数的情况下都是被人举报次数过多导致链接被封,而举报的人群里其实目标用户并没有占很多,多数都是来自同行的恶意举报,这是没有办法的事情.当举报次数达到一定数量时,微

解决IOS微信内置浏览器返回后不执行js脚本的问题

在A页面写一个$(function(){}) 后随便点击一个URL跳转到B页面 利用微信内置浏览器 返回键返回到A页面后发现这段JS不执行,后来找到了解决方案 $(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } }); window.addEventListener('pageh

ASP.NET MVC Display Mode 移动端视图 配置对微信内置浏览器的识别

最近在捣鼓一个稍微有点low的商城网站,没有计划做app却要求有个wap版,而前端又没有做成响应式,时间WTF,直接利用了asp.net mvc的Display Mode Provider. 使用方式依照上面的链接地址,asp.net mvc application启动的时候会在全局变量 DisplayModeProvider.Instance.Modes 集合中加入 DisplayModeId == "Mobile" 的 IDisplayMode ,因此如果想要在移动端浏览器中展示移