h5 開發app 系統 版本檢測

裝置資訊

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) 
})

// 安卓

if( mui.os.android ) 為真
// ios
if( mui.os.ios ) 為真

// 安卓機彈出安卓版本，ios彈出ios版本

mui.os.version

文章參考匠心部落格

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 語言一...