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

Posted 2021-05-05

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

我没有权限编辑任何一个表单的代码，所以从我读过的内容看，chrome扩展似乎是最好的方法。

我想知道这是否可行以及如何实现

答案

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

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

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

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

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

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