h5页面提示只能在微信浏览器中打开_h5移动端开发判断只能在微信浏览器打开...

在开发的过程中可能会遇到项目只能在微信浏览器打开的需求，那么只需要在项目的页面添加以下代码即可(单页面应用在入口文件添加即可)。

var ua = navigator.userAgent.toLowerCase();

var isWeixin = ua.indexOf('micromessenger') != -1;

if (!isWeixin) {

window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=888"

}

当在非微信浏览器中打开时，显示为下图：

如果要求页面内容显示前就跳转到该页面，则需要将以上js写在head标签中即可。

以上内容已完结，以下为补充内容

由于微信端的缓存问题，导致更新页面内容后，页面并没有及时更新，除首页外其他页面html、css、js等内容可以使用增加版本号的方式实现页面更新，即

但由于首页的特殊性(已经发布到内部了，首页地址并不能去修改)，所以想到页面重定向的方式来实现首页增加版本号：

var ua = navigator.userAgent.toLowerCase();

var isWeixin = ua.indexOf('micromessenger') != -1;

if (!isWeixin) {

window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=888"

} else {

var href = window.location.href;

var stamp = new Date().getTime();

//如果href中没有stamp版本号，则添加

if(href.indexOf("stamp=") == -1) {

window.location.href = href + "&stamp=" + stamp;

}

h5页面提示只能在微信浏览器中打开_h5移动端开发判断只能在微信浏览器打开...相关推荐

在h5页面中调起支付宝小程序中的某一个页面以及URLScheme 之支付宝
在h5页面中调起支付宝小程序中的某一个页面直接上代码: window.location.href = 'alipays://platformapi/startapp?appId=2021001181 ...
解决Android软键盘弹出覆盖h5页面输入框问题 // 在ios系统中输入框软键盘消失后，页面不回弹的问题 // 解决苹果不回弹页面 // 微信环境打开
//解决Android软键盘弹出覆盖h5页面输入框问题 window.addEventListener('resize', () => {if (document.activeElement.t ...
pc调试微信h5页面提示Pending authentication:please accept debugging session on the device的解决方法
假如pc调试微信h5页面输入chrome://inspect/#devices无法显示微信h5页面,我升级谷歌浏览器,问题就解决了(方法1) 或者手机的开发者模式关掉再打开(方法2)
h5页面的写法_一步一步教你如何开发h5页面
我们现在要做一个简单的h5应用:包含登录.注册.修改密码.个人中心主页面.个人中心内页修改名称.个人中心修改手机号码. 第一步:工具安装,我选择了能够辅助我们快速开发的light开发工具 1. lig ...
php判断移动端和pc端访问_PHP判断是手机端还是PC端 PHP判断是否是微信浏览器
本文实例为大家分享了PHP判断的两个实例,一是PHP判断是手机端还是PC端,二是PHP判断是否是微信浏览器,供大家参考,具体内容如下 1.判断是否是手机端 function isMobile() { ...
ie浏览器中没有Adobe PDF Reader的情况下，ie浏览器打不开PDF
ie浏览器中加载项没有Adobe PDF Reader的情况下,需要安装Acrobat Reader DC软件. 下载Acrobat Reader DC,并且安装下载地址安装以后为: 2.重启ie ...
h5页面提示只能在微信浏览器中打开_电子问卷h5怎么做?
制作h5当然选择易企秀,您可以使用易企秀的易表单制作电子问卷调查,访问易企秀商城查找模板,直接编辑套用即可. 打开易企秀官网后,点击打开易企秀官网(建议使用谷歌浏览器访问,兼容性会更加稳定)在官网右上 ...
微信H5页面跳转小程序 - Vue中使用微信开放标签＜wx-open-launch-weapp＞
微信开放标签说明文档使用微信开放标签前置条件 1.绑定域名登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名" 2 ...
iOS12 系统 webView加载H5页面，反复点击网页中视频播放退出视频全屏闪退解决方式。
iOS 12系统webView 对H5播放器有不兼容迹象,如果加载的H5视频是全屏播放的,频繁切换容易造成闪退. 在这个时候,就需要前端和后台一起协商解决这个问题. 其实这个问题很容易解决的 ...

h5页面提示只能在微信浏览器中打开_h5移动端开发判断只能在微信浏览器打开...

h5页面提示只能在微信浏览器中打开_h5移动端开发判断只能在微信浏览器打开...相关推荐

最新文章

热门文章

h5页面提示只能在微信浏览器中打开_h5移动端开发 判断只能在微信浏览器打开...

h5页面提示只能在微信浏览器中打开_h5移动端开发 判断只能在微信浏览器打开...相关推荐

最新文章

热门文章

h5页面提示只能在微信浏览器中打开_h5移动端开发判断只能在微信浏览器打开...

h5页面提示只能在微信浏览器中打开_h5移动端开发判断只能在微信浏览器打开...相关推荐