Chrome 扩展程序：打开选项卡，转到 url，填写表格并提交表格答案

【问题标题】：Chrome Extension: Open tab, go to url, fill form and submit formChrome 扩展程序：打开选项卡，转到 url，填写表格并提交表格
【发布时间】：2012-01-01 07:00:57
【问题描述】：

我在这里学习教程 http://www.blackweb20.com/2010/01/11/creating-your-own-google-chrome-extension/

我可以很好地打开一个带有自定义扩展的选项卡并加载一个 url，我想在打开的页面上填写并提交一个带有 javascript 的表单。例如，我可以在 google.com 上提交搜索吗？

这是我目前所拥有的：

manifest.json
{
  "name": "My First Extension",
  "version": "1.0",
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "background_page": "background.html",
  "permissions": [
    "tabs"
  ]
}

背景.html

<script>

// get tab http://stackoverflow.com/questions/1979583/how-can-i-get-the-url-for-a-google-chrome-tab


chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.create({'url': "http://google.com"}, function(tab) {
    // Tab opened. Wait until page loads, from here it is not working
    jQuery(document).ready(function() {
        jQuery('#tsf').submit();
        });
  });
});
</script>

【问题讨论】：

标签： javascript google-chrome google-chrome-extension cross-domain

【解决方案1】：

您的 jQuery 代码在后台页面而不是新选项卡中执行。尝试使用chrome.tabs.executeScript在tab环境下执行提交。

【讨论】：

【解决方案2】：

虽然您可以使用 chrome 扩展程序执行此操作，但我建议您查看 Selenium Browser Automation

它还可以帮助您在多个浏览器中执行相同的操作，而不仅仅是 chrome。

【讨论】：