内容 隐藏
1 构建多平台浏览器扩展
2 Building Multi-Platform Browser Extensions
3 浏览器扩展开发，

构建多平台浏览器扩展

Building Multi-Platform Browser Extensions

浏览器扩展开发，

简化。
一个代码库，四个浏览器，15+个功能教程，10个视频教程，3个模板。
立即访问这本书、10 个视频和 3 个模板！
🚀 立即开始开发浏览器扩展。

跳过从多个来源阅读过时的、不受支持的文档的时间，并立即开始开发。

我写这本书是为了当我们创建Bugflow 的浏览器扩展时我希望能有一本指南。即使拥有 15 年的 JavaScript 经验，我仍然很难筛选浏览器扩展文档。

我不断遇到这样的问题：

  • 如何构建我的扩展？
  • 我应该在哪里添加这个功能？
  • 我应该如何与我的后台脚本通信？
  • 什么是后台服务人员。
  • 为什么这在 Firefox 中不起作用？
  • 我如何与页面交互？

 

所有这些问题都将得到解答，还有更多关于可以添加到浏览器扩展中的内容的教程。

无论您只是对浏览器扩展的工作原理感到好奇，还是想要创建一个扩展，我们都将指导您完成整个过程的每一步。

我还创建了基于Javascript、Vue 3和React 的模板来提供帮助。购买本书后，您可以立即从 GitHub 提取一个或所有这些模板并开始使用。

只要熟悉 JavaScript，开发就会很容易。本书将引导您完成具有挑战性的部分。最后，您将拥有一个适用于所有四种主要浏览器的扩展：Chrome、Firefox、Edge 和 Safari。

✍️ 关于作者
丹·帕斯托里书籍作者
杰·罗杰斯书籍作者

自 2011 年以来，我们成功运营了一家名为521 Dimensions 的自力更生开发咨询机构。通过与各种客户和技术堆栈合作，我们获得了宝贵的实际经验，并在博客ServerSideUp上分享。

我们还创建了一些产品，包括Bugflow（一种为开发人员提供的错误跟踪工具），并编写了另一本关于从同一代码库开发 Web 和移动应用程序的书。在为 Bugflow 编写浏览器扩展时，我们受到了写这本书的启发。

回馈是我们信念的重要组成部分。我们是开源软件的热情创建者，创建并为各种项目做出了贡献。查看我们的GitHub并加入我们的Discord频道来参与！

📕 你将学到什么

以下是我们将在本书中介绍的内容的简要介绍。

构建内容脚本内容脚本是位于网页上的强大工具，可以访问 DOM，并与您的扩展进行通信。
在哪里添加功能 您的浏览器扩展程序中有多个区域可以添加代码。了解哪一款最适合您的需求。
创建弹出视图 弹出视图是与浏览器扩展交互的最熟悉的方式。我们将使用 JS 和 Vue 3 创建一个。
扩展页面 您知道您可以有一个专门的页面来运行您的扩展程序吗？我们会做一个。如果您愿意，您可以在此页面中安装整个应用程序！
添加上下文菜单 想要允许您的用户右键单击并与您的扩展程序交互吗？我们已经为您提供了保障。
用户认证 使用浏览器扩展对用户进行身份验证具有挑战性。我将帮助您启用此功能。
本地存储 轻松设置状态、缓存数据并与浏览器的本地存储交互。
使用环境变量 在设计和构建浏览器扩展时，通过这种简单的方法可以添加额外的开发人员体验。
清单V3 使用最新、最好的 Manifest V3 进行扩展。每个浏览器都支持！
🧩 三个强大的模板

立即开始使用您选择的框架

购买后，您可以立即下载多平台浏览器扩展模板并开始使用。我为那些喜欢Vanilla JS、Vue 3或React的人制作了一个模板。

每个模板功能齐全、有文档记录，并且可以开始开发。您将获得具有以下功能的扩展：

  • 预配置的弹出窗口、内容脚本、后台脚本和扩展页面。
  • 扩展消息传递已配置并准备扩展
  • 后台任务（警报）
  • 选项卡监听器
  • 网页到扩展消息传递
  • 本地存储示例
  • 上下文菜单
  • 键盘快捷键

 

所有功能均已记录并准备好进行扩展。只需提取模板并开始添加您自己的代码！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。