什麼是React1s？

React1s是由exia開發的Chrome擴展程式，該擴展的主要功能是“点击页面元素跳转到编辑器”。

擴展截圖

下載React1s擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

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

名稱	React1s
ID	gpcoahaomdfmekggblkckofkgjggnjlp
官方網址	https://chromewebstore.google.com/detail/react1s/gpcoahaomdfmekggblkckofkgjggnjlp
簡介	点击页面元素跳转到编辑器
檔案大小	170 KB
安裝次數	889
目前版本	1.0.6
更新時間	2023-07-21
上架時間	2022-12-31
評分	5.00/5 共 7 次評分
開發者	exia
電子郵箱	[email protected]
付費類型	free
擴展官網	https://github.com/aaamoon/react1s
說明頁面URL	https://github.com/aaamoon/react1s
支援的語言	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": [ ":\/\/\/" ] }