如何正确地将动作与 JSchrome 扩展连接起来

如何解决如何正确地将动作与 JSchrome 扩展连接起来

我正在尝试构建一个应该在网页上执行 2-3 项操作的扩展程序。 特别是，它应该写一些文本，选中一个框，然后提交表单。

经过一些测试，我得出的结论是，当单独运行时，每个动作都可以正确执行，但我在将它们连接起来时遇到了问题。

扩展程序是使用 extensionizr.com 创建的，该站点允许我下载预配置的程序包。

这是我的inject.js：

chrome.extension.sendMessage({},function(response) {
    var readyStateCheckInterval = setInterval(function() {
    if (document.readyState === "complete") {
        clearInterval(readyStateCheckInterval);

        if (window.location.hash === '#wannascript') {
            
            // action 1: fill the email field
            document.querySelectorAll('#email-input')[0].value = '[e-mail]'

            // action 2: waiting a delay and clicking on the checkBox
            setTimeout(() => {document.querySelectorAll('.AkIi97 > label')[0].click();},2000);

            // action 3: clicking on submit
            document.querySelectorAll('body > div:nth-child(10) > div > div > div > div > div > div > div.qMZa55.DgFgr2.VHXqc_.rceRmQ.JUQZbi > div > div > form > div > div > div:nth-child(5) > button')[0].click()
            
        }


    }
    },10);
});

当我启动我的扩展程序时，它正确进入页面，然后填充电子邮件字段，正确等待延迟，但随后电子邮件字段被重置并选中该框。

如何避免电子邮件字段的“重置”，以及如何正确提交表单？

非常感谢 :)