需要有关 Chrome 扩展程序开发的重要建议

Question

抱歉标题含糊不清，我会尽力具体描述。

如果您查看我在此网站上提出的上一个问题，您会发现我询问了有关如何填充 Chrome 上下文菜单的提示。我使用上下文菜单的原因是我想要一个易于访问的界面，向用户呈现值列表。这些值代表不同类型的文档（例如出生证明或税务报告）。这些文件中的每一个都有独特的属性（例如：出生证明是“出生证明”和“身份”）和规则。当我必须将文件上传到 DMS（文档管理系统）（基本上是一个 ASP.Net 网站）时，将使用这些属性和规则。文本字段和下拉列表用于接收我之前提到的规则和属性。通常，在添加文件时，我必须根据文档的类型手动填写这些字段，这是一个非常耗时的过程。

现在，我想要要做的就是只需单击上下文菜单的一项（同样，假设我单击“出生证明”），页面上的字段将自动显示更新为相应的值。

到目前为止，我所做的是将大部分菜单项/文档类型及其相应的属性/规则放入 JSON 格式。我的初衷是使用上下文菜单扩展中包含的脚本来设置页面字段的值。只是，如果我没有弄错的话（如果我弄错了，请告诉我），你不能直接通过 Chrome 扩展程序修改网页上 HTML 元素的值。

据我了解，用户脚本能够完成该任务，但我仍然希望有一个控制界面（上下文菜单）来选择文档类型（我不想要一个始终使用相同参数执行的脚本） 。

那么，根据我的描述，您认为完成这项任务的最佳方法是什么？我可以“调用”用户脚本或至少传递一些参数，以便我可以根据需要修改文本字段/下拉列表的值吗？非常欢迎任何建议。

PS 我测试了一些脚本，看看这些字段是否真的可以通过编程方式更改其值。我只是将带有“javascript:”前缀的代码（带有一些预定义的字段值）复制粘贴到地址栏中，它就像一个魅力！现在，我只需要

• 1) 能够在不使用此地址栏技巧的情况下执行此操作，
• 2) 有一个实际的界面来选择值，而不是仅仅对它们进行硬编码。

Answer 1

只是，如果我没有弄错的话（如果我弄错了，请告诉我），您不能直接通过 Chrome 扩展程序修改网页上 HTML 元素的值。

当然可以。查看内容脚本，可以将其设置为自动将其自身注入到以下网站中： 匹配指定模式。您还可以通过 chrome.tabs.executeScript。 Chrome 扩展程序可以访问的工具远多于用户脚本。

您只需在 创建上下文菜单，然后运行：

chrome.tabs.executeScript(null, { file: "script_to_inject.js"});

加载脚本后，您有多个选项，但我只会使用 消息传递从后台页面获取适当的信息，然后修改字段。

简单示例

manifest.json（将其添加到您的权限中）

"permissions": [ "http://*/*" ],

script_to_inject.js

chrome.extension.sendRequest("options", function(response) {
  alert(response.birthday); // Alerts the birthday in the response
  alert(response.name);     // Alerts the name in the response
  document.getElementById("some_field_id").value = response.name;
});

background.html（或background.js）

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
  switch (request) {
    case "options":
      sendResponse({birthday: "1/1/1970", name: "Unix"});
      break;
    default: // Add other cases as you see fit
      sendResponse({});
      break;
  }
});