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

addJS是一个chrome插件。view in github

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

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

现在就开始使用AddJS

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

或者下载安装:/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":"/myscript.js",
        "reg": false,
        "checked":true
    }
]

其中相关字段含义如下:

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

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

  • LESS
  • Bootstrap
  • AngularJS