Ace编辑器中的JSHint工作者在静态超文本标记语言页面上被阻止

Question

我尝试从我的计算机上的HTML文件加载Ace编辑器（使用＜code＞文件：//＜code＞协议）以编辑JavaScript：

ace.edit("editor", {
    "mode": "ace/mode/javascript",
})

但是，CSP阻止了JSHint（Ace默认实现）使用的辅助角色。以下错误记录到控制台：

Content Security Policy: The page’s settings blocked the loading of a resource at blob:null/[...] (“worker-src”).

当我将＜code＞loadWorkerFromBlob

ace.config.set("loadWorkerFromBlob", false)

生成了一个不同的错误：

Security Error: Content at file:///[...]/index.html may not load data from file:///[...]/ace/worker-javascript.js.

我试图绕过CSP

如何从本地HTML页面在Ace编辑器中使用JSHint？

编辑：忘记说明这只是Firefox的一个问题。第一个例子在Chromium对我来说完全正常。




Answer 1

匿名用户

< code > file:// URL产生一个< code>null原点，正如您在错误消息中看到的:

The page’s settings blocked the loading of a resource at blob:null/[...]

因此CORS不支持本地file：//访问，请参阅此处和此处。
此外Chrome不允许您在从本地文件运行脚本时加载Web工作人员。

上面的链接包含了一些变通方法，但是我认为最好的方法是运行一个本地服务器，通过网络方案(http://localhost/...).