zoukankan      html  css  js  c++  java
  • 制作chrome插件,实现在访问特定网站的时候,执行一段js脚本

    通过chrome插件实现在访问特定网站的时候,执行一段js脚本只需要四步就可实现

    1.制作chrome插件

    新建一个simple文件夹,内部文件结果入下图:

     manifest.json的配置是最重要的(我们以百度为例):

    {
        "manifest_version":2,
        "version":"1.0.0",
        "name":"myAdSafe",
        "description":"百度插件",
        "browser_action":{},
        "permissions":["*://www.baidu.com/"],
        "background":{},
        "content_scripts":[{
                "matches":["*://www.baidu.com/"],
                "js":["index.js"],
                "run_at":"document_end",
                "all_frames":true
     
            }]    
    }

    manifest_version:manifest文件内容格式的版本,目前版本为2,本次介绍的格式都是基于该版本的. 

    version:该浏览器插件的版本。 

    name:该浏览器插件的名称。

    description:该浏览器插件的描述信息。

    browser_action:浏览器插件的工具栏图标。

    permissions:浏览器插件需要的权限,支持正则匹配。google对于安全性是相当重视,该配置也是重要的环节!

    background:浏览器插件后端程序,大部分浏览器插件api,以及https网站都需要后端程序来完成。如:获取浏览器插件的版本号。

    content_scripts:页面注入配置。例如:向域名为xx的注入一串输出hello world的脚本,就需要该配置,同时也需要配置拥有该域名xx的权限。

     2.编写index.js(语法是javascript,也可以引入jquery,方式和  index.js 一样)

    document.getElementById("kw").value = "插件执行一段js脚本";  

    3.安装插件进浏览器(和安装其他插件一样,直接在下面页面,打开开发模式,将simple 文件拖入 浏览器即可。):

    4.刷新网页:效果如下图

  • 相关阅读:
    代替gets()的新操作
    前缀和(一维与二维) 差分
    高精度(高精加,高精减,高精乘,高精除)
    提高cin cout的速度
    二分算法(以 数的范围 为例)
    归并排序(merge_sort)
    快速排序(quick_sort)
    由后缀表达式题目:stoi atoi 函数新发现
    Redis(二)
    每日算法练习(2020-1-11)
  • 原文地址:https://www.cnblogs.com/luckybaby519/p/14313596.html
Copyright © 2011-2022 走看看