How to get errors stack trace in Chrome extension content script?

by

As you mention, the error property of the event object is null when capturing the event in Content Script context, but it has the required info when captured in webpage context. So the solution is to capture the event in webpage context and use messaging to deliver it to the Content Script.

// This code will be injected to run in webpage context
function codeToInject() {
    window.addEventListener('error', function(e) {
        var error = {
            stack: e.error.stack
            // Add here any other properties you need, like e.filename, etc...
        };
        document.dispatchEvent(new CustomEvent('ReportError', {detail:error}));
    });
}

document.addEventListener('ReportError', function(e) {
    console.log('CONTENT SCRIPT', e.detail.stack);
});

//Inject code
var script = document.createElement('script');
script.textContent="(" + codeToInject + '())';
(document.head||document.documentElement).appendChild(script);
script.parentNode.removeChild(script);

The techniques used are described in:

More Related Contents:

  1. Persistent Service Worker in Chrome Extension
  2. How to wait until an element exists?
  3. How to use jQuery in chrome extension?
  4. Chrome extension: How to save a file on disk
  5. Chrome Extension: Port error: Could not establish connection. Receiving end does not exist.
  6. Contexts and methods for communication between the browser action, background scripts, and content scripts of chrome extensions?
  7. Executing code at page-level from Background.js and returning the value
  8. Chrome Extension: Make it run every page load
  9. Chrome Extension: Get Page Variables in Content Script
  10. Checkbox Check Event Listener
  11. saving and retrieving from chrome.storage.sync
  12. How do I send an HTTP GET request from a Chrome extension?
  13. Completely lost on how to save extension popup window content
  14. Is there a way to uniquely identify an iframe that the content script runs in for my Chrome extension?
  15. How to make side panel in chrome extension?
  16. Does extension messaging like chrome.runtime.sendMessage internally use JSON.stringify?
  17. google chrome extension :: console.log() from background page?
  18. Can I prevent an alert() with a Google Chrome Extension
  19. How can I save information locally in my chrome extension?
  20. How to get the currently opened tab’s URL in my page action popup?
  21. How do I send an HTTP request from a Chrome extension?
  22. Sending message to background script
  23. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  24. Javascript: Let user select an HTML element like Firebug?
  25. Prevent window.open from focusing
  26. Associate a custom user agent to a specific Google Chrome page/tab
  27. Chrome content scripts aren’t working: DOMContentLoaded listener does not execute
  28. Chrome extension: Checking if content script has been injected or not
  29. Cross-domain XMLHttpRequest using background pages
  30. Link to chrome:// url from a webpage

Leave a Comment