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
官方網址 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
電子郵箱 [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": [
                ""
            ]
        }
    ]
}