微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮。

一、微信内置浏览器

通过 Mac 远程调试 iPhone 上微信自己的网页,我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注状态以及实现关注指定微信号等功能。

分享到朋友圈

function weixinShareTimeline(title,desc,link,imgUrl){WeixinJSBridge.invoke('shareTimeline',{"img_url":imgUrl,//"img_width":"640",//"img_height":"640","link":link,"desc": desc,"title":title});
}

发送给好友

function weixinSendAppMessage(title,desc,link,imgUrl){WeixinJSBridge.invoke('sendAppMessage',{//"appid":appId,"img_url":imgUrl,//"img_width":"640",//"img_height":"640","link":link,"desc":desc,"title":title});
}

分享到腾讯微博

function weixinShareWeibo(title,link){WeixinJSBridge.invoke('shareWeibo',{"content":title + link,"url":link});
}

关注指定的微信号

function weixinAddContact(name){WeixinJSBridge.invoke("addContact", {webtype: "1",username: name}, function(e) {WeixinJSBridge.log(e.err_msg);//e.err_msg:add_contact:added 已经添加//e.err_msg:add_contact:cancel 取消添加//e.err_msg:add_contact:ok 添加成功if(e.err_msg == 'add_contact:added' || e.err_msg == 'add_contact:ok'){//关注成功,或者已经关注过}})
}

【已禁用】WeixinJSBridge:微信浏览器内置JavaScript 对象相关推荐

  1. 安卓微信 清除微信浏览器内置缓存

    debugx5.qq.com 按操作走 转载于:https://www.cnblogs.com/lvfish/p/10472114.html

  2. 微信自动关闭内置浏览器页面,返回公众号窗口

    自动关闭当前浏览器内置函数:WeixinJSBridge.call('closeWindow'); <%@ page language="java" contentType= ...

  3. *微信开发内置浏览器JS自动关闭当前页面回到微信对话窗口

    微信的WeixinJSBridge还是没牛逼的,虽然官方文档只公布了3个功能,但是还内置的很多功能没公布,但是存在 比如自动关闭当前浏览器内置函数:WeixinJSBridge.call('close ...

  4. 微信开发内置浏览器JS自动关闭当前页面回到微信对话窗口

    微信的WeixinJSBridge还是很牛的,比如自动关闭当前浏览器内置函数:WeixinJSBridge.call('closeWindow'); 直接调用即可.

  5. 强制 html5 播放,关于HTML5 video标签在安卓版微信浏览器内被强制全屏播放的问题...

    最近在一个H5项目中,碰到了传说中的video标签在安卓版微信浏览器内被强制全屏播放问题.原计划在视频播放完毕后,页面发生video的ended事件时,应该显示分享和进入转化页的按钮,如图: 然而在很 ...

  6. 内置host_浏览器内置对象应用实践

    " 浏览器内置对象,我们每天都与其打交道,可能你并未全面的去了解过它.我们一起讨论下你有过哪些实践." 1. 什么是浏览器对象模型?(BOM :Browser Object Mod ...

  7. html5微信视频禁止自动全屏,关于HTML5 video标签在安卓版微信浏览器内被强行全屏播放的问题...

    最近在一个H5项目中,碰到了传说中的video标签在安卓版微信浏览器内被强行全屏播放问题.原计划在视频播放完毕后,页面出现video的ended事件时,应该显示分享和处于转化页的按钮,如图: 然而在这 ...

  8. Selenium Webdriver 的使用java执行js代码 解决 ScriptEngine不支持浏览器内置对象window,document的问题

    问题场景: 使用java 掉用js代码,发现 ScriptEngine不支持浏览器内置对象window,document的问题: 问题一:为什么要 用java掉用js代码? 比如在 抓取(爬取)对方网 ...

  9. 玩转代码|解决Chrome浏览器内置谷歌翻译功能无法使用问题!

    最近这几天在使用Chrome浏览器的内置谷歌翻译功能时,总是一直停留在不翻译的状态,一开始我还以为是网络波动过几天就好了,过了好几天依旧是这样.去看了新闻才知道谷歌翻译已经退出了中国市场. 根据Tec ...

最新文章

  1. python dataframe取某行某列_pandas dataframe.apply() 实现对某一行/列进行处理获得一个新行/新列...
  2. [VS2010]在C#工程中设置Reference的相对路径
  3. codeblocks如何watch数组
  4. JavaScript为什么使用原型模式而不是类模式
  5. [js] pjax和ajax的区别是什么?
  6. c++ memory 头文件详细介绍
  7. phpcmsV9找配置文件修改JS/CSS/IMG/APP_PATH、upload_path的路径?
  8. NVIDIA DeepStream5.0官方总结(改动版)
  9. DOSBox 的安装及使用 详细教程
  10. DjangoBook2.0 中文版:电子书
  11. Docker安装、开发环境配置及项目搭建(二,Docker桌面应用)
  12. Audio Hijack Pro 3.7.4 录制应用程序内播放的声音
  13. cv2.VideoWriter生成视频无法播放的原因(持续补充)
  14. API文档,已取消到该网页的导航
  15. 共享单车创始人正在沦为资本家的傀儡?
  16. 关于励志书及推荐《高效能人士的七个习惯》
  17. 2014阿里巴巴秋季校园招聘-软件研发工程师笔试题/面试问题收集
  18. “苹果皮”与知识产权
  19. 【渝粤教育】电大中专消费者行为学作业 题库
  20. 苹果m1终于使用虚拟机和安装 Windows 系统啦!!ARM版Win10系统(苹果m1 win10),速看!!

热门文章

  1. 人生要小心处理的50件事
  2. 如何开启 TCP Fast Open 功能
  3. 联想小新 Air 14 2021 锐龙版怎么样?测评值得买吗?详细性能点评
  4. SpringBoot 实现并发登录人数控制
  5. 什么是进程?什么是线程?什么是协程?
  6. 零基础学习平面设计一般需要多久?有前途吗?
  7. 载5-FU聚己内酯纳米粒子(5-FU-PCL-NP)|PCL-PEG-PCL载姜黄素纳米粒子|齐岳供应
  8. java 三大框架_java的三大框架是什么,功能各是什么
  9. 如何靠打工实现年薪百万?我们用数据帮你探探路 | DT数说
  10. oracle 查看cpu 个数,查看CPU核数