返回顶部
首页 > 资讯 > 精选 >html5怎么实现外部浏览器唤起微信
  • 505
分享到

html5怎么实现外部浏览器唤起微信

2023-06-27 10:06:31 505人浏览 八月长安
摘要

本篇内容主要讲解“HTML5怎么实现外部浏览器唤起微信”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html5怎么实现外部浏览器唤起微信”吧!html 部分:<script sr

本篇内容主要讲解“HTML5怎么实现外部浏览器唤起微信”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习html5怎么实现外部浏览器唤起微信”吧!

html 部分:

<script src="mshare.js"></script>//引进mshare.js<button data-mshare="0">点击弹出原生分享面板</button><button data-mshare="1">点击触发朋友圈分享</button><button data-mshare="2">点击触发发送给微信朋友</button>

js部分:

<script>var mshare = new mShare({    title: 'Lorem ipsum dolor sit.',    url: 'Http://m.ly.com',    desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat inventore minima voluptates.',    img: 'http://placehold.it/150x150'});$('button').click(function () {    // 1 ==> 朋友圈  2 ==> 朋友  0 ==> 直接弹出原生    mshare.init(+$(this).data('mshare'));});</script>

下面是 mshare.js 的代码分享,把这些代码新建一个 js 文件放进去,然后在页面中引进就 ok 了。

'use strict';var UA = navigator.appVersion;var uc = UA.split('UCBrowser/').length > 1 ? 1 : 0;var qq = UA.split('MQQBrowser/').length > 1 ? 2 : 0;var wx = /micromessenger/i.test(UA);var qqVs = qq ? parseFloat(UA.split('MQQBrowser/')[1]) : 0;var ucVs = uc ? parseFloat(UA.split('UCBrowser/')[1]) : 0;var os = (function () {    var ua = navigator.userAgent;    if (/iphone|ipod/i.test(ua)) {        return 1;    } else if (/Android/i.test(ua)) {        return 2;    } else {        return 0;    }}());var qqBridgeLoaded = false;// 进一步细化版本和平台判断if ((qq && qqVs < 5.4 && os == 1) || (qq && qqVs < 5.3 && os == 1)) {    qq = 0;} else {    if (qq && qqVs < 5.4 && os == 2) {        qq = 1;    } else {        if (uc && ((ucVs < 10.2 && os == 1) || (ucVs < 9.7 && os == 2))) {            uc = 0;        }    }}function loadqqapi(cb) {    // qq == 0     if (!qq) {        return cb && cb();    }    var script = document.createElement('script');    script.src = (+qq === 1) ? '//3gimg.qq.com/html5/js/qb.js' : '//jsapi.qq.com/get?api=app.share';        script.onload = function () {        cb && cb();    };    document.body.appendChild(script);}function ucShare(config) {    // ['title', 'content', 'url', 'platfORM', 'disablePlatform', 'source', 'htmlID']    // 关于platform    // iOS: kWeixin || kWeixinFriend;    // android: WechatFriends || WechatTimeline    // uc 分享会直接使用截图   var platform = '';   var shareInfo = null;// 指定了分享类型    if (config.type) {        if (os == 2) {          platform = config.type == 1 ? 'WechatTimeline' : 'WechatFriends';      } else if (os == 1) {          platform = config.type == 1 ? 'kWeixinFriend' : 'kWeixin';        }    }    shareInfo = [config.title, config.desc, config.url, platform, '', '', ''];    // android     if (window.ucWEB) {        ucweb.startRequest && ucweb.startRequest('shell.page_share', shareInfo);        return;    }    if (window.ucbrowser) {        ucbrowser.web_share && ucbrowser.web_share.apply(null, shareInfo);        return;    }}function qqShare(config) {    var type = config.type;    //微信好友 1, 微信朋友圈 8    type = type ? ((type == 1) ? 8 : 1) : '';    var share = function () {        var shareInfo = {            'url': config.url,            'title': config.title,            'description': config.desc,            'img_url': config.img,            'img_title': config.title,            'to_app': type,            'cus_txt': ''        };        if (window.browser) {            browser.app && browser.app.share(shareInfo);        } else if (window.qb) {            qb.share && qb.share(shareInfo);        }    };    if (qqBridgeLoaded) {        share();    } else {        loadqqApi(share);    }}function mShare(config) {    this.config = config;    this.init = function (type) {        if (typeof type != 'undefined') this.config.type = type;        try {            if (uc) {                ucShare(this.config);            } else if (qq && !wx) {                qqShare(this.config);            }        } catch (e) {}    }}// 预加载 qq bridgeloadqqApi(function () {    qqBridgeLoaded = true;});if (typeof module === 'object' && module.exports) {    module.exports = mShare;} else {    window.mShare = mShare;}

到此,相信大家对“html5怎么实现外部浏览器唤起微信”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: html5怎么实现外部浏览器唤起微信

本文链接: https://www.lsjlt.com/news/309480.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • html5怎么实现外部浏览器唤起微信
    本篇内容主要讲解“html5怎么实现外部浏览器唤起微信”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html5怎么实现外部浏览器唤起微信”吧!html 部分:<script sr...
    99+
    2023-06-27
  • 怎么在HTML5中实现外部浏览器唤起微信分享
    本篇文章为大家展示了怎么在HTML5中实现外部浏览器唤起微信分享,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。html部分:<script src="mshare.js&q...
    99+
    2023-06-09
  • HTML5中外部浏览器唤起微信分享功能怎么实现
    小编给大家分享一下HTML5中外部浏览器唤起微信分享功能怎么实现,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!最近在做一个手机站,要求点击分享可以直接打开微信分享...
    99+
    2023-06-09
  • 如何在微信内外部浏览器唤起小程序
    目的:通过发送短信召回流失用户。 官方文档地址 https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/url-sc...
    99+
    2023-09-10
    小程序
  • 怎么实现微信跳转wap外部浏览器接口
    本篇内容介绍了“怎么实现微信跳转wap外部浏览器接口”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!微信跳转外部浏览器的作用是什么?一般的链接...
    99+
    2023-06-05
  • 微信跳转外部浏览器有哪些功效?
    微信在某些功能上是比较封闭的,但是我们经常需要一个连接就能直接让你的手机打开微信且跳转到某个指定的页面,从而脱离微信的限制,链接传到微信后,微信会判断是不是要让你在里面打开,就是用的是这个 ticket 参数,,微信识别是否合法,都是判断 ...
    99+
    2023-06-04
  • 安卓端微信H5下载文件处理:让微信自动弹起跳转外部浏览器窗口
    配套视频:https://www.bilibili.com/video/BV1oA411B7gv/ 背景 今天鼓捣了一下手机投屏到笔记本,就想录个视频展示一下学习成果,正好就想起了很早之前实现的...
    99+
    2023-09-07
    android 微信 java
  • jquery怎么实现微信浏览器阻止页面拖动
    这篇文章主要讲解了“jquery怎么实现微信浏览器阻止页面拖动”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery怎么实现微信浏览器阻止页面拖动”吧!...
    99+
    2024-04-02
  • 怎么判断当前浏览器是否是微信浏览器或者移动端
    怎么判断当前浏览器是否是微信浏览器或者移动端,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。1,用JS代码判断浏览器是否为微信浏览器function is_weixn(...
    99+
    2023-06-20
  • 怎么实现两个浏览器窗口间通信
    本篇内容主要讲解“怎么实现两个浏览器窗口间通信”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么实现两个浏览器窗口间通信”吧!1、localStorage一个窗...
    99+
    2024-04-02
  • 怎么用html5实现兼容各大浏览器的播放器
    这篇文章主要讲解了“怎么用html5实现兼容各大浏览器的播放器”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用html5实现兼容各大浏览器的播放器”吧!...
    99+
    2024-04-02
  • 怎么在Html5中实现微信支付
    本篇文章为大家展示了怎么在Html5中实现微信支付,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。爬坑之路爬坑一:单页SPA和后端路由的问题这个我已经单独做总结:https://www.yisu.co...
    99+
    2023-06-09
  • web浏览器端怎么实现
    这篇文章主要介绍“web浏览器端怎么实现”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“web浏览器端怎么实现”文章能帮助大家解决问题。浏览器端实现方案开发:大事件长图和专辑详情页大事件tab的视觉效...
    99+
    2023-06-04
  • Qt怎么实现图片浏览器
    这篇文章主要介绍了Qt怎么实现图片浏览器的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Qt怎么实现图片浏览器文章都会有所收获,下面我们一起来看看吧。图片浏览器逻辑实现图片浏览器用到了前面几乎所有的知识,包括窗口...
    99+
    2023-07-05
  • 怎么用html5实现微信打飞机游戏
    这篇文章将为大家详细讲解有关怎么用html5实现微信打飞机游戏,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。     html5实现微信的打飞机游戏...
    99+
    2024-04-02
  • 怎么在Html5中实现微信分享功能
    这期内容当中小编将会给大家带来有关怎么在Html5中实现微信分享功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。1、安装 weixin-js-sdknpm install weixin-js-...
    99+
    2023-06-09
  • 怎么用html5的canvas移动浏览器实现图片压缩上传
    这篇文章主要介绍“怎么用html5的canvas移动浏览器实现图片压缩上传”,在日常操作中,相信很多人在怎么用html5的canvas移动浏览器实现图片压缩上传问题上存在疑惑,小编查阅了各式资料,整理出简单...
    99+
    2024-04-02
  • CSS怎么实现QQ浏览器功能
    这篇文章将为大家详细讲解有关CSS怎么实现QQ浏览器功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。知识点结合fullpage.js实现全屏滚动CSS中linear-gradient() 函数用于创建一...
    99+
    2023-06-08
  • 微信开发中如何实现提示在浏览器打开的效果
    这篇文章主要为大家展示了“微信开发中如何实现提示在浏览器打开的效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信开发中如何实现提示在浏览器打开的效果”这篇文...
    99+
    2024-04-02
  • 小程序发起微信支付功能怎么实现
    这篇文章主要讲解了“小程序发起微信支付功能怎么实现”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“小程序发起微信支付功能怎么实现”吧!wx.requestPayment(OBJECT)发起微信...
    99+
    2023-06-26
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作