Option+Click(Alt+Click) a component in your browser to instantly open the source in VS Code.

Latest Version

Version
0.0.0.1
Update
September 30, 2024
Size
14.88KiB
Developer
zjffun.com
Category
Users
13
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
中文 (简体)
See more
Permissions
See more

Click To Component Extension

1. Option+Click(Alt+Click) a component in your browser to instantly open the source in VS Code.
2. Option+RightClick(Alt+RightClick) opens a context menu with the parent components.
3. Support Vue `data-__source-code-location` (generated by [vue-click-to-component](https://www.npmjs.com/package/vue-click-to-component)).
4. Support React `__source` (generated by [@babel/plugin-transform-react-jsx-source](https://babeljs.io/docs/babel-plugin-transform-react-jsx-source)).

You can config `Site access` to `On Click` or `On specific sites` for this extension to control click-to-component script inject.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "default_locale": "en", "name": "Click To Component", "description": "__MSG_description__", "version": "0.0.0.1", "manifest_version": 3, "action": { "default_icon": { "128": "images/icon128.png" } }, "content_scripts": [ { "matches": [""], "js": ["content_scripts/inject_script.js"], "all_frames": true } ], "permissions": [], "web_accessible_resources": [ { "matches": [""], "resources": ["injected_scripts/click_to_component.js"] } ]}
Read more

Similar Extensions

icon

React Inspector Extension · Developer Tools 13 8 ★ 26.91KiB

icon

cssPicker - copy css from website Extension · Developer Tools 13 6 ★ 1021KiB

icon

GitHub Web IDE Extension · Developer Tools 13 22 ★ 114KiB

icon

DivMagic - Copy Style from any website Extension · Developer Tools 13 55 ★ 1.3MiB

icon

React Developer Tools Extension · Developer Tools 13 1576 ★ 1.56MiB

icon

VS Code Extension · Developer Tools 13 12 ★ 3.07MiB

icon

React Context DevTool Extension · Developer Tools 13 21 ★ 2.35MiB

icon

PageRip (HTML + CSS Extract) Extension · Developer Tools 13 54 ★ 434KiB

icon

Web Component DevTools Extension · Developer Tools 13 9 ★ 1.74MiB

icon

React Scan Toggle Extension · Developer Tools 13 3 ★ 48.71KiB

icon

InstaVue - debug VueJS app in instant Extension · Developer Tools 13 3 ★ 92.9KiB

icon

LocatorJS Extension · Developer Tools 13 64 ★ 190KiB

icon

React code finder Extension · Developer Tools 13 5 ★ 2.95MiB

icon

JavaScript disable Chrome Extension · Productivity 13 10 ★ 95.44KiB

icon

Peek Pop Extension · Productivity 13 13 ★ 91.52KiB

icon

VisBug Extension · Developer Tools 13 252 ★ 5.38MiB

icon

Open with Visual Studio Code - Github Extension · Productivity 13 2 ★ 47.19KiB

icon

HTML to React Extension · Developer Tools 13 4 ★ 342KiB

icon

Pause Script Execution Extension · Developer Tools 13 5 ★ 70.92KiB

icon

VS Code Web Extension · Developer Tools 13 2 ★ 6.65KiB

icon

Github to vscode Extension · Developer Tools 13 2 ★ 15.53KiB

icon

Clone in VS Code Extension · Developer Tools 13 1 ★ 18.28KiB

icon

Open in VSCode Extension · Developer Tools 13 4 ★ 60.87KiB

icon

click-to-react-component Extension · Developer Tools 13 5 ★ 79.5KiB