要判断浏览器是否支持WebGPU，你可以使用以下方法：

navigator.gpu：

最简单的方法是通过navigator.gpu属性来检查浏览器是否支持WebGPU。该属性在支持WebGPU的浏览器中会返回一个GPU对象，否则返回undefined。

if (navigator.gpu) {
  // 支持WebGPU，执行相关代码
  console.log('浏览器支持WebGPU!');
} else {
  // 不支持WebGPU，执行其他备选方案
  console.log('浏览器不支持WebGPU.');
}

异步检查：

如果你的项目需要在检查WebGPU支持后进行进一步操作，可以使用异步方式检查。

async function checkWebGPUSupport() {
  if ('gpu' in navigator) {
    try {
      const adapter = await navigator.gpu.requestAdapter();
      const device = await adapter.requestDevice();
      console.log('浏览器支持WebGPU!');
      // 进一步操作，例如创建渲染上下文等
    } catch (error) {
      console.log('浏览器支持WebGPU，但初始化失败:', error);
    }
  } else {
    console.log('浏览器不支持WebGPU.');
  }
}

checkWebGPUSupport();

在上述代码中，我们使用了异步函数来检查WebGPU支持。通过navigator.gpu属性检查浏览器是否支持WebGPU。如果支持，我们通过异步请求适配器和设备来进一步验证WebGPU的可用性。如果初始化失败，将会捕获错误并输出错误信息。

请注意，WebGPU技术还在发展中，并不是所有浏览器都支持，特别是旧版本的浏览器。在使用WebGPU之前，请确保检查浏览器的兼容性和最新的技术支持情况。