开发google浏览器chrome的JS插件

这篇文章，其实是回答个人上篇博文之《WEB攻击技巧之网页脚本攻击》所留下的问题，见网址：http://my.oschina.net/hetiangui/blog/135462

本篇博文测试网址，就是上篇博文中的网址：

http://58.22.105.164:7002/jdha-client/flowassistant/3.jsp

作测验，目标是编写一个JS插件，并安装在chrome浏览器里头，当咱们经过使用chrome打开该网址的时候，页面的按钮自动变成可用状态。下面是开始步骤：

一、开始编写chrome的JS插件程序。既然要写chrome插件，确定要按chrome开发规范来作。根据规范，首先建一个文件夹，如c:\jsdemo\，在该文件夹下新建一个名为manifest.json 的文本文件，并按实际状况放一个图片文件，做为插件的图标。文本的内容和解释以下：

文本内容：

{
"manifest_version": 2,
"name": "My First Extension",
"version": "1.0",
"description": "The first extension that I made.",
"browser_action": {
"default_icon": "xml.gif"
},
"permissions": [
"http://*/",
"bookmarks",
"tabs",
"history"
] ,
"content_scripts": [
{
"matches": ["http://58.22.105.164:7002/jdha-client/flowassistant/*"],
"css": ["mystyles.css"],
"js": ["test.js"]
}
]
}

二、从上面的定义能够看出，该插件将会在浏览器打开咱们指定的网址的时候，会自动加载test.js这个脚本文件，如今咱们开始编写test.js文件，内容以下：

document.getElementById("btn1").disabled=false;

三、到此，咱们的插件程序编写完毕了，咱们开始将插件安装在 chrome浏览器里头，步骤以下2图：

点击chrome右上角的图标--》工具--》扩展程序，显示下图：

选择"开发者模式"--》"载入正在开发的扩展程序"--》选择咱们新建的脚本文件夹；若是修改了脚本，能够点击"从新加载"，安装完毕后，在chrome的右上角就会出现这个插件的图标。到此步骤，恭喜你，开发完毕！

四、开始测验吧：

打开网址

http://58.22.105.164:7002/jdha-client/flowassistant/3.jsp ，咱们发现这里的按钮已经变成可用状态了。

五、你已经掌握了chrome的JS插件开发的基本技能，赶忙开动脑筋吧，你是否能够用这个技能，去干不少坏事？哈哈哈哈哈

六、官网的开发指南：

https://developer.chrome.com/extensions/getstarted.html

https://developer.chrome.com/extensions/content_scripts.html