Chrome扩展程序可捕获formdata并使用此数据填写另一个标签

Question

我正在尝试构建一个简单的chrome扩展，以便当填充特定网站的网页上的表单并且用户按下Submit时，将捕获表单中的数据，然后将一些数据注入另一个表单在不同的网站上运行。

我没有权限编辑其中任何一个表单的代码，因此Chrome扩展程序似乎是我读过的最好的方法。

我想知道这是否可行，以及如何解决这个问题

Answer 1

可以使用Content Scripts，Background Page和/或Chrome.storage

在具有表单的两个网站上都需要内容脚本。正确使用Manifest File设置要将哪些内容脚本附加到的网站。

第一个内容脚本（读取正在填写和提交的表单的内容）必须采用由提交按钮触发的每个表单输入的值。

然后，您需要使用Message Passing将该内容脚本中的消息（包含所有表单数据）发送到您的背景页面。数据可以暂时保存或由背景页保存到chrome.storage中。

然后第二个表单的内容脚本也使用消息传递来从背景页面请求数据，后者从临时保存或从chrome.storage检索然后发送。

最后，第二个内容脚本会修改其网站的表单以填写值。