javascript - 从扩展访问 document.activeElement.value

Question

我仍在开发我的第一个 Chrome 扩展程序，但遇到了困难。我正在尝试使用 document.activeElement.value 将一些文本插入文本字段。

我根本无法让它工作。我使用了很多人提供的大量示例，但还没有让它发挥作用。

这是我的 background.js 中的代码，扩展程序使用它来创建上下文菜单并插入文本。我假设此时我的 onClickHandler 或点击事件出了问题，但我不知所措。

chrome.runtime.onInstalled.addListener(function() {
  var context = "all";
  var title = "Test";
  var id = chrome.contextMenus.create({"title": title, "contexts":[context],
                                         "id": "context" + context});
}); 

// add click event
chrome.contextMenus.onClicked.addListener(onClickHandler);

//The onClicked callback function.
function onClickHandler() {
    document.activeElement.value = 'some text';
}

Answer 1

好的，你需要一些背景知识。

首先，您在后台页面中执行代码；因此，document 指的是背景页面本身。

花点时间阅读 Architecture Overview (如果您刚开始，也许页面的其余部分非常有帮助)。

如果您阅读了该内容，您应该明白您需要一个内容脚本。一次injected在事件选项卡中(并且 the "activeTab" permission 应该足以从点击处理程序执行此操作)，您可以访问正确的文档。

但是，这项任务比您想象的要复杂。最近有一个关于这个话题的讨论；请参阅this question了解详情。