frontend-monitoring 开源项目推荐（23 个）

ClickHouse /ClickStack

快速解决生产问题。一个开源可观测性平台，统一会话回放、日志、指标、追踪和错误，由 ClickHouse 和 OpenTelemetry 驱动。

a597873885 /webfunny_monitor

【免费社区版】【企业版】Webfunny是一款集全链路监控和埋点系统于一体的大数据分析系统，我们致力于解决线上的疑难杂症和精细化分析业务数据；监控系统面向技术、埋点系统面向业务，两者配合使用，相得益彰。

TrackJs /trackjs-package

来自 TrackJS 的 JavaScript 浏览器错误监控代理

tanha-p /tipoff

Open source, flexible, private cloud or on-prem front-end monitoring platform

sematext /browser-sdk

Repository for the web browser SDK used for Sematext Experience.

tmohammad78 /frontend-observability

An application is like a living being, In this repo, I use Grafana Faro, Grafana Alloy, and Grafana Loki to launch a monitoring system for Frontend Application

mugsun /mugsun-track

mugsun 平台的 Web 行为埋点 SDK，core 产物 gzip 约 5.5KB。插件化内核支持全埋点、Web Vitals、错误采集与断网补发，会话回放与圈选埋点按需加载，附 Vue 3 集成。

itsrahulap /TestPilot

TestPilot is a production-grade Chrome extension that captures crashes, console errors, network failures, security risks, slow APIs, retry storms, and broken resources before users report them. Built with Preact + TypeScript + Vite.

Rbiaggio /dynatrace-digital-experience-flow

Dynatrace app (AppEngine) that turns RUM on Grail into a frontend service flow: journeys, funnels, errors and root causes, with an optional LLM analysis.

mughalhere /react-crash-guard

React error boundaries that catch async errors too — global, route and feature isolation, error classification, and pluggable Sentry/CloudWatch reporting. TypeScript, zero deps.

yinyuejzzj /frontend-proctoring-signals-demo

前端监控信号研究演示：用 Tampermonkey 脚本展示浏览器事件监听与页面可见性、全屏状态的读取和重写

ForceNiu /failwatch

前端失败监控平台（迷你 Sentry）：采集 JS 错误 / 未捕获 Promise / 接口 4xx-5xx，SSE 看板实时展示 + AI 整合报告

alexandroit /client-errors

A lightweight frontend error reporting SDK for browser applications, with normalized payloads, sanitization, and transport to any developer-defined endpoint. Maintained by Stackline.

5sc5 /webscope-frontend-monitor

WebScope 前端监控平台：TypeScript 浏览器 SDK、React 看板、异常聚合、Web Vitals 与可靠批量上报。

haneenpk /hindcast

Self-hosted session replay — watch what a real user did before the error. Privacy-first: inputs are masked in the visitor's browser before anything is sent.

expatriate /grafana-faro-wrapper

Grafana Faro wrapper for web pages and React apps: one-call setup with OTLP transport, URL and label sanitization, custom metrics and step-based SLO metrics

YauhenBichel /react-otel-sample

OpenTelemetry instrumentation for a React application - distributed tracing from the browser through to backend services.

tengerfly /web-monitor

企业级前端监控基建：性能监控 · 用户行为追踪 · 问题溯源（pnpm monorepo SDK + NestJS 上报服务端 + React 可视化看板）

tindalabs /blindspot

Privacy-first frontend observability SDK for OpenTelemetry. Route spans, interactions, vitals and errors - without the surveillance.

api-evangelist /fullstory

FullStory — independent third-party profile of a public API surface, by API Evangelist. FullStory is a behavioral data platform delivering session replay, product analytics, and digital experience intelligence across web and mobile.