本次实践目标
- 了解chrome浏览器基本概念
- 了解浏览器插件开发的基本框架
- 了解cursor如何对话式完成开发功能
- 完成一个完整的翻译功能chrome扩展实现
浏览器插件形态
Chrome 插件(Chrome Extensions)有几种不同的形式,取决于它们的功能和实现方式。以下是主要的几种形式:
- 内容脚本(Content Scripts)
- 概述: 内容脚本是在网页加载时注入到网页中的 JavaScript 或 CSS,用于修改页面的内容、交互或样式。
- 用途: 内容脚本常用于扩展网站功能,例如自动填写表单、修改网站布局或执行某些自动化任务。
- 特点:
- 直接与网页的 DOM(文档对象模型)交互。
- 不影响其他页面,注入脚本仅作用于目标网页。
- 示例: Tampermonkey、Stylish、沉浸式翻译
- 弹出窗口(Popup)
- 概述: 弹出窗口通常与浏览器操作或页面操作结合使用。点击工具栏按钮时,插件会显示一个小窗口,提供用户界面。
- 用途: 为用户提供交互界面,可以执行诸如显示信息、搜索框、按钮等操作。
- 特点:
- 通过点击工具栏图标打开。
- 通常为一个独立的小窗口,提供即时功能。
- 示例: AITDK、Wappalyzer
- 选项页面(Options Page)