微信网页进入,右上角有三个小点,没错,我们用到的就是它!我们只要通过将小点列表下的按钮进行自定义,就可以随心所欲的分享我们自己的内容了。
注意:(WeixinJSBridge只能在微信内打开的网页有效)
按钮一之------发送给好友
- function sendMessage(){
- WeixinJSBridge.on('menu:share:appmessage',function(argv){ alert("发送给好友");});
- }
这样,只要在某处调用 sendMessage 函数就可以改变发送好友的按钮响应了,再点击,便会弹出“发送给好友字符串”,是不是很简单。
分享函数
- WeixinJSBridge.invoke('sendAppMessage',{
- "appid":"",//appid 设置空就好了。
- "img_url": imgUrl,//分享时所带的图片路径
- "img_width":"120",//图片宽度
- "img_height":"120",//图片高度
- "link":url,//分享附带链接地址
- "desc":"我是一个介绍",//分享内容介绍
- "title":"标题,再简单不过了。"
- },function(res){/*** 回调函数,最好设置为空 ***/});
注意,如果将这个微信私有函数单独拿出来调用,道理上是讲的通,但是!第一次打开页面直接调用它的话,无论如何是没有任何反映的,必须要手动,点一 下右上角分享给好友按钮,待弹出一次通讯录之后,返回来在直接使用,就没有任何问题,似乎内部初始化什么东西一样。所以建议直接嵌入到上面那个 绑定方法中。
如下:
- function sendMessage(){
- WeixinJSBridge.on('menu:share:appmessage',function(argv){
- WeixinJSBridge.invoke('sendAppMessage',{
- "appid":"",//appid 设置空就好了。
- "img_url": imgUrl,//分享时所带的图片路径
- "img_width":"120",//图片宽度
- "img_height":"120",//图片高度
- "link":url,//分享附带链接地址
- "desc":"我是一个介绍",//分享内容介绍
- "title":"标题,再简单不过了。"
- },function(res){/*** 回调函数,最好设置为空 ***/
- });
- });
- }
这样,你在点击发送给好友按钮,就可以直接弹出通讯录选择 ‘单个’ 好友进行分享。
同理,分享到朋友圈也是调用 invoke 私有函数,只是按钮绑定名称不同而已。
- function sendMessage(){
- ......//此处省略发送给好友代码
- WeixinJSBridge.on('menu:share:timeline',function(argv){
- WeixinJSBridge.invoke('shareTimeline',{
- "appid":"",//appid 设置空就好了。
- "img_url": imgUrl,//分享时所带的图片路径
- "img_width":"120",//图片宽度
- "img_height":"120",//图片高度
- "link":url,//分享附带链接地址
- "desc":"我是一个介绍",//分享内容介绍
- "title":"标题,再简单不过了。"
- },function(res){/*** 回调函数,最好设置为空 ***/});
- });
- });
- }
注意,on绑定的是 “menu:share:timeline” 不是 "menu:share:appmessage"。invoke里面也是。
还一个微博分享,我没试过,不知道有没有用,想玩的试试,一切分享都是调用当前微信帐号分享。
- WeixinJSBridge.on('menu:share:weibo',function(argv){
- WeixinJSBridge.invoke('shareWeibo',{
- "content":dataForWeixin.title+' '+dataForWeixin.url,
- "url":dataForWeixin.url
- },function(res){});
- });
如果微信浏览器内部尚未初始化,所有的接口都会是undefined。为了避免进去马上就调用出错,获取微信初始化完成响应事件,初始化完成调用sendMessage进行绑定。
如下:
- if(document.addEventListener){
- document.addEventListener('WeixinJSBridgeReady',sendMessage,false);}elseif(document.attachEvent){
- document.attachEvent('WeixinJSBridgeReady',sendMessage); document.attachEvent('onWeixinJSBridgeReady',sendMessage);}
下面还有几个小功能:
- WeixinJSBridge.call('hideToolbar');//隐藏右下面工具栏
- WeixinJSBridge.call('showToolbar');//显示右下面工具栏
- WeixinJSBridge.call('hideOptionMenu');//隐藏右上角三个点按钮。
- WeixinJSBridge.call('showOptionMenu');//显示右上角三个点按钮。
我是一个菜鸟,写完了,写的不好,请大家多多包含!
相关推荐
主要介绍了微信内置浏览器私有接口WeixinJSBridge介绍,本文讲解了发送给好友、分享函数、隐藏工具栏、隐藏三个点按钮等功能,需要的朋友可以参考下
主要介绍了微信浏览器内置JavaScript对象WeixinJSBridge使用实例,本文给出了分享到朋友圈、发送给好友、分享到腾讯微博、关注指定的微信号等功能代码,需要的朋友可以参考下
微信3.1.0.41逆向-微信3.1.0.41HOOK接口(WeChatHelper3.1.0.41.dll)-MFC调用实例方法源码
微信小程序系列----有三十个微信小程序的组件应用和实际开发的一些DEMO!
微信3.1.0.41逆向-微信3.1.0.41HOOK接口(WeChatHelper3.1.0.41.dll)-vc++调用实例方法
2.给支付页面的url加上调用接口所需的参数(因为在微信里是不能直接调用支付宝的需要调用外部浏览器) 3.在外部浏览器中完成支付跳转页面 第一步: payment: 是选择支付页面,pay-mask是用于在微信内置浏览器中调用...
修复登录接口仿抽奖助手微信小程序源码下载-支持商家认证多种开奖方式 本版本是已经修复登录接口的 支持商家认证带V 支持多种抽奖模式 支持多种开奖方式
微信跳转链接,微信跳转链接生成,微信跳转浏览器,微信跳转自带浏览器,安卓微信跳转,微信跳转浏览器下载app,提供微信内部浏览器自动打开外部默认浏览器下载apk应用,跳转外部默认浏览器打开指定链接。
微信小程序---图书管理系统 微信小程序---图书管理系统
微信公众号支付V3接口-ecshop二次开发成手机版(含includes文件夹)
tcp/ip选修课期末大作业,资源内有为分析相关微信功能所抓取的数据包和完整大作业报告(word版),适合Wireshark入门的小伙伴们或者赶期末大作业无从下手的uu们。铁汁们,放心食用
微信小程序----五子棋:微信小程序实现五子棋人人对弈,判断输赢,悔棋功能!
微信小程序支付API-V3 PHP完整代码(包括微信小程序端)下载后修改APPID可直接使用。
C# 。Net判断微信内置浏览器网页,微信内置浏览器打开的网页
微信企业号接口开发源码-Java 只写了整体结构,具体功能需自行实现 --作者:ivhhs.微信号:xixter
它们都是由下列子项目组合而成, node-weixin-api只是将业务接口统一到一个api里方便调用,而不必一个一个重新安装:node-weixin-config 用于微信配置信息的校验node-weixin-auth 用于与微信服务器握手检验node-...
只能在微信的浏览器里面使用,适用于移动开发,并且测试也只能在微信浏览器,调用的本身就是微信的图片浏览器小例子,仅仅用于测试, 效果是点击图片后演出一层,进行缩小方法,两只手指可以进行方法缩小,和手机...
微信小程序----高德地图API实现的周边,天气,路线规划,地址详情等的DEMO。简单的效果,问一下官方能不能不要乱涨积分,你们涨积分,作者被骂!我真的很失望,再这样,我就不上传资源了!