LocatorJS
Item logo image for LocatorJS

LocatorJS

locatorjs.com
4.3(

52 ratings

)
Item media 4 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

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

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

4.3 out of 552 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Clément PéauMar 12, 2024

Great tool. Recommend it to all new juniors on the project. Huge timesaver.

Review's profile picture

James QuallsMar 9, 2024

This is a huge time saver. I never want to go back.

Review's profile picture

Gursimran SinghFeb 15, 2024

vscode://file/${projectPath}${filePath}:${line}:${column} just add this in custom link it'll work fine

8 out of 8 people found this helpful

Details

  • Version
    1.3.1
  • Updated
    November 20, 2023
  • Size
    188KiB
  • Languages
    English (United States)
  • Developer
    Website
    Email
    michael@locatorjs.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Responsive Viewer

4.5(241)

Show multiple screens once, Responsive design tester

Testing Playground

4.6(51)

Simple and complete DOM testing playground that encourage good testing practices.

GraphQL Network Inspector

4.9(104)

Simple and clean network inspector for GraphQL

VisBug

4.8(224)

Open source browser design tools

React Developer Tools

4.0(1.5K)

Adds React debugging tools to the Chrome Developer Tools. Created from revision b566064da on 4/15/2024.

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Reactime

4.7(32)

A Chrome extension that helps debug React applications by memorizing the state of components with every render.

Redux DevTools

4.6(698)

Redux DevTools for debugging application's state changes.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

Octotree - GitHub code tree

4.9(1.1K)

GitHub on steroids

React Inspector

3.0(5)

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

Console Importer

4.7(17)

Import JavaScript and CSS resources from console, with one command

Responsive Viewer

4.5(241)

Show multiple screens once, Responsive design tester

Testing Playground

4.6(51)

Simple and complete DOM testing playground that encourage good testing practices.

GraphQL Network Inspector

4.9(104)

Simple and clean network inspector for GraphQL

VisBug

4.8(224)

Open source browser design tools

React Developer Tools

4.0(1.5K)

Adds React debugging tools to the Chrome Developer Tools. Created from revision b566064da on 4/15/2024.

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Reactime

4.7(32)

A Chrome extension that helps debug React applications by memorizing the state of components with every render.

Redux DevTools

4.6(698)

Redux DevTools for debugging application's state changes.

Google apps