Item logo image for Blazor Highlighter

Blazor Highlighter

5.0(

2 ratings

)
ExtensionDeveloper Tools9 users
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.

5 out of 52 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.0
  • Updated
    May 20, 2025
  • Offered by
    chris.harris.se
  • Size
    25.42KiB
  • Languages
    English
  • Developer
    Email
    csharris@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

HTML CSS Viewer

0.0(0)

View HTML and CSS of a web page

Visual Inspect UI

5.0(5)

Advanced Visual Inspector for Editing Web Page Elements.

View CSS

4.7(3)

A Chrome extension to view the CSS of any website.

Page Ruler: Your Web Design Companion

5.0(1)

Page ruler extension to measure elements on web pages. An advanced page ruler tool to measure the size of web elements in pixels.

XPath Locator

1.0(1)

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

Show All Padding & Margins

4.5(4)

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

MultiHighlight

5.0(2)

Advanced text highlighting with real-time style updates for any webpage.

Webpage Code Extractor

2.0(4)

A tool to extract, view, and copy the code of webpages with enhanced features for developers.

Website Customizer: Add Custom Style and CSS

5.0(3)

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

Bootstrap grid viewer

3.7(3)

Detects Bootstrap Grid elements on a page and displays visual overlay for them

HTFLOW HTML CSS Extractor

4.6(5)

Copy websites to Webflow, Wordpress(elementor, droip, bricks) & framer

Built with Tailwind CSS

0.0(0)

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

HTML CSS Viewer

0.0(0)

View HTML and CSS of a web page

Visual Inspect UI

5.0(5)

Advanced Visual Inspector for Editing Web Page Elements.

View CSS

4.7(3)

A Chrome extension to view the CSS of any website.

Page Ruler: Your Web Design Companion

5.0(1)

Page ruler extension to measure elements on web pages. An advanced page ruler tool to measure the size of web elements in pixels.

XPath Locator

1.0(1)

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

Show All Padding & Margins

4.5(4)

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

MultiHighlight

5.0(2)

Advanced text highlighting with real-time style updates for any webpage.

Webpage Code Extractor

2.0(4)

A tool to extract, view, and copy the code of webpages with enhanced features for developers.

Google apps