两个小时从学习到上线_浏览器独一无二的插件

207 阅读2分钟

浏览器插件展示:

20241115004554.gif

下图是需要的目录结构:

image.png

主要的文件之一:这是要插入的脚本 content.js文件

image.png

重中之重的manifest.json文件

image.png

json格式的关键属性如下:

  permissions: 声明扩展所需的权限,以便访问浏览器功能和用户数据。
  manifest_version: 指定扩展清单文件的版本。这里使用的是 Manifest V3,是 Chrome 扩展的最新版本。
  content_scripts: 声明内容脚本,这些脚本会在匹配的网页中运行。
  host_permissions: 声明扩展需要访问的主机权限。
  web_accessible_resources: 声明扩展中可以被网页访问的资源
  icons: 声明扩展的图标,用于在扩展管理页面和工具栏中显示。

上线步骤:

20241115010114_rec_.gif

1.打开浏览器的chrome://extensions/地址,开发者工具打开

2.点击加载已解压的扩展程序(无论是加载还是更新版本都是相同的步骤)

3.打开如下图所示的按钮开关

image.png

4.打开浏览器新的网址,即可完成自己独一无二的插件咯!祝大家玩得开心!

源码可+V:chengyuejia-

╭❤~友友们