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

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

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

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

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);

微信前端js sdk以外的开发的更多相关文章

  1. 微信企业号JS SDK

    微信企业号JS SDK <?php define('CorpID', "wx82e2c31215d9a5a7"); define('CorpSecret', "&q ...

  2. 调用微信js sdk

    场景:需要调用微信获取当前位置的借口. 途径:查看微信 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 .后 ...

  3. 实战微信JS SDK开发:贺卡制作与播放(1)

    前段时间忙于CanTK 2.0的开发,所以博客一直没有更新.CanTK 2.0主要增强了游戏和富媒体的开发,现在编码和测试基本完成了,等文档完成了再正式发布,里面有不少激动人心的功能,等发布时再一一细 ...

  4. 前端监控SDK开发分享

    目录 前言 收集哪些数据 性能 错误 辅助信息 小结 客户端SDK(探针)相关原理和API Web 微信小程序 编写测试用例 单元测试 流程测试 提供Web环境的方式 Mock Web API的方式 ...

  5. 微信JS SDK接入的几点注意事项

    微信JS SDK接入,主要可以先参考官网说明文档,总结起来有几个步骤: 1.绑定域名:先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”.备注:登录后可在“开发者中心”查看对 ...

  6. 公众号第三方平台开发 教程六 代公众号使用JS SDK说明

    公众号第三方平台开发 教程一 创建公众号第三方平台 公众号第三方平台开发 教程二 component_verify_ticket和accessToken的获取 公众号第三方平台开发 教程三 微信公众号 ...

  7. Node.js SDK与fabric链码交互开发

    1.本篇背景 前面已经对链码开发作了比较详细的介绍,并且对官方提供的 fabcar 链码进行了解读,本篇将介绍如何使用 Node.js SDK 与区块链网络中的链码进行交互. 本篇内容基本来自官方 H ...

  8. 让前端独立于后端进行开发,模拟数据生成器Mock.js

    让前端独立于后端进行开发,模拟数据生成器Mock.jsMock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试. Home · nuysoft/Mock Wiki ...

  9. 微信js sdk上传多张图片

    微信js sdk上传多张图片,微信上传多张图片 该案例已tp3.2商城为例 直接上代码: php代码: public function ind(){ $appid="111111111111 ...

随机推荐

  1. 如何解决数据库中,数字+null=null

    如何解决数据库中,数字+null=null 我使用SQLServer,做一个 update 操作,累计一个数.在数据库中,为了方便,数据库中这个字段我设为允许为空,并且设置了默认值为 0 .但是在新增 ...

  2. oracle数据库过期

    本文转载自http://soft.chinabyte.com/database/6/12320006.shtml[来源:比特网 作者:悠虎] 由于Oracle11G的新特性所致,经常会遇到使用sqlp ...

  3. POJ_2387_最短路

    Til the Cows Come Home Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 46859   Accepted ...

  4. win10系统杀毒功能

    最近很多客户的电脑都是win10的,部署web服务时用到的破解软件(exe文件),经常被当成病毒杀死,今天发现可以在杀毒记录里找到刚刚被杀掉的文件,然后点击操作,点击允许,再运行时就可以畅通无阻了

  5. 搭建FileZilla

    FileZilla是C/S架构的,有服务端和客户端 客户端下载地址https://www.filezilla.cn/download/client 安装,一般就下一步下一步了. 服务端下载:https ...

  6. [JSOI2012]玄武密码 题解(AC自动机)

    显然是AC自动机对吧 插入单词之后把文章在自动机上跑一遍,到达过的节点打上花火标记 之后检查一下每个单词有几个标记即可 可以把题目中的4个字母映射成abcd方便遍历 一定要记得把文章也映射啊! #in ...

  7. 梦想CAD控件关于曲线问题

    IMxDrawCurve 接口 控件中的曲线接口,实现了曲线的相关操作,如求曲线的长度,最近点,面积,曲线上任一点在曲线上的长度 切向方向,曲线交点,坐标变换,打断,偏移,离散等功能. 一.返回曲线组 ...

  8. Ajax 调用案例及错误捕捉

    function postFunc() { var scoreResultStr = readyData(); $.ajax({ type: "post", url: " ...

  9. HTML5网页如何调用浏览器APP的微信分享功能?

    if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Al ...

  10. Gym - 101670C Chessboard Dancing(CTU Open Contest 2017 找规律)

    题目:链接 思路: 多画出几个情况就可以找出规律来了 Knight (当大于2的时候只要两种颜色相间出现就可以了) King(当大于等于3的时候,总可以用四种形式来补色,具体如下)  Bishop(斜 ...