h5 開發app 系統 版本檢測

2022-05-04 11:33:09 字數 2848 閱讀 3920

裝置資訊

plus.device.model  //裝置型號

plus.device.vendor //裝置的生產廠商

plus.device.imei // imei 裝置的國際移動裝置身份碼

plus.device.uuid // uuid 裝置的唯一標識

// imsi 裝置的國際移動使用者識別碼

var str = '';

for ( i=0; i通過js獲取螢幕寬度

document.documentelement.clientwidth

// 在華為手機上測試比實際值多了一畫素

封裝方法返回裝置物件資訊

// 封裝獲取方法

var bonly = {};

bonly.getdeviceinfo = function(callback) ;

deviceinfo.model = plus.device.model;

deviceinfo.vendor = plus.device.vendor;

deviceinfo.imei = plus.device.imei;

deviceinfo.uuid = plus.device.uuid;

var str = '';

for(i = 0; i < plus.device.imsi.length; i++)

deviceinfo.imsi = str;

// 邏輯解析度與實際解析度的比例

deviceinfo.scale = plus.screen.scale;

deviceinfo.resolution = plus.screen.resolutionwidth * plus.screen.scale + " x " + plus.screen.resolutionheight * plus.screen.scale;

deviceinfo.pixel = plus.screen.dpix + " x " + plus.screen.dpiy;

callback(deviceinfo);

}// 呼叫

bonly.getdeviceinfo(function(info)

})

手機資訊
plus.os.name //名稱

plus.os.version //版本

plus.os.language //語言

plus.os.vendor //廠商

//網路型別

var types = {};

types[plus.networkinfo.connection_unknow] = "未知";

types[plus.networkinfo.connection_none] = "未連線網路";

types[plus.networkinfo.connection_ethernet] = "有線網路";

types[plus.networkinfo.connection_wifi] = "wifi網路";

types[plus.networkinfo.connection_cell2g] = "2g蜂窩網路";

types[plus.networkinfo.connection_cell3g] = "3g蜂窩網路";

types[plus.networkinfo.connection_cell4g] = "4g蜂窩網路";

var network = types[plus.networkinfo.getcurrenttype()];

封裝方法返回手機資訊物件

var bonly = {};

// 獲取手機資訊

bonly.getphoneinfo=function(callback);

json.name = plus.os.name;

json.version = plus.os.version;

json.language = plus.os.language;

json.vendor = plus.os.vendor;

var types = {};

types[plus.networkinfo.connection_unknow] = "未知";

types[plus.networkinfo.connection_none] = "未連線網路";

types[plus.networkinfo.connection_ethernet] = "有線網路";

types[plus.networkinfo.connection_wifi] = "wifi網路";

types[plus.networkinfo.connection_cell2g] = "2g蜂窩網路";

types[plus.networkinfo.connection_cell3g] = "3g蜂窩網路";

types[plus.networkinfo.connection_cell4g] = "4g蜂窩網路";

json.network = types[plus.networkinfo.getcurrenttype()];

callback(json);

}// 呼叫

bonly.getphoneinfo(function(info)

})

mui判斷是安卓還是ios
// 安卓

if( mui.os.android ) 為真

// ios

if( mui.os.ios ) 為真

版本檢測
// 安卓機彈出安卓版本,ios彈出ios版本

mui.os.version

官方文件 mui.os.*

文章參考匠心部落格

H5內嵌原生app

因此,可以看到內嵌其實並不難,難就難在要適配 原生與web互動 資料傳遞等,當然我們也可以使用vue來開發h5介面 一 如何實現互動?答案是使用第三方外掛程式jsbridge 1.通過js偽造請求 原生攔截獲取資料 原理類似於jsonp 首先在js中定義乙個函式並掛載在window下,然後在原生中呼...

H5 混合移動app應用開發 開篇

html5 html5 vue.js mui js 為什麼有vue.js?vue.js是一款mvvm框架,也是目前三大流行的mvvm前端框架之一 另外兩種 react和angular 在做技術選型之前,我有先對這三種框架去做乙個簡單的研究,後面感覺還是vue.js的語法比較優雅,就像我喜歡c 語言一...

H5 混合移動app應用開發 開篇

html5 html5 vue.js mui js 為什麼有vue.js?vue.js是一款mvvm框架,也是目前三大流行的mvvm前端框架之一 另外兩種 react和angular 在做技術選型之前,我有先對這三種框架去做乙個簡單的研究,後面感覺還是vue.js的語法比較優雅,就像我喜歡c 語言一...