¿Cómo obtener el seguimiento de la pila de errores en el script de contenido de la extensión de Chrome?

Como mencionas, el error propiedad del objeto de evento es null al capturar el evento en el contexto de Content Script, pero tiene la información requerida cuando se captura en el contexto de la página web. Entonces, la solución es capturar el evento en el contexto de la página web y usar la mensajería para enviarlo al script de contenido.

// 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);

Las técnicas utilizadas se describen en:

• https://stackoverflow.com/a/9517879/1507998
• https://stackoverflow.com/a/9636008/1507998

El problema

El principal problema es Aislamiento de contexto JS, es decir, el hecho de que "Los scripts de contenido se ejecutan en un entorno especial llamado mundo aislado". Esto es algo bueno, por supuesto, porque evita conflictos y mejora la seguridad, pero sigue siendo un problema si desea detectar errores.

Cada mundo aislado ve su propia versión del objeto (ventana). La asignación al objeto afecta a su copia independiente del objeto...

... ninguno puede leer el controlador de eventos del otro. Los controladores de eventos se llaman en el orden en que fueron asignados.

Una solución

Una posible solución (también conocida como pirateo) consta de los siguientes pasos:

1. Inyecte algo de código en la propia página web (e intente que sea lo más discreto posible para evitar conflictos).
2. En ese código, registre un detector de eventos para errores y almacene los datos de error en un nodo DOM. datos.
3. Finalmente, desde el script de contenido, use un MutaciónObservador para observar los cambios en los atributos de este nodo DOM.
4. Una vez que un cambio en el especificado datos-<...> se detecta el atributo, tome su nuevo valor y ahí tiene su información de error directamente en su script de contenido :)

El código fuente

A continuación se muestra el código fuente de una extensión de muestra que hace exactamente eso.

manifiesto.json:

{
    "manifest_version": 2,

    "name":    "Test Extension",
    "version": "0.0",

    "content_scripts": [{
        "matches":    ["*://*/*"],
        "js":         ["content.js"],
        "run_at":     "document_start",
        "all_frames": true
    }],
}

contenido.js:

/* This <script> element will function as an "error-proxy" 
 * for the content-script */
var errorProxy = document.createElement('script');
errorProxy.id = 'myErrorProxyScriptID';
errorProxy.dataset.lastError = '';

/* Make the content as non-obtrusive as possible */
errorProxy.textContent = [
    '',
    '(function() {',
    '    var script = document.querySelector("script#' + errorProxy.id + '");',
    '    window.addEventListener("error", function(evt) {',
    '        script.dataset.lastError = evt.error.stack;',
    '    }, true);',
    '})();',
    ''].join('\n');

/* Add the <script> element to the DOM */
document.documentElement.appendChild(errorProxy);

/* Create an observer for `errorProxy`'s attributes
 * (the `data-last-error` attribute is of interest) */
var errorObserver = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        if ((mutation.type === 'attributes')
                && (mutation.attributeName === 'data-last-error')) {
            console.log('Content script detected new error:\n',
                        errorProxy.dataset.lastError);
        }
    });
});
errorObserver.observe(errorProxy, { attributes: true });