<view class="webgl">
<button @click="getInfo">手机信息</button>
<button @click="getGPU">GPU信息</button>
<canvas type="webgl" id="myCanvas"></canvas>
</view>
<script>
export default {
methods: {
// 手机信息
getInfo() {
const deviceInfo = wx.getDeviceInfo()
console.log('二进制接口类型', deviceInfo.abi)
console.log('设备性能等级', deviceInfo.benchmarkLevel)
console.log('设备品牌', deviceInfo.brand)
console.log('设备型号', deviceInfo.model)
console.log('客户端平台', deviceInfo.platform)
console.log('操作系统及版本', deviceInfo.system)
console.log('设备 CPU 型号', deviceInfo.cpuType)
console.log('设备内存大小', deviceInfo.memorySize)
},
// GPU型号
getGPU() {
const query = wx.createSelectorQuery()
query.select('#myCanvas').node().exec((res) => {
const canvas = res[0].node
const gl = canvas.getContext('webgl')
const ext = gl.getExtension('WEBGL_debug_renderer_info');
const rendererInfo = gl.getParameter(ext.UNMASKED_RENDERER_WEBGL);
console.log('gpu',rendererInfo); // 这里会输出GPU的相关信息
})
}
}
}
</script>
获取手机信息:Object wx.getDeviceInfo() | 微信开放文档