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

  • 相关阅读:
    opencv计算机视觉学习笔记一
    opencv_python学习笔记十八
    opencv_python学习笔记十六
    Android-锁屏功能
    Android-加载透明PNG图片变黑的问题
    Android-AttributeSet详解
    Android-UGallery
    Android-相册效果(图片缩放 自由滑动)
    Android进阶篇-内存管理
    Android进阶篇-时间滑动控件
  • 原文地址:https://www.cnblogs.com/luckybaby519/p/14313596.html
Copyright © 2020-2023  润新知