What is React1s?

React1s is a Chrome extension developed by exia, and its main feature is "点击页面元素跳转到编辑器".

Extension Screenshots

Download React1s Extension CRX File

Download React1s extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

随着 React 项目越来越大，在本地开发时经常会遇到这样一个场景，想改页面上的一个组件，但是比较难去定位到这个组件在源码中对应的位置。本插件无需任何配置，支持 React 项目本地开发时 Option(Alt)+Click 页面上对应元素即可跳转到编辑器对应组件行列。

Extension Basic Information

Name	React1s
ID	gpcoahaomdfmekggblkckofkgjggnjlp
Official URL	https://chromewebstore.google.com/detail/react1s/gpcoahaomdfmekggblkckofkgjggnjlp
Description	点击页面元素跳转到编辑器
File Size	170 KB
Installation Count	889
Current Version	1.0.6
Last Updated	2023-07-21
Publish Date	2022-12-31
Rating	5.00/5 Total 7 Ratings
Developer	exia
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/aaamoon/react1s
Help Page URL	https://github.com/aaamoon/react1s
Supported Languages	zh-CN
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "icons": { "16": "icon16.plasmo.00ac8b83.png", "32": "icon32.plasmo.9ad0c5b6.png", "48": "icon48.plasmo.cae3a6b3.png", "64": "icon64.plasmo.e4b604fc.png", "128": "icon128.plasmo.b89b7dfa.png" }, "manifest_version": 3, "action": { "default_icon": { "16": "icon16.plasmo.00ac8b83.png", "32": "icon32.plasmo.9ad0c5b6.png", "48": "icon48.plasmo.cae3a6b3.png", "64": "icon64.plasmo.e4b604fc.png", "128": "icon128.plasmo.b89b7dfa.png" }, "default_popup": "popup.html" }, "version": "1.0.6", "name": "React1s", "description": "\u70b9\u51fb\u9875\u9762\u5143\u7d20\u8df3\u8f6c\u5230\u7f16\u8f91\u5668", "permissions": [ "", "tabs", "scripting", "storage" ], "background": { "service_worker": "background.d0591844.js" }, "content_scripts": [ { "matches": [ ":\/\/\/" ], "js": [ "contents.4683de87.js" ], "css": [] } ], "host_permissions": [ ":\/\/\/" ] }