判斷操作系統：

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) {//這個是安卓操作系統

}

if(isIOS) {//這個是ios操作系統

}

判斷是移動端瀏覽器打開還是PC端瀏覽器打開：

if(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {//移動端

//移動端打開

} else {

//pc端打開

}

判斷微信、qq、還是微博內部打開(微信內置瀏覽器與qq內置瀏覽器

與微博內置瀏覽器

)：

function is_weixn_qq() {

var ua = navigator.userAgent.toLowerCase();

if(ua.match(/MicroMessenger\/[0-9]/i)) {

$('#weixin-tip').show();//微信引導圖(點擊右上角按鈕選擇瀏覽器打開)；

return true;

}

if(ua.match(/QQ\/[0-9]/i)) {

$('#weixin-tip').show();//qq引導圖(點擊右上角按鈕選擇瀏覽器打開)；

return true;

}

if (ua.match(/WeiBo/i) == "weibo") {

//在新浪微博客戶端打開

return true;

}

return false;

}

日常功能的實現：進入頁面時，根據不同情景后端會在當前頁面url后面拼接參數，利用獲取不同參數實現不同前端展示或邏輯。

獲取當前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為拼接的參數名

if(a == 1) {

$('.myfooter').show();

$('.box').css('padding-bottom', '1.4rem');

} else {

$('.myfooter').hide();

$('.box').css('padding-bottom', '0');

}

總結

以上是生活随笔為你收集整理的android app内嵌h5页面,app内嵌h5页面：前端与原生语言的配合的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。