使用 Unity WEBGL 构建和 Chrome 扩展程序的 Chrome 浏览器中的 CORS 问题

问题描述

简介: 我正在使用 Unity WebGL build 在 Bowser 上播放内容,但在浏览器中 unity webgl build 需要时间来加载。所以为了不一次又一次地加载统一的 webgl 库,我有一个 chrome 扩展来加载统一的 webgl 构建一次并在其上播放内容

内容是数据驱动的,所以一旦加载它就会从 s3 获取数据 [Audio,video,json]。

如果可用,我将使用扩展程序播放内容。否则我将在浏览器本身上播放内容

测试场景 1:

设置: Chrome 扩展程序已禁用(开发者模式)。

步骤: 点击一个内容,它会正常播放。 现在启用 chrome 扩展(开发者模式) 尝试播放相同的内容,它会尝试在 Chrome 扩展程序中播放,播放正常。

测试场景 2:

设置: Chrome 扩展程序已启用(开发者模式)。

步骤:

点击一个内容,它会在扩展中播放。 禁用 chrome 扩展(开发者模式) 尝试播放相同的内容,它会尝试在浏览器中播放。

chrome 控制台错误

从源 'url' 访问 XMLHttpRequest at 'File url' 已被 CORS 策略阻止:请求的资源上不存在 'Access-Control-Allow-Origin' 标头。

我的发现:

在测试场景 2 中,当我尝试在 extension 中播放内容时,所需的数据被提取并存储在浏览器的 Indexed db 中。 当我尝试在没有扩展的情况下播放时,浏览器正在尝试从索引数据库获取数据,因为它已经下载并且由于 CORS 问题而失败。 笔记 : 如果我们手动“清空缓存并重新加载”浏览器,这个问题将得到解决

图像 1:加载没有扩展名的内容 - 第一次 链接https://drive.google.com/file/d/1QtfMWeHtYjpDy_8jQvmGN2siM5SCEQ4n/view?usp=sharing

图像 2:再次加载相同的内容 - 第二次 链接https://drive.google.com/file/d/1FNzZf_ZPXlCvF19Xhr3yUt3Y9xstMkf-/view?usp=sharing

图 3:测试场景 2 链接https://drive.google.com/file/d/1vtCpYgsdQwAJ6hgPDCWSO_eajcdNrNHn/view?usp=sharing

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...