创建chrome插件步骤:
新建文件夹:
文件夹中 manifest.json 的内容信息大概为:
{
"manifest_version":2,
"version":"1.0.0",
"name":"插件",
"description":"nacos插件",
"browser_action":{},
"permissions":["*://*/"],
"background":{},
"content_scripts":[{
"matches":["*://*/nacos/"],
"js":["index.js"],
"run_at":"document_end",
"all_frames":true
}]
}
文件内容说明:
manifest_version:manifest文件内容格式的版本
version:该浏览器插件的版本
name:该浏览器插件的名称
description:该浏览器插件的描述信息
browser_action:浏览器插件的工具栏图标
permissions:浏览器插件需要的权限,支持正则匹配。google对于安全性是相当重视,该配置也是重要的环节!
background:浏览器插件后端程序,大部分浏览器插件api,以及https网站都需要后端程序来完成。如:获取浏览器插件的版本号
content_scripts:页面注入配置。例如:向域名为xx的注入一串输出hello world的脚本,就需要该配置,同时也需要配置拥有该域名xx的权限
然后在 js 中编写对应的操作,例如:
console.log("========================测试插件==============================");
然后访问 localhost:8848/naocs 控制台就会输出 日志信息。