随身笔记
随身笔记

判断h5页面是否在app中打开

判断 h5 嵌套 app 判断 app 嵌套 h5

判断h5页面是否嵌套到webview并在app中打开,这里需要app开发的配合才行。

1.在前端开发过程中,遇见过一个需求,需要 H5页面 判断是在手机APP内打开,还是在手机浏览器里面打开的。
2js 获取 window.navigator.userAgent 浏览器信息,唯一的区别是在最后面会有一个当前APP里面的协议头。使用APP的协议头来加以判断。例如下面获取的信息后面会有一个 xxxpay的标识

https://sdeno.com/wp-content/uploads/2019/08/andpan.jpg

 

https://sdeno.com/wp-content/uploads/2019/08/iospan.jpg

 

3.然后我们可以使用JS方法来判断,建议使用三种方式以或者的条件进行判断,预防众多安卓的兼容性问题。

if(userAgent.indexOf(‘你的app协议头’) || userAgent.search(‘你的app协议头’) || /你的app协议头/.search(userAgentr)){
// 执行你的APP打开 html 页面逻辑
}else{
// 执行你的浏览器 html 页面打开逻辑
}
var userAgent = window. window.navigator.userAgent;
方式一:
userAgent.indexOf(‘你的app协议头’);

方式二:
userAgent.search(‘你的app协议头’);

方式三:
/你的app协议头/.search(userAgentr);

 

https://blog.csdn.net/qq_34648151/article/details/86702866

 

随身笔记

判断h5页面是否在app中打开
判断 h5 嵌套 app 判断 app 嵌套 h5 判断h5页面是否嵌套到webview并在app中打开,这里需要app开发的配合才行。 1.在前端开发过程中,遇见过一个需求,需要 H5页面 判断是在手机APP…
扫描二维码继续阅读
2019-08-16