微信小程序獲取手機(jī)系統(tǒng)信息的方法【附源碼下載】

更新時(shí)間：2017年12月07日 15:17:13 作者：FutrueJet

這篇文章主要介紹了微信小程序獲取手機(jī)系統(tǒng)信息的方法,涉及微信小程序wx.getSystemInfo函數(shù)的簡(jiǎn)單使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下

本文實(shí)例講述了微信小程序獲取手機(jī)系統(tǒng)信息的方法。分享給大家供大家參考，具體如下：

1、效果展示

2、關(guān)鍵代碼

index.wxml布局文件代碼

<view>手機(jī)型號(hào)：{{mobileModel}}</view>
<view>手機(jī)像素比：{{mobileePixelRatio}}</view>
<view>窗口寬度：{{windowWidth}}</view>
<view>窗口高度：{{windowHeight}}</view>
<view>微信設(shè)置的語(yǔ)言：{{language}}</view>
<view>微信版本號(hào)：{{version}}</view>

index.js邏輯文件代碼

var app = getApp()
Page({
 data: {
  mobileModel:'',
  mobileePixelRatio:'',
  windowWidth:'',
  windowHeight:'',
  language:'',
  version:''
 },
 onLoad: function () {
  var that=this;
  wx.getSystemInfo({
   success: function(res) {
    that.setData({
     mobileModel:res.model,
     mobileePixelRatio:res.pixelRatio,
     windowWidth:res.windowWidth,
     windowHeight:res.windowHeight,
     language:res.language,
     version:res.version
    })
   }
  })
 }
})

這里通過(guò)wx.getSystemInfo函數(shù)來(lái)獲取手機(jī)系統(tǒng)信息。具體參數(shù)說(shuō)明與用法還可參考官網(wǎng)：https://mp.weixin.qq.com/debug/wxadoc/dev/api/systeminfo.html#wxgetsysteminfoobject

3、源代碼點(diǎn)擊此處本站下載。

希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javscript 數(shù)組扁平化的實(shí)現(xiàn)
這篇文章主要介紹了javscript 數(shù)組扁平化的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
深入探討TypeScript中類與接口的使用
TypeScript是一種強(qiáng)大的編程語(yǔ)言,它在JavaScript的基礎(chǔ)上添加了靜態(tài)類型檢查,使得代碼更加可維護(hù)和類型安全,在TypeScript中,類和接口是構(gòu)建復(fù)雜應(yīng)用程序的關(guān)鍵組成部分,本文將深入探討TypeScript中類與接口的使用,需要的朋友可以參考下
2023-09-09
List the Codec Files on a Computer
List the Codec Files on a Computer...
2007-06-06
JS控制FileUpload的上傳文件類型實(shí)例代碼
下面小編就為大家?guī)?lái)一篇JS控制FileUpload的上傳文件類型實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
JS塊級(jí)作用域和私有變量實(shí)例分析
這篇文章主要介紹了JS塊級(jí)作用域和私有變量,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript塊級(jí)作用域和私有變量相關(guān)概念、原理、操作技巧,需要的朋友可以參考下
2019-05-05
js中常見(jiàn)的6種繼承方式總結(jié)
js中的繼承與其說(shuō)是對(duì)象的繼承,但更像是讓函數(shù)的功能和用法的復(fù)用,下面這篇文章主要給大家介紹了關(guān)于js中常見(jiàn)的6種繼承方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-01-01
uniapp開(kāi)發(fā)微信小程序主包太大和vendor.js過(guò)大無(wú)法打包問(wèn)題解決
最近工作一直在uniapp開(kāi)發(fā)小程序這一塊,相信很多開(kāi)發(fā)者都遇到過(guò)代碼體積太大無(wú)法打包的問(wèn)題,這篇文章主要給大家介紹了關(guān)于uniapp開(kāi)發(fā)微信小程序主包太大和vendor.js過(guò)大無(wú)法打包問(wèn)題的解決辦法,需要的朋友可以參考下
2023-11-11
JavaScript中的this引用(推薦)
this是javascript的一個(gè)關(guān)鍵字，隨著函數(shù)使用場(chǎng)合不同，this的值會(huì)發(fā)生變化。這篇文章主要介紹了JavaScript中的this引用的相關(guān)資料,非常不錯(cuò)，需要的朋友可以參考下
2016-08-08
JS設(shè)計(jì)模式之訪問(wèn)者模式定義與用法分析
這篇文章主要介紹了JS設(shè)計(jì)模式之訪問(wèn)者模式定義與用法,結(jié)合實(shí)例形式分析了javascript設(shè)計(jì)模式中訪問(wèn)者模式的概念、功能、應(yīng)用場(chǎng)景及使用方法,需要的朋友可以參考下
2018-02-02
正則表達(dá)式中特殊符號(hào)及正則表達(dá)式的幾種方法總結(jié)(replace,test,search)
這篇文章主要是對(duì)正則表達(dá)式中特殊符號(hào)及正則表達(dá)式的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11