文件名称：react-chrome-extension：样板代码，用于在React中构建Chrome扩展程序
文件大小：502KB
文件格式：ZIP
更新时间：2024-02-20 02:14:30
react javascript chrome-extension reactjs chrome-extensions
ReactChrome扩展 这是帮助Web开发人员学习和理解React的一系列React样板项目中的第一个。 这个项目实际上是在我创建最新项目。 视频代码演练 如果您更喜欢视觉学习，那么我已经录制了的。 本地测试 npm start 在开发模式下运行应用程序。 打开在浏览器中查看。 在Chrome内部测试 需要构建此项目以利用Chrome Extension API，例如使用Content脚本获取扩展的ID或使用Chrome Storage API。 在本地运行此项目时，不能使用这些功能。 要将其作为开发人员扩展加载到Chrome中： npm run build 在浏览器中导航至chrome://extensions/ 切换右上角的Developer mode开关 点击左上角的Load unpacked按钮 选择此项目文件夹内的build文件夹 将适用于Chrome的应用构建到build文件夹。
【文件预览】：
react-chrome-extension-master
----public()
--------manifest.json(852B)
--------index.html(30B)
--------favicon.png(36KB)
--------icon48.png(2KB)
--------background.js(140B)
--------icon16.png(497B)
--------content.js(1KB)
--------icon128.png(10KB)
--------jquery.js(86KB)
----src()
--------Components()
--------App.js(281B)
--------Hooks()
--------Contexts()
--------App.css(2KB)
--------index.js(407B)
----.idea()
--------cssplugin.iml(458B)
--------misc.xml(174B)
--------inspectionProfiles()
--------deployment.xml(143B)
--------modules.xml(270B)
--------.gitignore(38B)
--------vcs.xml(180B)
----build()
--------manifest.json(852B)
--------index.html(278B)
--------favicon.png(36KB)
--------precache-manifest.93475abc6bb8a041da4e8a160ed243ba.js(540B)
--------asset-manifest.json(756B)
--------service-worker.js(1KB)
--------icon48.png(2KB)
--------background.js(140B)
--------icon16.png(497B)
--------content.js(1KB)
--------icon128.png(10KB)
--------jquery.js(86KB)
--------static()
----README.md(1KB)
----react-chrome-extension.png(23KB)
----.gitignore(2KB)
----package-lock.json(507KB)
----package.json(884B)