AudioWorklet.addModule是否已登录Chrome网络控制台

Question

我正在通过AudioWorklet.addModule(githubUrl(从Github加载一个示例模块来测试一些音频worklet代码。但是，当我在开发人员设置中查看网络选项卡时，我没有看到对Github的网络请求。我知道它发出请求是因为在我切换到使用raw.githubusercontent地址之前它给出了CORS错误(现在它给出了Uncaught (in promise) DOMException: The user aborted a request(。我希望能够检查网络呼叫返回的内容，以便帮助诊断问题。

Answer 1

Chrome中似乎有一个错误，它阻止了网络请求在开发工具中显示。我认为提交一个bug是个好主意。

现在你只需要使用Firefox。它在开发工具中显示网络请求。

如果你想继续使用Chrome，你可以用fetch()代理你的请求，让它出现在开发工具中。

与其直接调用addModule()。。。

context.audioWorklet.addModule(url)

您可以先获取源，然后将其封装到对象URL中。

fetch(url)
.then((response) => response.text())
.then((text) => {
const blob = new Blob([text], { type: 'application/javascript; charset=utf-8' });
const objectUrl = URL.createObjectURL(blob);
return context.audioWorklet.addModule(objectUrl)
.finally(() => URL.revokeObjectURL(objectUrl));
})