O que é LocatorJS?

LocatorJS é uma extensão do Chrome desenvolvida por https://locatorjs.com, e sua principal característica é "LocatorJS Chrome Extension - option-click to code (ReactJS)".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão LocatorJS

Baixe arquivos de extensão LocatorJS no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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

Informações Básicas da Extensão

Nome	LocatorJS
ID	npbfdllefekhdplbkdigpncggmojpefi
URL Oficial	https://chromewebstore.google.com/detail/locatorjs/npbfdllefekhdplbkdigpncggmojpefi
Descrição	LocatorJS Chrome Extension - option-click to code (ReactJS)
Tamanho do Arquivo	188 KB
Contagem de Instalações	28,491
Versão Atual	1.3.1
Última Atualização	2023-11-20
Data de Publicação	2022-05-07
Classificação	4.27/5 Total de 49 Avaliações
Desenvolvedor	https://locatorjs.com
Email	[email protected]
Tipo de Pagamento	free
Idiomas Suportados	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": [ "" ] } ] }