The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

Latest Version

Version
1.2.2
Update
December 31, 2024
Size
50.79KiB
Developer
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
ContextMenus
Storage
See more

Click to component Extension

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

Easily detect React components source code from Chrome!

■ Requirements
・Installed React Developer Tools
・Works only with development builds.
・Source code must be stored on local disk

■ How it works
The React Inspector accesses the __REACT_DEVTOOLS_GLOBAL_HOOK__ set globally by the React Devtools and finds the React Fiber in the HTML element that the inspector hovered over. The React Fiber contains information about the source code that will be added during development, so we use that information to open the editor.

■ Options
It is possible to change the 'Open in Editor URL' from the extension's options page so that you can open it in an editor other than VSCode.

■ Source Code
This is a fork from React Inspector extension including React 19 support.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Click to component", "description": "The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.", "icons": { "16": "icon/icon16.png", "48": "icon/icon48.png", "128": "icon/icon128.png" }, "action": { "default_title": "Click to component: Press Ctrl+Shift+X (Command+Shift+X on Mac)" }, "version": "1.2.2", "content_scripts": [ { "js": [ "src/content.ts-loader.js" ], "matches": [ "" ] } ], "devtools_page": "src/devtools.html", "options_page": "src/options.html", "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "commands": { "inspect": { "suggested_key": { "default": "Ctrl+Shift+X", "mac": "Command+Shift+X" }, "description": "Inspect the page using the \\"Click to component\\" extension." } }, "permissions": [ "activeTab", "contextMenus", "storage" ], "web_accessible_resources": [ { "matches": [ "" ], "resources": [ "**/*", "*" ], "use_dynamic_url": false } ]}
Read more

Similar Extensions

icon

GoFullPage - Full Page Screen Capture Extension · Developer Tools 0 77052 ★ 1.81MiB

icon

ColorZilla Extension · Developer Tools 0 3845 ★ 410KiB

icon

JSON Formatter Extension · Developer Tools 0 1859 ★ 19.86KiB

icon

User-Agent Switcher for Chrome Extension · Developer Tools 0 2631 ★ 132KiB

icon

Lighthouse Extension · Developer Tools 0 318 ★ 50.7KiB

icon

Similarweb - Website Traffic & SEO Checker Extension · Developer Tools 0 3255 ★ 1.19MiB

icon

SEOquake Extension · Developer Tools 0 2529 ★ 1.5MiB

icon

Clear Cache Extension · Developer Tools 0 1124 ★ 616KiB

icon

Postman Interceptor Extension · Developer Tools 0 957 ★ 478KiB

icon

ModHeader - Modify HTTP headers Extension · Developer Tools 0 1061 ★ 676KiB

icon

Selenium IDE Extension · Developer Tools 0 286 ★ 3.96MiB

icon

SEO META in 1 CLICK Extension · Developer Tools 0 1108 ★ 462KiB

icon

Stylus Extension · Developer Tools 0 1101 ★ 1.01MiB

icon

CSS Peeper Extension · Developer Tools 0 363 ★ 279KiB

icon

WhatRuns Extension · Developer Tools 0 398 ★ 290KiB

icon

Color Picker for Chrome™ Extension · Developer Tools 0 118 ★ 194KiB

icon

Fake Filler Extension · Developer Tools 0 752 ★ 536KiB

icon

BuiltWith Technology Profiler Extension · Developer Tools 0 407 ★ 54.1KiB

icon

SelectorsHub - XPath Helper Extension · Developer Tools 0 1384 ★ 556KiB

icon

Detailed SEO Extension Extension · Developer Tools 0 193 ★ 266KiB

icon

Responsive Viewer Extension · Developer Tools 0 298 ★ 639KiB

icon

JSON Viewer Pro Extension · Developer Tools 0 137 ★ 349KiB

icon

Grepper Extension · Developer Tools 0 405 ★ 1.41MiB

icon

Requestly - Intercept, Modify & Mock HTTP Requests Extension · Developer Tools 0 1227 ★ 876KiB