Seguimiento de errores del navegador

Docs > RUM y Session Replay > Seguimiento de errores en aplicaciones web y móviles > Seguimiento de errores del navegador

Información general

El Seguimiento de errores procesa los errores recopilados del SDK del navegador. Cada vez que se recopila un error de origen, personalizado o de informes que contiene una traza (trace) de stack tecnológico, el Seguimiento de errores lo procesa y lo agrupa bajo una incidencia o grupo de errores similares.

Configuración

Si aún no has configurado el SDK del navegador, sigue las instrucciones de configuración en la aplicación o consulta la documentación de configuración del navegador.

Descarga la última versión del SDK del navegador.
Configura version , env y service de tu aplicación al inicializar el SDK.
Carga tus mapas de origen de JavaScript para acceder a las trazas de stack tecnológico sin minificar.

Vinculación de los errores con tu código fuente

Además de enviar mapas de origen, la CLI de Datadog proporciona información de Git como el hash de confirmación, la URL del repositorio y una lista de rutas de archivos rastreados en el repositorio de código.

El Seguimiento de errores puede utilizar esta información para correlacionar los errores con tu código fuente. Esto te permite cambiar desde cualquier marco de traza de stack tecnológico a la línea de código relacionada en GitHub, GitLab y Bitbucket.

La vinculación de los marcos de stack tecnológico con el código fuente es compatible con la versión 0.12.0 y posteriores de la CLI de Datadog.

Para obtener más información, consulta Integración de código fuente en Datadog.

Limitaciones

Recopilación manual de errores

Puedes monitorizar excepciones gestionadas, rechazos de promesas gestionadas y otros errores que el SDK del navegador no rastrea automáticamente. Para obtener más información, consulta Recopilación de errores del navegador.

Para recopilar errores manualmente, utiliza la API addError():

addError(
    error: unknown,
    context?: Context
);

Nota: El Seguimiento de errores procesa errores que se envían con la fuente configurada en custom, source o report y que contienen una traza de stack tecnológico. El Seguimiento de errores no procesa errores enviados con cualquier otra fuente (como console) o enviados desde extensiones del navegador.

import { datadogRum } from '@datadog/browser-rum';

// Enviar un error personalizado con contexto
const error = new Error('Something wrong occurred.');

datadogRum.addError(error, {
    pageStatus: 'beta',
});

// Enviar un error de red
fetch('<SOME_URL>').catch(function(error) {
    datadogRum.addError(error);
})

// Enviar un error de excepción gestionada
try {
    //Some code logic
} catch (error) {
    datadogRum.addError(error);
}

// Enviar un error personalizado con contexto
const error = nuevo Error('Something wrong occurred.');

window.DD_RUM.onReady(function() {
    window.DD_RUM.addError(error, {
        pageStatus: 'beta',
    });
});

// Enviar un error de red
fetch('<SOME_URL>').catch(function(error) {
    window.DD_RUM.onReady(function() {
        window.DD_RUM.addError(error);
    });
})

// Enviar un error de excepción manejado
probar {
    //Alguna lógica de código
} capturar (error) {
    window.DD_RUM.onReady(function() {
        window.DD_RUM.addError(error);
    })
}

// Enviar un error personalizado con contexto
const error = nuevo Error('Something wrong occurred.');

window.DD_RUM && window.DD_RUM.addError(error, {
    pageStatus: 'beta',
});

// Enviar un error de red
fetch('<SOME_URL>').catch(function(error) {
    window.DD_RUM && window.DD_RUM.addError(error);
})

// Enviar un error de excepción manejado
probar {
    //Alguna lógica de código
} capturar (error) {
    window.DD_RUM && window.DD_RUM.addError(error);
}