android app内嵌h5页面,app内嵌h5页面:前端与原生语言的配合
判斷操作系統(tǒng):
var u = navigator.userAgent,
app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端
if(isAndroid) {//這個(gè)是安卓操作系統(tǒng)
}
if(isIOS) {//這個(gè)是ios操作系統(tǒng)
}
判斷是移動(dòng)端瀏覽器打開(kāi)還是PC端瀏覽器打開(kāi):
if(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {//移動(dòng)端
//移動(dòng)端打開(kāi)
} else {
//pc端打開(kāi)
}
判斷微信、qq、還是微博內(nèi)部打開(kāi)(微信內(nèi)置瀏覽器與qq內(nèi)置瀏覽器
與微博內(nèi)置瀏覽器
):
function is_weixn_qq() {
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger\/[0-9]/i)) {
$('#weixin-tip').show();//微信引導(dǎo)圖(點(diǎn)擊右上角按鈕選擇瀏覽器打開(kāi));
return true;
}
if(ua.match(/QQ\/[0-9]/i)) {
$('#weixin-tip').show();//qq引導(dǎo)圖(點(diǎn)擊右上角按鈕選擇瀏覽器打開(kāi));
return true;
}
if (ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客戶(hù)端打開(kāi)
return true;
}
return false;
}
日常功能的實(shí)現(xiàn):進(jìn)入頁(yè)面時(shí),根據(jù)不同情景后端會(huì)在當(dāng)前頁(yè)面url后面拼接參數(shù),利用獲取不同參數(shù)實(shí)現(xiàn)不同前端展示或邏輯。
獲取當(dāng)前url通用方法:
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if(r != null)
return decodeURIComponent(r[2]);
return null;
}
var a = getQueryString('a') ? getQueryString('a') : ''; //a為拼接的參數(shù)名
if(a == 1) {
$('.myfooter').show();
$('.box').css('padding-bottom', '1.4rem');
} else {
$('.myfooter').hide();
$('.box').css('padding-bottom', '0');
}
總結(jié)
以上是生活随笔為你收集整理的android app内嵌h5页面,app内嵌h5页面:前端与原生语言的配合的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 陈晓版神雕侠侣(新版神雕侠侣2020)
- 下一篇: html网页主题结构,HTML5 基本结