Skip to main content

Web Application Monitoring

Web JS SDK is a lightweight browser-side monitoring agent that collects real-time page performance, error information, and user behavior data by embedding JavaScript code in web pages, helping you fully understand the frontend experience of Web applications. This document will guide you through the quick integration and configuration of the SDK.

Prerequisites​

If you have not yet created an account and application project, please complete registration and project creation before continuing with this documentation.

Core Features​

The SDK provides the following core monitoring capabilities:

  • Performance Monitoring: Collect page loading, resource loading, Ajax requests and other performance data based on standard APIs
  • Error Monitoring: Automatically capture JS runtime errors, Promise exceptions, resource loading failures and other issues
  • Full Stack Tracing: Ajax requests automatically associate with backend transactions, supporting cross-service distributed tracing
  • User Analysis: Record user geographic location, browser, operation behavior and other information to reproduce problem scenarios

Deployment Methods​

Supports two deployment methods:

  • Manual Instrumentation: Suitable for front-end and back-end separated applications (React, Vue, Angular, etc.), supports flexible custom configuration
  • Automatic Instrumentation: Suitable for traditional Web applications, automatically injected through backend agents (Java, .NET), no need to modify frontend code

Tip: After deploying the agent, monitoring data will typically be visible in the console within 5 minutes.

Quick Start​

Please refer to Deployment Guide for detailed integration steps, or check API Documentation for advanced configuration options.