谷歌(Chrome)浏览器自定义插件

微云村

于 2021-03-29 11:33:28 发布

阅读量1.9k

点赞数 1

分类专栏： web前端文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_37128815/article/details/115296926

版权

web前端专栏收录该内容

5 篇文章

订阅专栏

本文档介绍了如何创建一个自定义的谷歌Chrome浏览器插件，包括编写js功能逻辑文件、设置插件主入口manifest.json以及设计插件图标。通过遵循指定的目录结构和流程，可以成功将插件添加到浏览器中并实现预期效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

准备

1.js文件：需要的功能逻辑

2.插件主入口及配置：manifest.json

3.插件图标

目录结构：

添加插件流程（选择插件文件夹）

代码

manifest.json

{ 
"name": "百度", 
"manifest_version": 2, 
"version": "1.0", 
"description": "百度图片", 
"browser_action": { 
    "default_icon": "1.png" 
},
"permissions": [
    "tabs", "http://*/*","https://*/*"
],
"content_scripts": [
		{ 
			"matches": ["https://www.baidu.com/*"], 
			"js": ["myscript.js"] 
		} 
	]
}

myscript.js

let su=document.getElementById("su");
su.value = "帅气你刚哥";
let logo=document.getElementById("s_lg_img");
logo.src="http://img3.duitang.com/uploads/item/201511/07/20151107070924_WnJar.gif";

setInterval(su.click(),1000);

效果