LocatorJS

LocatorJS Chrome Extension - option-click to code (ReactJS)

What is LocatorJS?

LocatorJS is a Chrome extension developed by https://locatorjs.com, and its main feature is "LocatorJS Chrome Extension - option-click to code (ReactJS)".

Extension Screenshots

screenshot
screenshot
screenshot

Download LocatorJS Extension CRX File

Download LocatorJS extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Click on any component in the browser to open its code in your IDE.
Supports React, Preact and SolidJS components. 

Select your IDE, and then use option-click or alt-click on any website with supported components.

ReactJS works in most localhost environments out-of-the-box.
Preact, SolidJS and some ReactJS stacks require installation of babel plugin, more info on www.locatorjs.com 

Extension is completely open-source and available on https://github.com/infi-pc/locatorjs                    

Extension Basic Information

Name LocatorJS LocatorJS
ID npbfdllefekhdplbkdigpncggmojpefi
Official URL https://chromewebstore.google.com/detail/locatorjs/npbfdllefekhdplbkdigpncggmojpefi
Description LocatorJS Chrome Extension - option-click to code (ReactJS)
File Size 188 KB
Installation Count 28,491
Current Version 1.3.1
Last Updated 2023-11-20
Publish Date 2022-05-07
Rating 4.27/5 Total 49 Ratings
Developer https://locatorjs.com
Email [email protected]
Payment Type free
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "description": "LocatorJS Chrome Extension - option-click to code (ReactJS)",
    "version": "1.3.1",
    "manifest_version": 3,
    "name": "LocatorJS",
    "icons": {
        "128": "icon-128.png"
    },
    "action": {
        "default_popup": "popup.html",
        "default_icon": "icon-34.png"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "contentScript.bundle.js"
            ],
            "run_at": "document_start"
        }
    ],
    "permissions": [
        "storage"
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "client.bundle.js",
                "hook.bundle.js",
                "content.styles.css",
                "icon-128.png",
                "icon-34.png"
            ],
            "matches": [
                ""
            ]
        }
    ]
}