【文件属性】:
文件名称:react-chrome-extension:样板代码,用于在React中构建Chrome扩展程序
文件大小:502KB
文件格式:ZIP
更新时间:2021-01-30 08:27:50
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)