javascript - 初始化 chrome 扩展使用 "SECURITY_ERR: DOM Exception 18"时抛出 "EventSrouce"

Question

我正在使用 HTML5 服务器发送事件来发布服务器的某些状态。我正在实现一个 chrome 扩展来跟踪状态，并在需要时通知用户。

但是当我尝试创建 EventSource 对象时Chrome 抛出异常“未捕获错误:SECURITY_ERR:DOM 异常 18”

var tracker = (function(url) {
    var source = new EventSource(url);
    var onMessage = function(e) {
        console.log(e);
    }

    source.addEventListener('new', onMessage);

    return {
        source: source,
        newMessage: onMessage
    };
})('http://localhost:3000/dispatching');

我确实将服务器的 url 添加到我的扩展权限中:

"permissions": [ 
    "http://localhost:3000/",
    "tabs"
]

但是权限并不能真正解决问题!有什么想法吗？

Answer 1

这看起来像一个 Same Origin Policy通过 file:// 协议(protocol)加载的 HTML 文件尝试通过 http:// 协议(protocol)联系服务器时出现问题。

这里是 an article描述如何为您的开发环境绕过 SOP。

当您投入生产时，我的理解是 google chrome 提供了某些方法来绕过通常强加给浏览器的常见 SOP 限制。这可能是通过您提到的 permissions JSON 实现的，但是我对 Chrome Extensions 不够熟悉，无法确定。

啊，等等，this article可能会有用。