基于manifest v3+react開發的Chrome插件demo

一、簡述

現在全網寫的chrome插件基本都還是原生的html、css加js那一套,相比于使用react開發非常的不方便,而且大多都還是manifest v2版本,如果你是初學者,建議先看下我的另一篇文章,十分鐘帶你入門chrome插件開發。基于以上問題我自己搭建了一套基于manifest v3+react開發的chrome插件demo。

二、chrome插件demo展示

登錄頁.png

首頁.png

添加日志.png

修改日志.png

查看日志.png

如需獲取demo項目源碼,請到我的github上自行clone,順便給咱點個Star,非常感謝。
https://github.com/hepengwei/chrome-extension-react-demo

三、注意事項

該項目中使用了一個webpack插件,也是我自己開發的,它能幫助我們自動將build打包后的插件直接加載到Chrome瀏覽器中運行起來,想要了解該插件的詳細信息,可以看我的另一篇文章,一款將打包后的Chrome插件自動化加載到瀏覽器的webpack插件,里面有詳細的介紹。如果你不想使用該插件功能,可以在webpack的配置文件中將其刪除即可。

更多個人文章

  1. requestAnimationFrame和requestIdleCallback是宏任務還是微任務
  2. 兩個跨域頁面進行跳轉傳參的終極方案
  3. 深入理解Event Loop的運行機制
  4. hashHistory和browserHistory的區別
  5. 面試秘籍之手寫系列
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容