Chrome 插件开发

Chrome Store 向 chrome store 发布插件需要账户，并且一次性支付 5 刀 注册并支付后，点击做侧边栏选项卡，点击新建项目 提交zip文件后，需要填写一些必须的字段： 描述：关于

初始化项目 添加manifest.json.json 添加background.js，获取活动标签，并注入名为turboMode的函数。 创建函数 首先获取页面内所有段落 判断当前是否是阅读模式 遍历

这篇文章将解释如何修改活动页面上的图片 修改src/App.jsx Source Code 【Source Code】

本文将了解消息发送的工作原理，比如希望和后台进行交互。如下： 修改src/App.jsx 修改background.js Source Code 【Source Code】

通过插件修改网页 当点击扩展选项的时候，网页颜色跟着改变 修改manifest.json 新增权限解释 activeTab允许修改和检索活动标签 scripting允许向浏览器注入脚本 修改src/A

浏览器扩展图标 - action 修改public/manifest.json 修改public/background.js 当点击图标，将会导航到新的选项卡

向浏览器扩展添加可选项 打开manifest.json，添加 options 选项，注册选项页面。 创建options.html 修改src/index.jsx 修改src/App.jsx 修改vit

浏览器插件类型 通过浏览器插件可以实现一些自定义功能，比如：自定义背景、字体、浏览模式等。 在所有浏览器中，chrome 是最具扩展性，firefox、edge 等也不错。

这篇文章学习创建一个插件用于改变每个页面的背景色 创建插件主体 浏览器插件的核心文件且必不可少的：manifest，它是个json文件，包含所有和插件相关的配置，必须放在根目录，其中manifest_

在上一篇文章【First Extension】学习了创建第一个插件。 这篇文章学习创建一个主题插件。 结构 更改manifest.json 上图解释了每个配置对应的效果

在上一篇文章【First Theme】学习了创建第一个主题。 这篇文章学习创建一个新标签插件，类似如图： 结构 将以下内容吸入manifest.json，这是任何浏览器扩展的主入口。 新标签扩展插件的

在上一篇文章【Add Tailwind】学习了集成 tailwind。 这篇文章学习使用 react 创建一个新标签插件，类似如图： 也可以使用其他自己喜欢的框架：vue、angular、svlete

在上一篇文章【Spicing with react】学习了使用 react 创建新标签插件。 这篇文章替换掉 parcel，切换到 vite 删除.parcel 删除package.json内的

在此之前，我们学习了以下几个关于 chrome 插件开发的文章： First extension New Tab Add Tailwind Add React 这篇文章学习创建弹窗插件（点击插件图标时

在上一篇文章【New Tab】学习了创建第一个标签。 这篇文章学习集成tailwind 安装依赖 迁移静态资源 在根目录创建static文件夹，移动manifest.json和icons文件到stat

到目前为止，我们的浏览器插件已经具备了内容展示和交互。 接下来为浏览器添加一些其他的请求数据。 Weather API 打开OpenWeather

在上一篇文章，当创建新菜单的时候，可以加载当前位置的天气数据，这章将学习创建弹窗插件。 创建小工具 新建src/Weather.jsx 更改App.jsx 在弹窗点击右键，会显示开发者工具，提示未获取

在这篇文章中将学习给浏览器添加通知推送事件，如下视频： 添加通知推送 Browser notifications类似于手机上的消息通知。 添加权限 修改src/App.jsx chrome.notif

在前一篇文章介绍了Adding browser notification，这篇将学习如何创建重复的通知。 创建重复通知 为了实现重复通知，我们必须利用alarm api。这允许我们创建可以在指定时间发

在这篇文章，我们将把我们已经非常出色的弹出式浏览器扩展变得更加个性化。 为了维护用户选择的内容，我们将利用 chrome 的存储能力。 增加浏览器扩展存储权限 修改manifest.json，在权限数