Chrome插件开发尝试2

在文章1中尝试了开发chrome一个蛋疼的插件,而且必须要写一坨令人费解的代码才能只能,今天来次清爽的开发:
如图:

这是 "清爽模式" →_→ 我把popup.html与popup.js都扔掉了

首先:看下manifest.json文件(chrome浏览器只认识这个名字),
其中代码:

 1 {
 2     "name": "Test_APP",
 3     "version": "1.0", 
 4     "manifest_version":2, 
 5     "description": "Test_APP",
 6     "browser_action":{
 7         "default_icon": "./icos/rh_16.ico"
 8         
 9     },
10     "icons": {
11         "16": "./icos/rh_16.ico",
12         "32":"./icos/rh_32.ico",
13         "48": "./icos/rh_48.ico",
14         "128": "./icos/rh_128.ico"
15     },
16     "permissions": [ 
17         "tabs",
18         "http://*/", 
19         "https://*/"
20     ],
21     "content_scripts": [ 
22         { 
23           "matches": ["http://*/"],       
24           "js": ["./jquery-1.10.2/jquery-1.10.2.js", "myscript.js"] 
25         }] 
26 }

View Code

相对上次开少了 "default_popup": "popup.html" →_→ 为了清爽而且这哥们完全打酱油的
不过这次多了一个 content_scripts 内容.

　　注:这是指定将声明的js 注入到 matches指定的页面我这里写的是所有的 http都注入

　　如果注入特定页面请写地址，例如http://*.1.com/* 代表的意思是 xxx.1.com/xxx都能匹配到

这次的猪脚是 myscript.js 文件看下代码:

1 $('<input type="button" value="我是测试君"></input>').css({position:"fixed",top: 0,left: "0", "100px",height: "50px",display: "run-in"}).click(function() {
2     alert('a');
3 }).appendTo('body');

View Code

这段代码: 将一个button 出入到浏览页面的body中,点击弹出"a"

→_→ 大家有没有想到这里可以注入广告<img src='xxxx广告链接'/>

上次我用了一个流氓的 chrome 插件就中招了~~~

ok.代码讲解到这...其实这个还是很有用的.比如说注入一个页面,然后发送异步请求,这样就不会发生跨域访问,或者"盗链"的问题..你懂得...

注意事项：1、文件格式必须为utf-8编码 2、下载的jquery文件如果不是 utf-8 编码也不要改（改后可能出问题）

Chrome插件开发 尝试2

Chrome插件开发尝试2