构建多平台浏览器扩展

Building Multi-Platform Browser Extensions

浏览器扩展开发,

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

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

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

我不断遇到这样的问题:

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

 

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

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

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

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

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

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

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

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

📕 你将学到什么

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

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

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

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

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

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

 

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

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