chrome.tabs.executeScript(): How to get result of content script?

by

chrome.tabs.executeScript() returns an Array with “the result of the script” from each tab/frame in which the script is run.

“The result of the script” is the value of the last evaluated statement, which can be the value returned by a function (i.e. an IIFE, using a return statement). Generally, this will be the same thing that the console would display as the results of the execution (not console.log(), but the results) if you executed the code/script from the Web Console (F12) (e.g. for the script var foo='my result';foo;, the results array will contain the string “my result” as an element). If your code is short, you can try executing it from the console.

Here is some example code taken from another answer of mine:

chrome.browserAction.onClicked.addListener(function(tab) {
    console.log('Injecting content script(s)');
    //On Firefox document.body.textContent is probably more appropriate
    chrome.tabs.executeScript(tab.id,{
        code: 'document.body.innerText;'
        //If you had something somewhat more complex you can use an IIFE:
        //code: '(function (){return document.body.innerText;})();'
        //If your code was complex, you should store it in a
        // separate .js file, which you inject with the file: property.
    },receiveText);
});

//tabs.executeScript() returns the results of the executed script
//  in an array of results, one entry per frame in which the script
//  was injected.
function receiveText(resultsArray){
    console.log(resultsArray[0]);
}

This will inject a content script to get the .innerText of the <body> when the browser action button is clicked. you will need the activeTab permission.

As an example of what these produce, you can open up the web page console (F12) and type in document.body.innerText; or (function (){return document.body.innerText;})(); to see what will be returned.

More Related Contents:

  1. Completely lost on how to save extension popup window content
  2. How can I get the current Crome URL?
  3. Chrome extension that enables chatting with users on same page [closed]
  4. Persistent Service Worker in Chrome Extension
  5. How to import ES6 modules in content script for Chrome Extension
  6. Unchecked runtime.lastError while running tabs.executeScript?
  7. Contexts and methods for communication between the browser action, background scripts, and content scripts of chrome extensions?
  8. How do I auto-reload a Chrome extension I’m developing?
  9. Chrome Extension: Get Page Variables in Content Script
  10. Upload File as a Form Data through chrome extension
  11. Check if user has a third party Chrome extension installed
  12. Chrome extension: Inject JS before page load
  13. How to properly handle chrome extension updates from content scripts
  14. Does extension messaging like chrome.runtime.sendMessage internally use JSON.stringify?
  15. chrome.storage.local.get and set [duplicate]
  16. How to detect the installed Chrome version?
  17. Access variables and functions defined in page context using a content script
  18. Why is document.execCommand(“paste”) not working in Google Chrome?
  19. How to get errors stack trace in Chrome extension content script?
  20. Getting selected text in a Chrome extension
  21. tabs.executeScript – passing parameters and using libraries?
  22. Pass a variable from content script to popup
  23. Store an array with chrome.storage.local
  24. Associate a custom user agent to a specific Google Chrome page/tab
  25. How to fix chrome-extension inline JavaScript invocation error?
  26. Can a website block a Chrome Extension? [duplicate]
  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