好用的谷歌小插件
程序员文章站
2022-07-12 19:42:36
...
一、首先下载一个谷歌插件压缩包,或者大佬自己写也可以
1.代码如下:
{
"description": "测试插件-简介",
"name": "测试插件",
"version": "1.0.0",
"manifest_version" : 2,
"browser_action" : {
"default_icon" : "1.png"
},
"permissions" : [
"tabs" , "http://*/*" , "https://*/*"
],
"content_scripts" : [
{
"matches" : ["https://www.baidu.com/*"],
"js":["myscript.js"]
}
]
}
里面的名字都是特定的,我们可以自己修改名字里面的值,
上面是我修改过的。下面分别解释一下各个含义:
"description": 是一个插件介绍
"name": 名字
"version": "1.0.0",这是版本
"manifest_version" : 2,小版本
"browser_action" : {
"default_icon" : "1.png"
},这是插件图标
"permissions" : [
"tabs" , "http://*/*" , "https://*/*"
],监听哪些服务
"content_scripts" : [
{
"matches" : ["https://www.baidu.com/*"],要监听的地址,
"js":["myscript.js"],打开监听的地址就执行这个js文件
}
]
}
2.再把要修改的内容写成js文件,等待引入即可
var su = document.getElementById("su");
su.value = "我就搜一下";
把要改的内容通过浏览器的检查功能,获取id名,然后我们就可以修改他的内容啦。
二、在浏览器上引入写好的脚本
在谷歌浏览器中找到这个扩展程序:
打开开发者模式,引入写好的脚本文件夹,就OK了
三、看效果
没修改前:
启动脚本后:
这只是一个小功能,插件还有很多大用处的哦!!!
上一篇: phpstorm结合x-debug
下一篇: 屏幕截图插件html2canvas