LocatorJS

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

LocatorJSとは何ですか?

LocatorJSはhttps://locatorjs.comによって開発されたChromeの拡張機能で、その主な機能は「LocatorJS Chrome Extension - option-click to code (ReactJS)」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot

LocatorJS拡張機能のCRXファイルをダウンロード

LocatorJS拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        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                    

拡張機能の基本情報

名前 LocatorJS LocatorJS
ID npbfdllefekhdplbkdigpncggmojpefi
公式URL https://chromewebstore.google.com/detail/locatorjs/npbfdllefekhdplbkdigpncggmojpefi
説明 LocatorJS Chrome Extension - option-click to code (ReactJS)
ファイルサイズ 188 KB
インストール数 28,491
現在のバージョン 1.3.1
最終更新日 2023-11-20
公開日 2022-05-07
評価 4.27/5 合計 49 レビュー
開発者 https://locatorjs.com
Eメール [email protected]
支払い方法 free
対応言語 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": [
                ""
            ]
        }
    ]
}