WebGPU小白入门(一): 零基础创建第一个WebGPU项目

[支阿怪]

@admin

1.请问出现No adapter found，是什么原因呢？
2.如果浏览器不支持webgpu应该是Not support WebGPU吧，使用的edge最新版，还是说必须要用Chrome才可以？
3.是否可以在vite.config.js配置中修改，使得Edge正常运行么？

[shuangliu]

@wenhao0807
目前webgpu没有正式发布，各大浏览器默认都是不开启webgpu的支持的，需要通过配置来启用webgpu的api，比如在chrome canary 中通过 chrome://flags/#enable-unsafe-webgpu 手动开启才可以。普通版本的chrome是没有这个选项的

同样，edge其实也是基于chrome内核，其大部分配置跟chrome是一样的，也可以在 edge canary 中访问 edge://flags 开启webgpu。但同样普通edge版本中也没有该选项。

除了这种手动设置flag的开启方式，chrome有另一种方法来测试webgpu，可以通过向chrome申请特定域名下的某个未公开的api的使用权限，也就是我们内置在 vite.config.js 中的那个devtoken，有了这个token，就可以在 localhost:3000 域名下的页面中使用webgpu权限了。但这个token只有在chrome中才起作用。

Edge也有chrome一样的测试机制，可以识别chrome的token，但edge的验证服务和chrome是独立的，不能验证chrome的token，所以就出现一个bug，在edge中navigator.gpu存在，理论上可以用webgpu的api，但实际上没有权限调用。

edge 目前的origin trail计划中没有webgpu的测试项目，所以目前只有在edge的开发者版本里通过设置flag手动启用webgpu才可以
edge://flags/#enable-unsafe-webgpu

[支阿怪]

@shuangliu 感谢回复，了解了

[Nerd]

好评, 相比起视频版我更喜欢文字, 期待下一期

[galooha]

chrome 101稳定版加入WebGpu的API了吗

[shuangliu]

@galooha 还没有，目前还是处于测试阶段，预计到105版本才会加入

[shibingli]

因工作需要，最近开始学习这个，感谢！

[cx32205991]

请问我在chrome102版本中显示不支持webgpu并且是拉取的模板已经存在了token是为什么？

[shuangliu]

@cx32205991 看您贴图的token 应该是已经过期了，请重新pull我们最新的代码，token需要定期更新。

另外，最新的 sample 代码使用的是最新的webgpu api，有一些 Chrome 102 版本已经不支持了，请尝试使用 Chrome Canary 版本运行

[cx32205991]

@shuangliu 好的多谢指导

[jellyl823]

@shuangliu 已经拉取了最新的代码，但还是not surpport webgpu。

chrome canary版本106
chrome://flags/里面和webgpu有关的选项为WebGPU Developer Features设置为enable了

[shuangliu]

@jellyl823 是 Canary 的发布 bug，出现过好几次，Chrome 新版本发布时 忘了改 WebGPU 的版本 flag，导致 106 版本无法使用 WebGPU

1. 一般 Chrome 会在几天内修复该问题，可以保持更新
2. 可以先暂时启用 M105 的 flag，可以手动开启 webgpu，等106修复后再关闭正常使用

[jellyl823]

@shuangliu 多谢大佬，目前已经开了两个feature

但还是不能跑起来

[jellyl823]

@shuangliu 多谢大佬，我刚试了一下，重新下载canary105
开启chrome://flags/#enable-unsafe-webgpu，可以正常运行了！多谢！

[cfl997]

小白入门，棒棒棒

[Davidyanlong]

老师，想获得该系列培训的PPT，在哪里可以下载到？