Vue.js獲取手機系統(tǒng)型號、版本、瀏覽器類型的示例代碼
更新時間：2020年05月10日 17:50:20 作者：Good 奈斯
這篇文章主要介紹了vue js獲取手機系統(tǒng)型號、版本、瀏覽器類型的示例代碼，代碼簡單易懂，非常不錯具有一定的參考借鑒價值,需要的朋友可以參考下
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)版本和手機型號
console.log(model + '||' + os, '打印系統(tǒng)版本和手機型號')
</script>
總結
到此這篇關于Vue.js獲取手機系統(tǒng)型號、版本、瀏覽器類型的示例代碼的文章就介紹到這了,更多相關vue手機系統(tǒng)型號版本瀏覽器類型內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
Vue中Table組件行內(nèi)右鍵菜單實現(xiàn)方法(基于 vue + AntDesign)
這篇文章主要介紹了Vue中Table組件行內(nèi)右鍵菜單實現(xiàn)方法，該項目是基于 vue + AntDesign的，具體實例代碼給大家介紹的非常詳細 ,需要的朋友可以參考下2019-11-11
本篇文章主要介紹了Vee-Validate的使用方法詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
vuex + axios 做登錄驗證 并且保存登錄狀態(tài)的實例
今天小編就為大家分享一篇vuex + axios 做登錄驗證 并且保存登錄狀態(tài)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vue二次封裝el-select實現(xiàn)下拉滾動加載效果(el-select無限滾動)
el-select默認是不支持虛擬滾動的,需要使用第三方插件來實現(xiàn)虛擬滾動功能,下面這篇文章主要給大家介紹了關于Vue二次封裝el-select實現(xiàn)下拉滾動加載效果的相關資料,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了詳解vue-cli 快速搭建單頁應用之遇到的問題及解決辦法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
process.env?是?Node.js?中的一個環(huán)境對象，其中保存著系統(tǒng)的環(huán)境的變量信息，可使用?Node.js?命令行工具直接進行查看，這篇文章主要介紹了Vue中配置process.env詳解,需要的朋友可以參考下2023-03-03
淺談VueUse中useAsyncState的實現(xiàn)原理
useAsyncState?是 VueUse 庫中提供的一個實用工具,它用于處理異步狀態(tài),本文主要介紹了VueUse中useAsyncState的實現(xiàn)及其原理,具有一定的參考價值,感興趣的可以了解一下2024-08-08
這篇文章主要介紹了vue 組件間的通信之子組件向父組件傳值的方式總結,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-07-07
Ant Design Vue Pro動態(tài)路由加載,服務器重啟首頁白屏問題
這篇文章主要介紹了Ant Design Vue Pro動態(tài)路由加載,服務器重啟首頁白屏問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue異步加載高德地圖的實現(xiàn)，詳細的介紹了異步加載的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06