# browser-plugin

**Repository Path**: dremtri/browser-plugin

## Basic Information

- **Project Name**: browser-plugin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-02
- **Last Updated**: 2024-07-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# google 浏览器插件示例

# 插件组成部分
## 清单
扩展程序的清单是唯一且必须具有特定文件名的必需文件：manifest.json。该文件还必须位于相应扩展程序的根目录下。该清单会记录重要元数据、定义资源、声明权限以及标识在后台和网页中运行的文件。
注意：清单中， "manifest_version"、"name" 和 "version" 三个字段是必须的

## Service Worker
Service Worker 在后台运行并处理浏览器事件(事件驱动)，例如移除书签或关闭标签页。它们无权访问 DOM，但针对这种使用情形，您可以将其与屏幕外文档结合起来。

## 内容脚本
内容脚本在网页环境中运行 JavaScript。

## 工具栏操作
在用户点击扩展程序工具栏图标或使用 Action API 显示弹出式窗口时，执行代码。

## 侧边面板
在浏览器的侧边栏中显示自定义界面。

## DeclarativeNetRequest
拦截、屏蔽或修改网络请求。

# 怎么加载已解压的扩展程序
1. 在新标签页输入 chrome://extensions 前往“扩展程序”页面
  - 或者 点击“扩展程序”菜单谜题按钮，然后选择菜单底部的**管理扩展程序**
  - 或者 点击 Chrome 菜单，将光标悬停在**更多工具**上，然后选择**扩展程序**。

# 插件可以做哪些事情
* 在指定网站中运行脚本

# 插件在浏览器中的运行机制
1. 插件在浏览器中运行时，会以独立的进程运行，与浏览器进程隔离。
2. 当浏览器打开时会自动加载插件的 background 脚本
  - 它独立于网页并且一致运行在后台
  - 通过调用浏览器的 API，和浏览器进行交互
3. popup.html有内容的，跟我们普通的web页面一样，由html、css、Javascript组成，它是按需加载的，需要用户去点击地址栏的按钮去触发，才能弹出页面
4. 在打开web网页的时候会将 content_scripts 的脚本注入到网页的环境中。可以操作网页DOM

# 插件通信机制