IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    使用 AddJS 为网页自动添加自定义javascript脚本

    安·记发表于 2015-02-24 15:24:00
    love 0

    AddJS是一个chrome插件。view in github。

    在浏览网站的时候,常常会想自己写js操作一下页面的内容(比如:抓图片,提取下载链接,屏蔽广告什么的)。于是,就有了这个插件。

    功能:自动在指定的url的网页中添加自定义的javascript脚本并运行。

    现在就开始使用AddJS

    首先从chrome商店安装AddJS: https://chrome.google.com/webstore/detail/addjs/aoahkpekljaimojhfefaiibfdcnmlhdi?hl=zh-CN

    或者下载安装:http://cssha.com/assets/download/addjs.zip

    至此,AddJS就可以使用了。下面是一些基本功能的使用操作方法:

    添加脚本

    点击“添加脚本”按钮,输入以下信息,然后保存:

    • url: 一个url地址或正则表达式,当请求的URL与之匹配时,规则生效。(注意:如果是正则,不要填开头的/和结束的/gi,如/.*/gi请写成.*,并勾选后面的reg),
    • script:js脚本的内容, 如果以http://或者file:///开头,则会以此为url加载对应地址的脚本。

    启动/禁用

    勾选/取消对应规则前面的勾选框即可。

    编辑规则

    鼠标移到响应规则上,点击“编辑”。

    删除规则

    鼠标移到响应规则上,点击“删除”。

    批量导入规则

    点击“管理规则”按钮进入管理页,点击顶部“导入”按钮,即可导入规则列表文件。规则列表文件是一个json文件,其格式如下:

    [
        {
            "req":"^https?:\\/\\/.*test.com",
            "res":"alert(111)",
            "reg": true,
            "checked":false
        },
        {
            "req":"http://hanan.com",
            "res":"http://cssha.com/myscript.js",
            "reg": false,
            "checked":true
        }
    ]
    

    其中相关字段含义如下:

    • req:规则需要匹配的url
    • res:脚本内容或地址
    • reg:是否正则匹配
    • checked:是否启用

     

    本插件开发过程中采用了以下开源项目,感谢支持:

    • LESS
    • Bootstrap
    • AngularJS


沪ICP备19023445号-2号
友情链接