# Blazor Developer Tools

> Developer tools for debugging Blazor applications

Canonical page: [https://chrome-stats.com/d/blazor-developer-tools?hl=es](https://chrome-stats.com/d/blazor-developer-tools?hl=es)

## Overview

- **ID:** `blazor-developer-tools`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** joegregorydev
- **Category:** web-development
- **Daily users:** 8
- **Version:** 1.0.0.6
- **Last updated:** 2026-08-08
- **First published:** 2026-03-10
- **Size:** 75 KB
- **Data as of:** 2026-09-10
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/blazor-developer-tools/)
- **Website:** [https://blazordevelopertools.com/](https://blazordevelopertools.com/)

## Description

Blazor Dev Tools Firefox exists thanks to <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/0f14a4a200b3ff5d3f42d8d6fa703b75b151f6a0cfe2a63d73704cd9391c99fd/https%3A//github.com/Cameronkeene15" rel="nofollow">Cameron Keene</a>

The first visual DevTools for Blazor. See your component tree, profile renders, understand why components re-render. No more console.log debugging.
NEW IN v1.0.0 - Complete rewrite with Timeline Profiler, Flamegraph visualization, and "Why Did This Render?" feature.
FEATURES

Component Tree - Visualize your entire Blazor component hierarchy
Timeline Profiler - Record and analyze component renders over time
Flamegraph View - Visual swimlane timeline with zoom and pan
"Why Did This Render?" - See exactly what triggered each render
Ranked View - Find your slowest components at a glance
Element Picker - Click any element to identify its Blazor component
File Path Display - See which .razor file each component comes from
Works With Any Component - No code changes required for basic tracking
Enhanced Metrics - Opt-in for deep lifecycle timing

INSTALLATION
You need 2 components:

This browser extension
The NuGet package: BlazorDeveloperTools

dotnet add package BlazorDeveloperTools
USAGE

Run your Blazor app
Open DevTools (F12)
Navigate to the "Blazor" tab
Explore Components or record a Timeline profile

TIMELINE PROFILER

Click Record, interact with your app, click Stop
Switch between Events, Ranked, and Flamegraph views
Click any event to see why it rendered

For documentation and live demo: <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/ee54851362167fe8f4be10a36b10e184556b8ead352f3245fd3d90c366a824d5/http%3A//www.blazordevelopertools.com" rel="nofollow">www.blazordevelopertools.com</a>
GitHub: <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/59d585a557309609f8db8ae124b3a2e7bd3b1ad1757bd18efab6a231d54e5ad8/http%3A//github.com/joe-gregory/blazor-devtools" rel="nofollow">github.com/joe-gregory/blazor-devtools</a>

## Rankings

- #37,204 — Overall
- #28 — developer tools
- #44 — developer
- #113 — component
- #142 — development
- #175 — debug

## Permissions and access

### Permissions

- `<all_urls>`
- `tabs`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [DevTools Companion for Angular](https://chrome-stats.com/d/devtools-companion-for-angular) — 2 users
- [Web Component DevTools](https://chrome-stats.com/d/web-component-devtools) — 960 users, 5.00 / 5
- [React Developer Tools](https://chrome-stats.com/d/react-devtools) — 161,861 users, 4.59 / 5
- [React Developer Tools Lite](https://chrome-stats.com/d/lightweig-developer-tools) — 1 users
- [React Performance Devtool](https://chrome-stats.com/d/nitin-tulswani) — 111 users, 1.00 / 5
- [Alpine.js DevTools Pro](https://chrome-stats.com/d/alpine-js-devtools-pro) — 50 users, 5.00 / 5
- [KonvaJS Devtools](https://chrome-stats.com/d/konvajs-devtools) — 26 users
- [DevScope - Developer Diagnostics](https://chrome-stats.com/d/devscope) — 1 users
- [Svelte Devtools](https://chrome-stats.com/d/svelte-devtools) — 1,221 users, 4.17 / 5
- [Apollo Client Devtools](https://chrome-stats.com/d/apollo-developer-tools) — 5,625 users, 3.97 / 5
- [Umbraco DevTools](https://chrome-stats.com/d/umbraco-devtools) — 2 users
- [Angular DevTools](https://chrome-stats.com/d/angular-devtools) — 8,938 users, 3.35 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/blazor-developer-tools?hl=es)