判斷操作系統(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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。