h5网页外部浏览器唤起微信分享,唤起微信面板,分享朋友圈方案,兼容大部分浏览器

需求是点击分享按钮,直接唤起微信,发送给好有或者朋友圈。这个需求并不好完成,因为微信并没有对h5网页开放api,但是每个浏览器都有分享到微信的能力,所以我们可以利用浏览器的这个能力去解决。

看看效果

如何完成

html部分
注意引入nativeShare.js文件


<div ><button onclick="call()">通用分享</button><button onclick="call('wechatFriend')">微信好友</button><button onclick="call('wechatTimeline')">朋友圈</button><button onclick="call('qqFriend')">QQ</button><button onclick="call('qZone')">QQ空间</button><button onclick="call('weibo')">微博</button><button onclick="setTitle('fa-ge NativeShare')">设置标题</button></div><script type="text/javascript" src="NativeShare.js"></script>

js部分

  var nativeShare = new NativeShare()var shareData = {title: '分享标题',desc: '描述内容',// 如果是微信该link的域名必须要在微信后台配置的安全域名之内的。link: 'www.你的连接地址',icon: '图片地址',// 不要过于依赖以下两个回调,很多浏览器是不支持的success: function() {alert('success')},fail: function() {alert('fail')}}nativeShare.setShareData(shareData)function call(command) {try {nativeShare.call(command)} catch (err) {// 如果不支持,你可以在这里做降级处理alert(err.message)}}function setTitle(title) {nativeShare.setShareData({title: title,})}

这样,方案实现了

js文件地址:h5网页唤起微信,分享好友朋友圈插件js地址

解决方案:h5网页外部浏览器唤起微信分享,唤起微信面板,分享朋友圈方案,兼容大部分浏览器相关推荐

  1. 网页内容复制粘贴(三种方案 兼容多种浏览器)

    tags: js ctrl+c 网页内容复制粘贴(三种方案 兼容多种浏览器) 对网页上的内容实现复制粘贴的功能 痛点:需要支持多种不同的浏览器 主要有IE,Firefox IE浏览器下的解决方案: w ...

  2. 微信内测推出新功能,朋友圈“修改可见范围”

    微信这个APP大家还是相当熟悉的,因为现在微信是使用人数最多的APP,只要微信有一点点更新,都会引起非常大的轰动,众所周知,市面上常见的软件都分为两个版本,分别是安卓版本和iOS版本,因为iOS闭环式 ...

  3. uniapp开发的H5网页,以表单形式调起微信H5支付

    一.场景描述: 我们使用uniapp 开发H5网页,嵌入第三方的聚合页,第三方又嵌入另一个app内部 二.技术实现: 1.使用微信H5支付,参考https://pay.weixin.qq.com/wi ...

  4. Android 分享到微信6.0后好友、朋友圈

    文章出至:(源码可运行) http://blog.csdn.net/alfred_c/article/details/49722833 果               介绍 要实现微信分享,首先请认真 ...

  5. Android 微信分享图片(好友和朋友圈)

    一. 配置 (1)module下build.gradle implementation ('com.xyzlf.share:sharesdk:0.0.10') {exclude group: 'com ...

  6. android 本地视频分享到朋友圈,Android挂逼修炼之行---微信实现本地视频发布到朋友圈功能...

    原文链接:blog.csdn.net/jiangwei0910410003一.前言 本文将介绍如何使用Xposed框架编写微信插件,可以将本地小视频发布到朋友圈的功能.在这之前我们还是要有老套路,准备 ...

  7. android分享微信朋友圈带编辑功能吗,终于被我等到了,微信新版本能编辑别人的朋友圈啦!...

    欢迎转载,请注明出处,抄袭必究! 关于微信的新功能,我们总是说了又说,微信也在不断的改了又改,变了又变,每一次的版本更新都会带来新一轮的争议. 有些功能可能让你拍案叫绝,有些功能可能会让你怀疑人生~ ...

  8. 微信Mac版客户端(支持发布朋友圈)v3.1.5(18841)正式版

    微信Mac版客户端全新功能升级!!不仅支持查看朋友圈,还能发布朋友圈啦!!!微信正式版支持对朋友圈进行互动和点 赞等操作,还可以浏览朋友圈相册,这是一款运行在OS X上的 社交聊天工具,微信mac版支 ...

  9. 鸿蒙OS最快6月正式推送;微信Windows版将支持刷朋友圈;GCC 11.1正式发布|极客头条...

    「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 整理 | 梦依丹 出品 | CSDN(ID:CSDNnews ...

最新文章

  1. 在线协作沟通,以目标分解成任务树基础的团队配合
  2. 洛谷P2312解方程
  3. Red Hat Enterprise Linux 5.4安装GCC
  4. 《软件测试技术实战:设计、工具及管理》—第2章 2.2节运用决策表设计测试用例...
  5. c语言中的字符串总是以,C语言字符串的结束标志是什么?
  6. bzoj 4012: [HNOI2015]开店 主席树
  7. git pull 报错:Untracked Fles Preventing Merge
  8. 组件化网页开发 / 步骤一 · 5-1 课程总结
  9. 【深度学习】卷积神经网络(Convolutional Neural Network)
  10. 虚拟机桥接模式连不上网问题(非桥接网卡原因)
  11. 概率论在实际生活的例子_生活中有趣的概率论例子
  12. 怎么用微信打开wifi连接到服务器,微信一键连wifi在哪里 微信一键连wifi怎么使用...
  13. 常用moment时间总结
  14. Mac idea java 代码的前进后退 代码的撤销和前进快捷键
  15. Linux下ffmpeg添加 x265
  16. HTML5 css4
  17. java实现fcfs_操作系统模拟FCFS作业调度(Java实现)
  18. kafka究竟是干嘛的?
  19. 温故知新(十)——UART
  20. c51时钟数码管显示流程图_基于单片机89C51的数码管显示时钟设计.doc

热门文章

  1. synaptics linux驱动程序,Synaptics
  2. Ubuntu 下最好用的pdf阅读器okular
  3. jetracer——自动驾驶车项目(basic_motion.ipynb)
  4. 学术论文写作1——abstract,句型
  5. linux安装gz软件,安装tar.gz软件包
  6. Sqli-labs之Less-17
  7. 搭建微信小游戏开发环境总结
  8. f4ck论坛的小游戏(灌水贴)
  9. Windows10+ubuntu 双系统安装(针对联想小新air14)
  10. matlab怎么求三次微分,matlab课设三阶微分方程多种方法求解.doc