微信小程序获取手机系统信息的方法【附源码下载】
本文实例讲述了微信小程序获取手机系统信息的方法。分享给大家供大家参考,具体如下:
1、效果展示
2、关键代码
index.wxml布局文件代码
<view>手机型号:{{mobileModel}}</view> <view>手机像素比:{{mobileePixelRatio}}</view> <view>窗口宽度:{{windowWidth}}</view> <view>窗口高度:{{windowHeight}}</view> <view>微信设置的语言:{{language}}</view> <view>微信版本号:{{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 }) } }) } })
这里通过wx.getSystemInfo函数来获取手机系统信息。具体参数说明与用法还可参考官网:https://mp.weixin.qq.com/debug/wxadoc/dev/api/systeminfo.html#wxgetsysteminfoobject
3、源代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
相关推荐
-
C#微信小程序服务端获取用户解密信息实例代码
C#微信小程序服务端获取用户解密信息实例代码 实现代码: using AIOWeb.Models; using Newtonsoft.Json; using Newtonsoft.Json.Linq; using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; namespace AIOWe
-
微信小程序授权获取用户详细信息openid的实例详解
小程序获取用户的头像昵称openid之类 第一种使用wx.getUserInfo直接获取微信头像,昵称 wx.getUserInfo({ success: function (res) { that.setData({ nickName: res.userInfo.nickName, avatarUrl: res.userInfo.avatarUrl, }) }, }) 第二种 我们在使用小程序wx.login API进行登录的时候,直接使用wx.getUserInfo是不能获取更多的信息的,如
-
微信小程序 获取设备信息 API实例详解
获取设备信息这里分为四种, 主要属性: 网络信息wx.getNetWorkType, 系统信息wx.getSystemInfo, 重力感应数据wx.onAccelerometerChange, 罗盘数据wx.onCompassChange wxml <button type="primary" bindtap="getNetWorkType">获取网络类型</button> <button type="primary"
-
微信小程序 判断手机号的实现代码
微信小程序 判断是否是手机号 JS实现代码: validatemobile: function (mobile) { if (mobile.length == 0) { wx.showToast({ title: '请输入手机号!', icon: 'success', duration: 1500 }) return false; } if (mobile.length != 11) { wx.showToast({ title: '手机号长度有误!', icon: 'success', dur
-
微信小程序实现添加手机联系人功能示例
本文实例讲述了微信小程序实现添加手机联系人功能.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 1)WXML文件 <view bindlongtap="phoneNumTap">{{phoneNum}}</view> 2)JS文件 Page({ data:{ phoneNum:'12345678901'//测试用的号码,并非真实号码 }, // 长按号码响应函数 phoneNumTap:function(){ var that=this; //
-
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决 微信小程序上传图片的时候,如果是多图片上传,一般都是直接用一个循环进行wx.uploadFile 这个在电脑上面测试与苹果手机上面都不会有什么问题 但当用安卓测试的时候,你会发现小程序会提示一个the same task is working wx.uploadFile不能并行,因为wx.uploadFile是一个异步函数,所以循环的时候在安卓手机上会出现并行 解决的方法 做一个上传完的
-
微信小程序获取手机号授权用户登录功能
小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等,有了这个组件可以快速获取微信绑定手机号码,无须用户填写. 1.getPhoneNumber这个组件通过button来实现(别的标签无效).将button中的open-type="getPhoneNumber",并且绑定bindgetphonenumber事件获取回调. <span style="font-size:14px;"><button open-type="get
-
微信小程序getPhoneNumber获取用户手机号
微信小程序getPhoneNumber获取用户手机号 小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等, 有了这个组件可以快速获取微信绑定手机号码,无须用户填写. 1.getPhoneNumber这个组件通过button来实现(别的标签无效).将button中的open-type="getPhoneNumber",并且绑定bindgetphonenumber事件获取回调. <button open-type="getPhoneNumber"
-
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
前言 在微信小程序中,我们可以通过调用wx.getLocation()获取到设备当前的地理位置信息,这个信息是当前位置的经纬度.如果我们想获取当前位置是处于哪个国家,哪个城市等信息,该如何实现呢? 实现方法 微信小程序中并没有提供这样的API,但是没关系,有wx.getLocation()得到的经纬度作为基础就够了,其他的,我们可以使用其他第三方地图服务可以来实现,比如腾讯地图或百度地图的API. 以腾讯地图为例,我们可以去腾讯地图开放平台注册一个账号,然后在它的管理后台创建一个密钥(key).
-
微信小程序 解决请求服务器手机预览请求不到数据的方法
微信小程序 解决请求服务器手机预览请求不到数据的方法 微信小程序的文档中明确说明了所有的请求是必须使用https的,以没用过https,由于小程序,不得不接触到https,研究了好长时间把tomcat配置好了https.然后用开发者工具测试是否能请求到数据,发现能获取到很开心. 后来是注册了小程序,在小程序后台也进行了设置,见下图 给项目加了APPID,准备进行手机预览的测试 这里说一下,在开发小程序时尽量把图片放到自己的服务器上,因为小程序在上传和预览时都有编译包的限制,没有算过,大概是1M,
随机推荐
- iOS 二维码生成及扫码详解及实例代码
- Python中的if、else、elif语句用法简明讲解
- python 实现一个贴吧图片爬虫的示例
- PHP中IP地址与整型数字互相转换详解
- 浅谈JavaScript 覆盖原型以及更改原型
- ASP.NET配合jQuery解决跨域调用的问题
- Symfony2学习笔记之控制器用法详解
- php flv视频时间获取函数
- 基于Android中实现定时器的3种解决方法
- 快来领取!你想要的C++/C语言优秀书籍
- 使用ajax技术无刷新动态调用新浪股票实时数据
- Cisco Router 接口
- CreateWeb.vbs 代码
- Javascript中indexOf()和lastIndexOf应用方法实例
- C++线程同步实例分析
- Java设计模式之装饰者模式详解和代码实例
- 分享Spring的下载组件
- ASP.Net中表单POST到其他页面的方法分享
- Android开发性能优化总结
- Android将图片上传到php服务器的实例代码