欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

好用的谷歌小插件

程序员文章站 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了

三、看效果

没修改前:
好用的谷歌小插件
启动脚本后:
好用的谷歌小插件
这只是一个小功能,插件还有很多大用处的哦!!!

相关标签: 插件