微信页面右上角有三个点,对,就是我们用的!只要我们自定义点列表下的按钮,就可以随意分享自己的内容。
注意:(微信账号只能对微信上打开的网页有效)
第一个按钮-});}
这样,只要在某个地方调用sendmail函数,发送好友的按钮响应就可以改变。如果您再次单击,“发送给朋友字符串”将会弹出。很简单吗?
共享功能
复制的代码如下:weixinjsbridge。invoke ('sendappmessage ',{'appid' : ' ',//appid应设置为空。Img _ img_url': imgUrl,///图片路径' img _ width' :' 120 '共享时,//图片宽度' img_height':'120 ',//图片高度' link':url,//共享所附链接地址' desc ',函数(res){/***回调函数,最好设置为null * * */});
注意,单独调用这个微信私有功能是有道理的,但是!如果第一次打开页面直接调用,无论如何都没有反应。您必须手动点按右上角的“与朋友分享”按钮。弹出通讯录一次后,可以直接返回使用,没有问题。好像有什么东西是内部初始化的。因此,建议直接嵌入上述绑定方法中。
如下所示:
复制代码如下: function send message(){ weixinsbridge . on(' menu 3360 share 3360 app message ',function(argv){ weixinsbridge . invoke(' sendapp message ',{'appid' : ' ',//appid应设置为空。Img _ img_url': imgUrl,///图片路径' img _ width' :' 120 '共享时,//图片宽度' img_height':'120 ',//图片高度' link':url,//共享所附链接地址' desc ',函数(res){/***回调函数,最好设置为null * * */});});}
这样,当你点击“发送给好友”按钮时,就可以直接弹出通讯录,选择“单身”好友进行分享。
同样,与朋友分享也调用invoke private函数,但按钮绑定名称不同。
复制的代码代码如下:函数send message(){ 0.//这里省略了代码weixinsbridge . on(' menu : share 3360 timeline ',function(argv){ weixinsbridge . invoke(' share timeline ',{'appid' : ' ')。//.Img _ img_url': imgUrl,///图片路径' img _ width' :' 120 '共享时,//图片宽度' img_height':'120 ',//图片高度' link':url,//共享所附链接地址' desc ',函数(res){/***回调函数,最好设置为null * * */});});});}
请注意,on绑定到“menu 3360 share : timeline”而不是“menu 3360 share : app message”。也调用。
还有一个微博分享。我没试过。不知道有没有用。如果你想玩,试试看。所有分享都是调用当前微信账号分享。
复制代码如下: weishinsbridge . on(' menu : share 3360 Weibo ',function(argv){ weishinsbridge . invoke(' share Weibo ',{ ' content ' : data forweixin . title ' ' data forweixin . URL,' url':dataForWeixin.url},function(RES){ });});
如果微信浏览器内部没有初始化,所有界面都是未定义的。为避免进入后立即出现调用错误,获取微信初始化完成响应事件,初始化完成后调用sendmail进行绑定。
如下:复制代码代码如下: if(文档。addeventlistener){ document。addeventlistener(' weixinsbridgeready ',sendMessage,false);} else if(文档。attachevent){ document。attach event(' weixinsbridgeready ',发送消息);文件。attach event(' on weixinsbridgeready ',sendmail);}下面还有几个小功能:
复制代码代码如下伟信桥:号。调用('隐藏工具栏');//隐藏右下面工具栏维信桥。调用('显示工具栏');//显示右下面工具栏维信桥。调用(' HideOptionMenu ');//隐藏右上角三个点按钮维信桥。调用(' showOptionMenu ');//显示右上角三个点按钮。
我是一个菜鸟,写完了,写的不好,请大家多多包含!
完整测试代码(用微信打开):
复制代码代码如下:
!docType htmlhtmlhead
meta http-equiv=' content-type ' content=' text/html;charset=utf-8 ' meta name=' viewport ' content=' width=设备宽度,初始比例=1.0,最大比例=1.0,最小比例=1.0,用户可缩放=否“/
标题微信接口测试/title
脚本函数sendmail(){ Weinjsbridge。on(' menu : share : app message ',function(argv){ Weinjbridge。invoke(' SendAppmessage ',{'appid': ' ',//appid设置空就好了img_url': ' ',//分享时所带的图片路径img_width':'120 ',//图片宽度img_height':'120 ',//图片高度链接: '/www .JB 51。net ',//分享附带链接地址desc': '极客标签- //www.jb51.net ',//分享内容介绍标题' : '发现极客标签-做最棒的极客知识分享平台},函数(决议){/***回调函数,最好设置为空***/});});维信桥。on(' menu : share : timeline ',function(argv){ weixin bridge。调用('共享时间线',{'appid': ' ',//appid设置空就好了img_url': ' ',//分享时所带的图片路径img_width':'120 ',//图片宽度img_height':'120 ',//图片高度链接: '/www .JB 51。net ',//分享附带链接地址desc': '极客标签- //www.jb51.net ',//分享内容介绍标题' : '发现极客标签-做最棒的极客知识分享平台},函数(决议){/***回调函数,最好设置为空***/});});
警报('调用成功!现在可以通过右上角按钮分享给朋友或者朋友圈!');}函数hidemmenu(){ weisinbridge。调用(' HideOptionMenu ');}函数show menu(){ weixinsbridge。调用('显示选项菜单');}函数隐藏工具(){ weixinsbridge。调用('隐藏工具栏');}函数showTool(){ weixinsbridge。调用(' showToolbar ');}
if(文档。addeventlistener){ document。addeventlistener(' weixinsbridgeready ',sendMessage,false);} else if(文档。attachevent){ document。attach event(' weixinsbridgeready ',发送消息);文件。attach event(' on weixinsbridgeready ',sendmail);}//判断网页是否在微信中被调用var ua=导航器。用户代理。tolowercase();if(ua。匹配(/micro messenger/I)=' micro messenger '){ } else { alert('调用失败,请用微信扫一扫,扫描下面二维码打开网页!');}
/script
/head
bodycenterh2分享请点击右上角/H2按钮onclick=' HideMenu()' style=' width :100 px;高度' :100像素;font-size :16 px'隐藏右上角三个点/button br/br/button onclick=' show menu()' style=' width :100 px;高度:100 px' font-size :16 px'显示右上角三个点/button br/br/button onclick=' HideTool()' style=' width :100 px;高度' :100像素;font-size :16 px'隐藏下面导条/button br/br/button onclick=' showTool()' style=' width :100 px;高度:100 px' font-size :16 px'显示下面导条/button br/br//中央/车身
/html