CKEditor 变量在控制台中可用，但在 Chrome 用户脚本中不可用？

Question

我正在编写一个 Chrome 用户脚本，以便在 CKEditor 中本地自动保存内容。我使用这个 CKEditor 自动保存插件作为灵感。

我编写了一个每半秒触发一次的函数（通过一个时间间隔）来注册 CKEditor 事件处理程序：

var intervalId = window.setInterval(function() {
    if (CKEDITOR) {
        window.clearInterval(intervalId);
        CKEDITOR.plugins.add("user-script-auto-save", {
            init : function(editor) {
                editor.on('key', startTimer);
            }
        });
    }
}, 500);

但是，它永远不会正确完成，并抱怨 if 上的“CKEDITOR 未定义” (CKEDITOR) 声明。

同时，如果我进入 Chrome 的控制台并输入 CKEDITOR，控制台会打印出预期的对象。

我缺少什么？编辑器嵌入在 iframe 中；这可能会对范围界定产生影响吗？或者我在这里与 Chrome 的沙箱作斗争？如果是这样，我是否可以通过其他方式深入 CKEditor 每秒提取内容或进行自动保存？

我还没有在 Firefox 中尝试过这个脚本；这是我名单上的下一个。

值得注意的是：我是一名长期的 JavaScript 新手。所以我很容易在范围界定或类似的事情上做一些愚蠢的事情。

Answer 1

根据 YouTube 上的这个小教程视频，所有 3 个“设备”彼此分开其他是为了防止从用户脚本到浏览器/网站的 XSS 攻击，反之亦然。尽管用户脚本/内容脚本在网站上下文中运行，但它们仍然与实际网站脚本上下文分开。您可以通过简单地尝试从内容脚本访问例如 jQuery 来轻松确认这一点。就像 CKEditor 一样，它将不可用。

因此，为了解决这个问题，我想出了使用内容脚本在 head 标签中包含外部 JavaScript 的方法。 AFAIK，对于直接位于扩展根目录中的文件来说这是不可能的，所以我使用了远程服务器来托管我的文件。

我不确定这是否是最好的方法，我认为这是一个丑陋的旁路，可能是 Chromium 项目有时会增强和禁用的方法。

---

（由OP编辑，所以我可以选择这个答案并适当地路由业力）

这个答案，结合评论中的一些建议和链接，最终让我到达了我需要去的地方。

我最终得到了以下函数：

var insertScriptIntoDocument = function(scriptUrl, doc) {
    // inspired by http://blog.afterthedeadline.com/2010/05/14/how-to-jump-through-hoops-and-make-a-chrome-extension/
    var scriptText = doc.createTextNode(
        '(function(loc) {                                                    \
    var embeddedScript = document.createElement("script");                   \
    embeddedScript.type = "text/javascript";                                 \
    embeddedScript.src = loc;                                                \
    document.getElementsByTagName("head")[0].appendChild(embeddedScript);    \
})("' + scriptUrl + '");');

    var injectorElement = doc.createElement('script');
    injectorElement.appendChild(scriptText);
    doc.body.appendChild(injectorElement);
};

用法如下：

var embeddedScriptUrl = chrome.extension.getURL("embedded-script.js");
insertScriptIntoDocument(embeddedScriptUrl, document);

现在，我在 Chrome 扩展程序中执行此操作，但我怀疑该模式可能在通过 Chrome TamperMonkey 扩展程序部署的 GreaseMonkey 脚本中工作，前提是 URL要嵌入的脚本托管在可访问的地方。

FTR，事实证明，我实际上并不需要访问 iframe——CKEDITOR 变量是在顶级文档中定义的，但由于 Chrome 沙箱的规则