cmouseg / js-inject Goto Github PK

该浏览器拓展插件是拥有为页面拦截和注入js功能的chrome浏览器扩展，可以拦截页面脚本、检索页面脚本文件、下载页面脚本文件、为页面注入js文件，以及为页面注入requirejs和requirejs入口文件。

• 1，更新项目到本地目录，如：/users/js_inject

• 2，在chrome浏览器中打开 chrome://extensions/

• 3，点击“加载正在开发的拓展程序”按钮

• 4，选择/users/js_inject目录，确定

• 5，浏览器地址栏右边的艺龙logo小图标，即为拓展插件的入口

urls: [
	"*://*.jquery.top/*", //域名过滤器，*://*/* 表示所有协议、所有域名、域名下的所有资源均匹配 
    "*://*.baidu.com/*"
],

"content_scripts": [
	{
		"matches": ["http://*/*"], //域名过滤器
		"js": ["jquery-1.9.1.js"], //需要向页面中注入的脚本资源
		"run_at": "document_end"   //注入时机，该选项表明是文档节点加载完成后注入
	}
],

"web_accessible_resources": [
	"require.js",
	"returnjs.js",
	"images/*"
]

打开拦截匹配的域名链接后，拓展会自动拦截页面中引入的所有的外部脚本资源。

打开拓展界面后，即会加载出页面中所有引用的外部js脚本列表，可以通过“检索URL”输入框对脚本关键字进行检索。

点击“下载选中脚本”按钮可以下载已经选中的检索出的脚本文件。

4.1 普通注入方式

普通注入方式将直接向页面中注入在“脚本URL”文本框中输入的远程脚本并立即执行。

4.2 requirejs入口脚本方式注入

该方式将首先向页面注入require.js，随后将把“脚本URL”文本框中输入的远程脚本作为requirejs的入口脚本执行。

注：脚本URL文本框中默认的远程url即通过requirejs入口脚本方式注入的demo，注入的main.js文件将依赖jQuery.js和另一个自定义模块count.js，注入后会更改页面背景色为红色，并在控制台输出“111+222”的计算结果。

360极速浏览器开放平台（chrome官方API的中文版本，但不是最新）： http://open.chrome.360.cn/extension_dev/overview.html

chrome插件中文开发文档（非官方，与官方文档一致，不用翻墙）： http://chrome.liuyixi.com/overview.html

Chrome扩展及应用开发（电子书）： http://www.ituring.com.cn/book/1472