Chrome Extension 基础篇

最新推荐文章于 2024-12-18 11:38:49 发布

AI画手小王

最新推荐文章于 2024-12-18 11:38:49 发布

阅读量3.6k

点赞数

文章标签： chrome 前端 javascript

本文链接：https://blog.csdn.net/qq_53225741/article/details/128506764

版权

本文介绍了Chrome Extension的基础知识，包括manifest.json的配置、Background Script和Content Script的使用，以及UI Elements如Popup Page和Options Page的设计。还讲解了如何调试扩展程序，以及Manifest V3的重要变化。

摘要由CSDN通过智能技术生成

Extensions are software programs, built on web technologies (such as HTML, CSS, and JavaScript) that enable users to customize the Chrome browsing experience.

扩展程序是基于 Web 技术（例如 HTML、CSS 和 JavaScript）构建的软件程序，可让用户自定义 Chrome 浏览体验。

前言

由于Manifest V3接近与Manifest V2的完全功能对等，Chrome Extension将逐步淘汰Manifest V2，作为与时俱进的前端吃瓜人，本文以Manifest V3中的概念进行介绍。

插件结构与介绍

manifest.json

manifest.json向浏览器提供有关扩展的信息，可以理解成配置文件，Chrome Extension读取配置文件开启对应功能，同时每个扩展都需要一个manifest

1.必填项1.name：插件名称2.version：版本号3.manifest_version：配置文件版本，v2 or v3

2.推荐填写1.default_locale：国际化相关2.description：对插件的描述3.icons：插件icon配置4.author：插件开发者

3.定义浏览器工具栏1."action": {"default_icon": {// optional"16": "images/icon16.png", // optional"24": "images/icon24.png", // optional"32": "images/icon32.png"// optional},"default_title": "Click Me", // optional, shown in tooltip"default_popup": "popup.html"// 1111}, 2.</

最低0.47元/天解锁文章