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

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

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

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

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. 全志tina v3.0系统编译时的时间错误的解决(全志SDK的维护BUG)

    全志tina v3.0系统编译时的时间错误的解决(全志SDK的维护BUG) 2018/6/13 15:52 版本:V1.0 开发板:SC3817R SDK:tina v3.0 1.01原始编译全志r1 ...

  2. Android Studio Activity Intent 闪退崩溃 Toolbar

    今天写登录注册页面,点击登录页面的“注册”按钮后软件突然崩溃,直接闪退,因为是新手,只能去网上搜.虽然网上解决方法众多,但也没找到可行的.想起来可以看Logcat,马上重新运行应用,查看崩溃时的日志, ...

  3. C++学习笔记(三)之函数库

    1.标准库函数 begin end begin 返回数组首地址 end   返回数组尾地址 2.const 在声明变量时对变量限制为只读,不允许修改 const int i = 5; 单个const作 ...

  4. 关于c++11中static类对象构造函数线程安全的验证

    在c++11中,static静态类对象在执行构造函数进行初始化的过程是线程安全的,有了这个特征,我们可以自己动手轻松的实现单例类,关于如何实现线程安全的单例类,请查看c++:自己动手实现线程安全的c+ ...

  5. Visual Studio 2017 无法连接到Web服务器"IIS Express"

    .net core2.2 无法连接到Web服务器"IIS Express" 解决方案: 用命令提示符输入以下命令 sc config http start= auto 重启计算机, ...

  6. Java排序算法全

    目录 Java排序算法代码 零. 排序基类 一. 选择排序 二. 插入排序 三. 希尔排序 四. 归并排序 1. 自顶向下 2. 自底向上 五. 快速排序 1. 基本版 2. 双路切分版 3. 三路切 ...

  7. [angular2]解决安装 angular-cli 报错:Cannot find module 'github-url-from-git'

    1.运行:sudo rm -rf /usr/local/lib/node_modules/npm 2.重新安装最新版本的node,最新版本的node已经集成了npm,所以无需另外安装. 3.运行:su ...

  8. QQ浏览器占用资源真的大

    Edge 和 QQ浏览器 对比 正常情况下: QQ浏览器 看1个直播频道 ,CPU就几乎是在90% usage 范围 ,看2 个 就非常卡 下面就是对比图 Edge 我个人觉得 Edge 比 QQ好用 ...

  9. UVA12118 Inspector's Dilemma(欧拉路径)

    题目: 某个国家有V(V≤1000)个城市,每两个城市之间都有一条双向道路直接相连,长度为T(每条边的长度都是T).你的任务是找一条最短的道路(起点和终点任意), 使得该道路经过E条指定的边.输出这条 ...

  10. linux ifstat-统计网络接口流量状态

    推荐:更多linux 性能监测与优化 关注:linux命令大全 ifstat命令就像iostat/vmstat描述其它的系统状况一样,是一个统计网络接口活动状态的工具.ifstat工具系统中并不默认安 ...