Item logo image for LWC Inspector

LWC Inspector

5.0(

2 ratings

)
Item media 2 (screenshot) for LWC Inspector
Item media 1 (screenshot) for LWC Inspector
Item media 2 (screenshot) for LWC Inspector
Item media 1 (screenshot) for LWC Inspector
Item media 1 (screenshot) for LWC Inspector
Item media 2 (screenshot) for LWC Inspector

Overview

Inspect, edit, and debug Lightning Web Components (LWC) and Apex classes. Includes component view, network monitoring, code editor.

**Stop switching between browser, IDE, and Salesforce Setup. Edit Lightning Web Components and Apex classes directly from any Salesforce page.** LWC Inspector is a powerful productivity tool for Salesforce developers. Debug component hierarchies, monitor Apex calls, and make code changes - all without leaving your browser. ## 🚀 Why Install? **Save Time** - Edit code directly from the page you're viewing - No more context switching between tools - See component structure and Apex calls in real-time **Debug Faster** - Instantly see which components are on the page - Monitor all Apex method calls with parameters and responses - Jump directly to edit the code causing issues ## ✨ Key Features **🔍 Component Inspector** - Automatically scans Salesforce pages to find all custom LWC components - Hierarchical tree view shows component relationships - Highlight components directly on the page - Expand/collapse to focus on what matters **📡 Network Monitor** - Automatically captures all Apex method calls - View class name, method, parameters, and response data - Beautiful expandable JSON viewer - Click edit button to jump to Apex class code **✏️ Code Editor** - Full-featured editor with syntax highlighting (HTML, JavaScript, CSS, Apex) - Edit LWC component files (HTML, JS, CSS, Meta.xml) and Apex classes - Save changes directly to your Salesforce org **🌐 Community Support** - Map Community URLs to internal Salesforce URLs - Works on Experience Cloud and standard Salesforce orgs ## 🔒 Privacy & Security - All data stored locally in your browser - Uses your existing Salesforce session - No data collection or external servers - No tracking or analytics ## 📋 Supported Domains Works on all Salesforce domains: - `*.my.site.com` - Experience Cloud/Community sites - `*.force.com` - Lightning orgs - `*.lightning.force.com` - Lightning Experience ## 🎓 Getting Started 1. Install the extension 2. Navigate to any Salesforce page 3. Click the extension icon 4. Start inspecting and editing! For Community pages, map URLs in Settings to enable code editing. ## 🛠️ Permissions - **activeTab**: Scan current page for components - **scripting**: Monitor network calls - **storage**: Cache component trees locally - **windows**: Open code editor - **cookies**: Access Salesforce session for API calls All permissions are used only for extension functionality. --- *LWC Inspector is an independent tool for Salesforce developers. Not affiliated with Salesforce.com, Inc.*

Details

  • Version
    1.0.1
  • Updated
    January 5, 2026
  • Offered by
    npsgoud
  • Size
    156KiB
  • Languages
    English
  • Developer
    Email
    npsgoud@gmail.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

Salesforce Speedy Debugger

4.6

Easy way to check the Debug logs

Salesforce Debug Log Beautifier

5.0

Transform and manage Salesforce debug logs with syntax highlighting, JSON formatting, error analysis, and anonymous Apex.

Salesforce Change Set Helper

4.5

Enhances the Salesforce change set. Adds last changed date and allows sorting, searching, validation and comparison with other orgs.

Coderstool – Online Code Formatter, Converter & Developer Tools

5.0

All-in-one tools for formatting, conversion, generators, and debugging—ideal for web developers and programmers!

AEP Engineer Toolkit

5.0

Toolkit for AEP Web SDK engineers. Validate Events, inspect Batch Failures, and analyze implementations with AI.

Web Component DevTools

4.3

Developer tooling for Web Components and Web Component Libraries

UI Inspector - Visual CSS Editor

3.7

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Salesforce Markup Builder

5.0

Salesforce Markup Builder is a UI design tool that helps developers, admins and designers quickly create Lightning Web Components.

Web Inspector

5.0

Use Web Inspector: Easily inspect element, use devtools, harness developer tooling and activate chrome debugger for work.

Web Element Selector

5.0

Advanced element locator with AI-powered xpath and css selector generation. Supports ChatGPT, Gemini, DeepSeek, and Claude.

Salesforce Test Executions

5.0

Salesforce developer and administrator tool to run Apex test classes and view code coverage from the Salesforce UI.

Salesforce Tool Suite

4.8

Compare Salesforce Metadata, Generate Metadata Excel Reports, Monitor Debug Logs, Explore Schema, & Bulk DML on Salesforce Metadata

Salesforce Speedy Debugger

4.6

Easy way to check the Debug logs

Salesforce Debug Log Beautifier

5.0

Transform and manage Salesforce debug logs with syntax highlighting, JSON formatting, error analysis, and anonymous Apex.

Salesforce Change Set Helper

4.5

Enhances the Salesforce change set. Adds last changed date and allows sorting, searching, validation and comparison with other orgs.

Coderstool – Online Code Formatter, Converter & Developer Tools

5.0

All-in-one tools for formatting, conversion, generators, and debugging—ideal for web developers and programmers!

AEP Engineer Toolkit

5.0

Toolkit for AEP Web SDK engineers. Validate Events, inspect Batch Failures, and analyze implementations with AI.

Web Component DevTools

4.3

Developer tooling for Web Components and Web Component Libraries

UI Inspector - Visual CSS Editor

3.7

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Salesforce Markup Builder

5.0

Salesforce Markup Builder is a UI design tool that helps developers, admins and designers quickly create Lightning Web Components.

Google apps