AudioWorklet.addModule 是否登录到 Chrome 网络控制台?
Is AudioWorklet.addModule logged in the Chrome network console?
我正在通过 AudioWorklet.addModule(githubUrl) 从 Github 加载示例模块来测试一些音频工作集代码。但是,当我查看开发人员设置中的网络选项卡时,我没有看到对 Github 的网络请求。我知道它正在发出请求,因为在我切换到使用 raw.githubusercontent 地址之前它给出了 CORS 错误(现在它给出了 Uncaught (in promise) DOMException: The user aborted a request
)。我希望能够检查网络调用返回的内容,以便帮助诊断问题。
Chrome 中似乎存在错误,导致网络请求无法显示在开发工具中。我认为为此提交错误是个好主意。
现在您可以只使用 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));
})
我正在通过 AudioWorklet.addModule(githubUrl) 从 Github 加载示例模块来测试一些音频工作集代码。但是,当我查看开发人员设置中的网络选项卡时,我没有看到对 Github 的网络请求。我知道它正在发出请求,因为在我切换到使用 raw.githubusercontent 地址之前它给出了 CORS 错误(现在它给出了 Uncaught (in promise) DOMException: The user aborted a request
)。我希望能够检查网络调用返回的内容,以便帮助诊断问题。
Chrome 中似乎存在错误,导致网络请求无法显示在开发工具中。我认为为此提交错误是个好主意。
现在您可以只使用 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));
})