tabs.executeScript – passing parameters and using libraries?

by

If you don’t want to use messaging then:

chrome.tabs.executeScript(tabId, {file: "jquery.js"}, function(){
    chrome.tabs.executeScript(tabId, {code: "var scriptOptions = {param1:'value1',param2:'value2'};"}, function(){
        chrome.tabs.executeScript(tabId, {file: "script.js"}, function(){
            //all injected
        });
    });
});

(jquery.js should be placed into extension folder). Script options will be available inside scriptOptions variable in the script.js.

With messaging it is just as easy:

chrome.tabs.executeScript(tabId, {file: "jquery.js"}, function(){
    chrome.tabs.executeScript(tabId, {file: "script.js"}, function(){
        chrome.tabs.sendMessage(tabId, {scriptOptions: {param1:'value1',param2:'value2'}}, function(){
            //all injected
        });
    });
});

You would need to add a request listener to script.js:

chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
    var scriptOptions = message.scriptOptions;
    console.log('param1', scriptOptions.param1);
    console.log('param2', scriptOptions.param2);
    doSomething(scriptOptions.param1, scriptOptions.param2);
});

More Related Contents:

  1. How to wait until an element exists?
  2. How to use jQuery in chrome extension?
  3. Chrome Extension how to send data from content script to popup.html
  4. Can’t trigger click with jQuery in a Chrome extension
  5. In a Chrome Extension content script, must I wait for document.ready before processing the document?
  6. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  7. Is there a JavaScript / jQuery DOM change listener?
  8. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  9. Check whether user has a Chrome extension installed
  10. How to simulate key presses or a click with JavaScript?
  11. Prevent contenteditable adding on ENTER – Chrome
  12. Gmail Extension, sendMessage to background from page context
  13. Can a site invoke a browser extension?
  14. How can a Chrome extension save many files to a user-specified directory?
  15. How to handle “Unchecked runtime.lastError: The message port closed before a response was received”?
  16. How to get Clipboard data in Chrome Extension?
  17. Google Chrome Extensions: How to include jQuery in programmatically injected content script?
  18. Disable Chrome strict MIME type checking
  19. Communicating between a Chrome packaged app and a Chrome extension?
  20. Modify HTML of loaded pages using chrome extensions
  21. Making a Chrome Extension download a file
  22. Chrome Extension: How do I inject a script that the user provided?
  23. Get cursor or text position in pixels for input element
  24. How to find what code is run by a button or element in Chrome using Developer Tools
  25. Javascript: Let user select an HTML element like Firebug?
  26. How to fix chrome-extension inline JavaScript invocation error?
  27. Chrome extension identity.email empty
  28. Can’t pass arguments to chrome.declarativeContent.SetIcon
  29. Where are cookies saved for a local HTML file?
  30. Chrome Extension get selected text

Leave a Comment