BlazorDevtools 0.0.2

.NET 6.0 This package targets .NET 6.0. The package is compatible with this framework or higher.
There is a newer version of this package available.
See the version list below for details. 
dotnet add package BlazorDevtools --version 0.0.2                

                    
                

            
NuGet\Install-Package BlazorDevtools -Version 0.0.2
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="BlazorDevtools" Version="0.0.2" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add BlazorDevtools --version 0.0.2                

                    
                

            
#r "nuget: BlazorDevtools, 0.0.2"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install BlazorDevtools as a Cake Addin
#addin nuget:?package=BlazorDevtools&version=0.0.2

// Install BlazorDevtools as a Cake Tool
#tool nuget:?package=BlazorDevtools&version=0.0.2

Blazor devtools

This package attempts to help you find bad renderers and improve the performance of your blazor app, until (or if) Microsoft gives us an official solution.

📣 If you have used this package and has helped you improve your app but feel like it should have more features, please consider creating an issue.

What does this package do ?

This package just provides a new webassembly file to use:

  1. Exposes the browser renderer used by Blazor to track components.
  2. Intercepts all calls from .net to render.
  3. Draws a border around every element that is rendered on a canvas. (Just like the standard React Devtools)
  4. The border color is by default #f0f0f0 and grows warmer the more frequently the element is rerendered.

How to use

  1. Add the nuget package in your Client (wasm) project.
dotnet add package BlazorDevtools
  1. That's it. Run the app you will see every render of a component be outlined!

Nuget package page can be found here.

Samples / Demo

TODO!

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

  • net6.0

    • No dependencies.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.0.4 365 1/24/2023
0.0.3 299 1/24/2023
0.0.2 418 10/6/2022
0.0.1 432 9/24/2022