Skip to main content

学前必读

tip

这门课主要学习如何 plasmo 构建一个自己需要的浏览器扩展。 plasmo 是一个浏览器扩展的综合开发框架，他对浏览器扩展的各个组件进行了抽象封装，同时提供便捷的打包机制，极大的简化了浏览器扩展的开发。

学习这门课有什么用？​

  1. 浏览器扩展可以通过脚本，打开当前访问互联网的另一个层面，可以作为一种轻量级的 web3 接入方案。
  2. 浏览器扩展的生命周期和安全范围，等同于浏览器本身，可以极大的扩展单个应用的局限性，自定义化的丰富 web 应用。
  3. 因浏览器扩展本身具有部分浏览器本地应用的安全属性，同时也可以给 web 应用提供安全性保障。

学习之前需要准备什么？​

  1. 熟悉 JavaScript 或 TypeScript 编程语言
  2. 熟悉至少一种前端架构 : React 、Vue 、 Svelte 等
  3. 熟悉 pnpm, yarn,npx 等前端操作工具链

参考资料​

  1. plasmo 官方文档 https://docs.plasmo.com/
  2. 使用 plasmo 的参考示例https://github.com/PlasmoHQ/examples/
  3. google Chrome 模块开发文档 https://developer.chrome.com/docs/extensions/mv3/
  4. Firefox 扩展开发文档 https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions