javascript - Chrome Extension: Open tab, go to url, fill form and submit form - Stack Overflow

admin管理员组

文章数量:1333711

I am following a tutorial here /

I can open fine a tab with a custom extension and load a url, and I would like to fill and submit a form with javascript on the page opened. For example, could I submit a search on google?

Here is what I have so far:

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"
  ]
}

background.html

<script>

// get tab 


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

I am following a tutorial here http://www.blackweb20./2010/01/11/creating-your-own-google-chrome-extension/

I can open fine a tab with a custom extension and load a url, and I would like to fill and submit a form with javascript on the page opened. For example, could I submit a search on google.?

Here is what I have so far:

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"
  ]
}

background.html

<script>

// get tab http://stackoverflow./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."}, 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

Share Improve this question Follow edited Nov 18, 2011 at 14:56 giorgio79 asked Nov 18, 2011 at 14:08 giorgio79giorgio79 4,2391010 gold badges6363 silver badges9292 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

Your jQuery code is getting executed in the background page not the new tab. Try using chrome.tabs.executeScript to execute the submit in the tab environment.

While you could do this using the chrome extension, I would suggest you to look into Selenium Browser Automation

It will also help you do the same in multiple browser instead of just chrome.

本文标签：