Chrome插件开发-网页中运行自己的JS

近几日阿里程序员写脚本抢月饼的事在知乎上吵的沸沸扬扬 ，当时很好奇研究了一下怎么在浏览器中运行自己的JS。原来可以通过Chrome的扩展程序可以实现，废话就不多说了直接上代码。。。

新建一个manifest.json的文件（扩展程序的配置文件）该文件字符集格式必须为UTF-8

manifest.json代码

{
"name": "Flutter",
"manifest_version": 2,
"version": "1.0",
"description": "I Love Flutter ~~！",
"browser_action": {
"default_icon": "1.png"
},
"content_scripts": [
{
"matches": ["https://github.com/*","http://www.csdn.net/*"],
"js": ["script.js"]
}
]
}

default_icon ： 插件图标

matches ： Content Script注入的Web页面

js : 注入到匹配的Web页面中的JS文件

script.js代码

alert("I Love Flutter");
document.getElementById("user[login]").value="xiaoma";
document.getElementById("user[email]").value="hacker_ma@163.com";
document.getElementById("user[password]").value="123456";

OK现在Chrome扩展插件已经完成了

1、打开 Chrome菜单–>更多工具–>扩展程序



2、点击 加载已解压的扩展程序



3、可以看到程序已经安装成功



然后打开github的时候–>I Love Flutter



点击确定后



有没有发现用户名、邮箱、密码都填上了



OK现在已经完成了~~~