微信前端js sdk以外的开发

本文介绍了如何通过JavaScript代码来隐藏微信内置浏览器中的工具栏及右上角的功能按钮,减少页面遮挡并提高用户体验。同时,还提供了实现微信内分享至好友、朋友圈和微博的具体方法。

此时页面中就会出现刚才我画红圈部分的工具条。

这个工具条再加上上面的标题栏工具条。

极大的降低了可视区域的面积。

是否能将它去掉呢?答案是能够的。增加以下代码就能够去掉微信中以下的工具条:

 

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){

  WeixinJSBridge.call('hideToolbar');

});

 

事实上不光能够去掉以下的工具条,还能够去掉其它在微信中一些功能性button。比方右上角的功能button:

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady(){

  WeixinJSBridge.call('hideOptionMenu');
});

这个仅仅是不经经常使用。

假设功能button都隐藏了。像什么发送给朋友,分享到朋友圈等功能就不能用了。这也就失去了微信推广的功能。

失去了使用微信的本质。除非有特殊需求,通常是不会隐藏该button的,没有多大现实意义。





var imgUrl = ‘http://su.bdimg.com/static/superplus/img/logo_white.png‘;//这里是分享的时候的那个图片
var lineLink = ‘http://baidu.com‘;//这个是分享的网址
var descContent = "这个操作的介绍,没发现他有啥用";
var shareTitle = ‘这是题目题目题目‘;
var appid = ‘wxc9937e3a66af6dc8‘;  //这里写开发人员接口里的appid
function shareFriend() {
    WeixinJSBridge.invoke(‘sendAppMessage‘,{
                            "appid": appid,
                            "img_url": imgUrl,
                            "img_width": "640",
                            "img_height": "640",
                            "link": lineLink,
                            "desc": descContent,
                            "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,
                            "desc": descContent,
                            "title": shareTitle
                            }, function(res) {
                            _report(‘timeline‘, res.err_msg);
                            });
}
function shareWeibo() {
    WeixinJSBridge.invoke(‘shareWeibo‘,{
                            "content": descContent,
                            "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);

转载于:https://www.cnblogs.com/llguanli/p/6927399.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值