要学习WebGPU首先需要准备一个支持WebGPU的浏览器，谷歌浏览器从Chrome 113 Beta测试版开始默认支持WebGPU。如果你的谷歌浏览器低于113版本，请下载新版本浏地器才能正常学习WebGPU。

随着时间的推移，将会越来越多的浏览器支持WebGPU.

浏览器支持

谷歌浏览器 113 版本以上

普通html支持ES6的语法

只需要将type类型设置为module就可以支持es6的语法了。

<script type="module">

</script>

判断浏览器是否支持WebGPU

使用navigator.gpu方法可以判断浏览器是否支持WebGPU

<script type="module">
    if (navigator.gpu) {
        console.log('你的浏览器支持WebGPU')
    } else {
        console.log('你的浏览器不支持WebGPU，请更换新版本浏览器。')
    }
</script>