Item logo image for LocatorJS

LocatorJS

locatorjs.com
4.2(

57 ratings

)
ExtensionDeveloper Tools30,000 users
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.2 out of 557 ratings

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

Review's profile picture

ctrljeanMay 21, 2024

Please make it work for latest Next 14.2.3

6 out of 6 found this helpful
Review's profile picture

Mohit KaushikMay 19, 2024

Please make it work for latest Next 14.2.3

7 out of 7 found this helpful
Review's profile picture

Teppasit WongtangMay 17, 2024

Good, I love it 🥰

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.3(274)

Show multiple screens once, Responsive design tester

Testing Playground

4.4(56)

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

GraphQL Network Inspector

4.7(111)

Simple and clean network inspector for GraphQL

VisBug

4.8(244)

Open source browser design tools

React Developer Tools

4.0(1.5K)

Adds React debugging tools to the Chrome Developer Tools. Created from revision ccb20cb88b on 7/3/2024.

Gimli Tailwind

4.4(27)

A DevTools extension enabling smart tools for Tailwind CSS.

Reactime

4.7(33)

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

Redux DevTools

4.6(713)

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.2(8)

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(18)

Import JavaScript and CSS resources from console, with one command

Responsive Viewer

4.3(274)

Show multiple screens once, Responsive design tester

Testing Playground

4.4(56)

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

GraphQL Network Inspector

4.7(111)

Simple and clean network inspector for GraphQL

VisBug

4.8(244)

Open source browser design tools

React Developer Tools

4.0(1.5K)

Adds React debugging tools to the Chrome Developer Tools. Created from revision ccb20cb88b on 7/3/2024.

Gimli Tailwind

4.4(27)

A DevTools extension enabling smart tools for Tailwind CSS.

Reactime

4.7(33)

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

Redux DevTools

4.6(713)

Redux DevTools for debugging application's state changes.

Google apps