Item logo image for Blazor Highlighter

Blazor Highlighter

5.0(

1 rating

)
Item media 1 (screenshot) for Blazor Highlighter

Overview

Highlights webpage elements that use custom attributes typically added by Microsoft's Blazor framework during rendering.

A Developer Tool for Identifying and Visualizing Blazor-Generated Webpage Elements. This browser extension is designed for developers, engineers, and curious technologists who work with or analyze web applications built using Blazor, a modern web UI framework created by Microsoft that allows developers to build rich, interactive web interfaces using C# instead of JavaScript. When enabled, the extension scans the structure of the current webpage’s HTML and searches for patterns and attributes commonly generated by Blazor during the rendering process—such as custom attributes or auto-generated component identifiers. These indicators are often embedded in the DOM as part of Blazor's rendering lifecycle and component management. Once detected, the extension applies a distinctive background color or visual marker to the matching elements. This visual overlay enables developers to quickly and intuitively identify which parts of the page are likely the result of Blazor’s rendering engine, without having to manually sift through deeply nested HTML or rely on DevTools alone. This tool is particularly useful for: - Debugging Blazor component rendering in live web environments - Reverse engineering or auditing existing Blazor-based web applications - Learning how Blazor structures its output for educational or research purposes - Gaining insight into component boundaries or client-side/server-side rendering behaviors Whether you're building with Blazor, analyzing a site that uses it, or simply curious about how Blazor-generated markup looks in the wild, this extension provides a clear and immediate way to identify those elements directly within the page—no manual inspection required.

Details

  • Version
    1.0
  • Updated
    May 20, 2025
  • Offered by
    celophi
  • Size
    25.42KiB
  • Languages
    English
  • Developer
    Email
    celophi@protonmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

CSS Debugger

5.0

Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click.

Built with Tailwind CSS

0.0

Built with Tailwind CSS is a Chrome Extension that identifies the usage of Tailwind CSS in web pages.

by Crawford Squarespace Code Inspector

0.0

A tool that acts as a code inspector, displaying real-time CSS properties.

CSS-WebStyler

5.0

AI powered Web Customizer. Customize the design of all websites with this Chrome extension.

XPath Locator

1.0

A web element locator tool for XPath and CSS selectors with real-time highlighting and property extraction features.

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Website Customizer: Add Custom Style and CSS

5.0

This Chrome extension is designed to modify the visual presentation of websites by adding custom CSS.

HTML Viewer

5.0

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

Element Selector

0.0

Select and highlight elements on a webpage

CSS Peek: Element Inspector

5.0

Inspect elements instantly, view their CSS properties, colors, typography, xpath and more.

Layout Grid Visualizer

5.0

A Chrome extension to visualize and customize grid layouts on webpages

CSS Scanly - Copy CSS | Tailwind & Bootstrap

5.0

Copy CSS properties from any web element with CSS Scanly. Supports Tailwind & Bootstrap, Helpful for developers and designers

CSS Debugger

5.0

Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click.

Built with Tailwind CSS

0.0

Built with Tailwind CSS is a Chrome Extension that identifies the usage of Tailwind CSS in web pages.

by Crawford Squarespace Code Inspector

0.0

A tool that acts as a code inspector, displaying real-time CSS properties.

CSS-WebStyler

5.0

AI powered Web Customizer. Customize the design of all websites with this Chrome extension.

XPath Locator

1.0

A web element locator tool for XPath and CSS selectors with real-time highlighting and property extraction features.

Show All Padding & Margins

4.5

Highlights margins and padding for all HTML elements in any webpage.

Website Customizer: Add Custom Style and CSS

5.0

This Chrome extension is designed to modify the visual presentation of websites by adding custom CSS.

HTML Viewer

5.0

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

Google apps