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.刷新网页:效果如下图

  • 相关阅读:
    HDU2149-Public Sale
    分页和多条件查询功能
    hdu 4691 最长的共同前缀 后缀数组 +lcp+rmq
    BZOJ 2588 Count on a tree (COT) 是持久的段树
    windows 设置脚本IP
    hdu 4912 Paths on the tree(树链拆分+贪婪)
    分散式-ubuntu12.04安装hadoop1.2.1
    struts详细解释拦截器
    Codeforces 459E Pashmak and Graph(dp+贪婪)
    C#中的数据格式转换 (未完待更新)
  • 原文地址:https://www.cnblogs.com/luckybaby519/p/14313596.html
Copyright © 2011-2022 走看看