开发一个自己的chrom插件

avatar
作者
筋斗云
阅读量:2

开发一个自己的chrom插件

一、创建一个文件夹

在这里插入图片描述

二、配置文件manifest.json

  • 创建名字为:manifest.json的配置文件,模板如下:
{   "manifest_version": 3,   "name": "Hello World Extension",   "version": "1.0",   "description": "Outputs 'Hello World' to the console on a specified website",   "permissions": [     "activeTab"   ],   "content_scripts": [     {       "matches": ["https://www.bilibili.com/*"],       "js": ["content.js"]     }   ],   "icons": {     "16": "img.png",     "48": "img.png",     "128": "img.png"   } } 

三、JS文件

// content.js console.log("Hello World"); 

四、目录结构

在这里插入图片描述

五、使用教程

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!