rxliuli blog
·
Browser Extension Dev - 01. 介绍基本概念
💡
原文中文，约4400字，阅读约需11分钟。
📝
内容提要
本文介绍了如何创建一个简单的浏览器扩展，以隐藏 Google 搜索页面上的 AI Mode 按钮。用户通过编写 manifest.json 和 content.js 文件来自定义网页体验，核心概念包括 Manifest 文件、内容脚本和注入时机。最后提到将使用现代开发工具重构扩展。
🎯
关键要点
- 浏览器扩展可以让用户自定义网页体验，赋予用户更多权限。
- 扩展的基本结构包括 manifest.json、content.js 等文件。
- manifest.json 文件包含扩展的基本信息，如名称、版本和描述。
- content.js 脚本用于在网页加载时自动隐藏特定元素，如 Google 搜索页面的 AI Mode 按钮。
- 使用 CSS 选择器来定位并隐藏按钮，确保选择器的稳定性。
- 在 manifest.json 中声明内容脚本的注入时机，确保脚本在合适的时机执行。
- 调试扩展时需要注意脚本注入的时机和可能出现的错误。
- 扩展可以添加图标，通过 manifest.json 中的 icons 设置来实现。
- 扩展开发的核心概念包括 Manifest 文件、内容脚本和注入时机。
- 下一章将使用现代开发工具重构扩展，体验更高效的开发流程。
➡️
