Vue.js獲取手機(jī)系統(tǒng)型號(hào)、版本、瀏覽器類型的示例代碼
更新時(shí)間：2020年05月10日 17:50:20 作者：Good 奈斯
這篇文章主要介紹了vue js獲取手機(jī)系統(tǒng)型號(hào)、版本、瀏覽器類型的示例代碼，代碼簡單易懂，非常不錯(cuò)具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
1.index.html引入
<script src="http://code.jquery.com/jquery-1.11.1.min.js"> </script> <script src="https://cdn.jsdelivr.net/npm/mobile-detect@1.4.4/mobile-detect.min.js"> </script>
2.直接用
<script>
//判斷數(shù)組中是否包含某字符串
Array.prototype.contains = function(needle) {
for (i in this) {
if (this[i].indexOf(needle) > 0)
return i;
}
return -1;
}
var device_type = navigator.userAgent; //獲取userAgent信息
document.write(device_type); //打印到頁面
var md = new MobileDetect(device_type); //初始化mobile-detect
var os = md.os(); //獲取系統(tǒng)
console.log(os)
var model = "";
if (os == "iOS") { //ios系統(tǒng)的處理
os = +md.version("iPhone");
console.log(os)
model = md.mobile();
} else if (os == "AndroidOS") { //Android系統(tǒng)的處理
os = md.os() + md.version("Android");
var sss = device_type.split(";");
var i = sss.contains("Build/");
if (i > -1) {
model = sss[i].substring(0, sss[i].indexOf("Build/"));
}
}
// alert(os + "---" + model);//打印系統(tǒng)版本和手機(jī)型號(hào)
console.log(model + '||' + os, '打印系統(tǒng)版本和手機(jī)型號(hào)')
</script>
總結(jié)
到此這篇關(guān)于Vue.js獲取手機(jī)系統(tǒng)型號(hào)、版本、瀏覽器類型的示例代碼的文章就介紹到這了,更多相關(guān)vue手機(jī)系統(tǒng)型號(hào)版本瀏覽器類型內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue router錯(cuò)誤跳轉(zhuǎn)到首頁("/")的問題及解決
這篇文章主要介紹了Vue router錯(cuò)誤跳轉(zhuǎn)到首頁("/")的問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
本篇文章主要介紹了Vue DevTools調(diào)試工具的使用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了Vue中對(duì)組件二開解決思路以及方案，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-04-04
這篇文章主要介紹了vue2.0組件之間傳值、通信的多種方式以及注意要點(diǎn)，需要的朋友可以參考下2018-02-02
這篇文章主要介紹了vue cli webpack中使用sass的方法,需要的朋友可以參考下2018-02-02
在Vue中,可以使用多種方式來處理cookie和本地存儲(chǔ),不同的方法還有不同的特點(diǎn)和適用場(chǎng)景,本文主要介紹了這些方法的對(duì)比和使用場(chǎng)景,希望對(duì)大家有所幫助2023-08-08
el-table樹形數(shù)據(jù)量過大,導(dǎo)致頁面卡頓問題及解決
這篇文章主要介紹了el-table樹形數(shù)據(jù)量過大,導(dǎo)致頁面卡頓問題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
這篇文章主要介紹了Vue跨域請(qǐng)求問題解決方案過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
這篇文章主要介紹了uni-app自定義導(dǎo)航欄按鈕|uniapp仿微信頂部導(dǎo)航條功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
vue-cli3 打包優(yōu)化之 splitchunks詳解
這篇文章主要介紹了vue-cli3 打包優(yōu)化之 splitchunks的相關(guān)知識(shí)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-07-07