Question

我正在创建Google Chrome扩展程序，并希望在页面上填写表单字段。

我正在尝试这样的事情而没有效果：

 chrome.tabs.executeScript(null,
      {code:"document.body.form[0].email_field='" + email + "'"});
}

Answer 1

您应确保在manifest.json中拥有“tabs”权限：

{
  "name": "123 Testing",
  "version": "0.1",
  "description": ":-)",
  "browser_action": {
    //"default_icon": "my_icon.png",
    "default_title": "Click to fill the form"
  },
  "background_page": "background.html",
  "permissions": [
      "tabs",
    "http://*/"
  ]
}

我认为您应该使用document.forms而不是document.body.form访问表单。请参阅我的background.html文件，并使用google.com进行测试：

<html>
  <head>
    <script>
      chrome.browserAction.onClicked.addListener(function(tab) {
        chrome.tabs.executeScript(null, {
            code: "document.forms[0]['q'].value='Hello World!'"
        })
      });
    </script>
  </head>
  <body></body>
</html>

（我通常会使用document.getElementById）。祝你好运！

创建Chrome扩展程序 - 如何填充表单

1 个答案: