首页/ 填坑/ 文章详情

HTML5页面跳转到微信小程序

HTML5 微信 小程序 跳转 发布于 08-23

程序员与老板最大的区别:程序员会按部就班,老板会天马行空。程序员熟读文档,却不及老板对功能运用的了解。举个例子:HTML5页面跳转到微信小程序,能实现吗? 能。

HTML5能够跳转到微信小程序有一个前提:必须是微信小程序打开的HTML5网页。是否支持跳转,需要知道用户使用的代理是否是微信浏览器。

判断是否微信浏览器:

JS/**
 * 判断是否微信浏览器
 * @method isApplet
 * @return {boolean}
 */
var isApplet = function () {
    var userAgent = navigator.userAgent;
    return  /miniProgram/i.test(userAgent);
}

确定用户代理后,打开微信小程序需要引入额外的JS库:jweixin-1.3.2.js 

HTML5跳转微信小程序:

JS/**
 * HTML5跳转小程序
 * @method jumpUrl
 * @param {String} url
 * @param {String} type 类型
 */
var jumpUrl = function (url,type) {
    if(!isApplet()) {
        console.warn('你无法调用该方法',url);
        return false;
    }

    var type = type || '';
    switch (type) {
        case 1://关闭所有页面,打开到应用内的某个页面
            wx.miniProgram.reLaunch({url: url});
            break
        case 2: //关闭当前页面,跳转到应用内的某个页面
            wx.miniProgram.redirectTo({url:url});
            break;
        case 3: //tabBar导航跳转
            wx.miniProgram.switchTab({url:url});
            break;
        default: //保留当前页面,跳转到应用内的某个页面
            wx.miniProgram.navigateTo({url:url});
            break;
    }
}

※ 点击跳转到微信小程序,需要确定该链接是否存在,不然跳转会失败。

文章评论0 records

最新 最早

0

最新评论Latest comments

big2catbig2cat 08-27 16:11
然而没什么用,smartpss不兼容老录像机,就算能看回放,很多时间点在回放里也看不到
HentaiCatHentaiCat 2020-12-30 10:22
考科目二全程很紧张,考了三次才过,有次侧方入库直接pass,100分扣完,呜呜呜~
猫猫酱猫猫酱 2020-11-12 10:56
一入多肉深似海,说多都是泪
soulkunsoulkun 2020-11-05 15:54
IconFont的图标真的很好用!!!
无限链霉球菌无限链霉球菌 2020-11-03 11:41
药店,了解一下(`・ω・´)