上一篇
原生缸:大道至简
程序员与老板最大的区别:程序员会按部就班,老板会天马行空。程序员熟读文档,却不及老板对功能运用的了解。举个例子: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
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;
}
}
※ 点击跳转到微信小程序,需要确定该链接是否存在,不然跳转会失败。
最新评论Latest comments