admin 管理员组

文章数量: 887016

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

var ua = navigator.userAgent.toLowerCase();

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

if (!isWeixin) {

window.location.href = "https://open.weixin.qq/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/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移动端开发 判断只能在微信浏览器打开... 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1726854027h1039996.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。