Chrome插件开发 尝试2
在文章1中 尝试了开发chrome一个蛋疼的插件,而且必须要写 一坨令人费解的代码才能只能,今天来次清爽的开发:
如图:
这是 "清爽模式" →_→ 我把popup.html与popup.js都扔掉了
首先:看下manifest.json文件(chrome浏览器只认识这个名字),
其中代码:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
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 }
相对上次 开 少了 "default_popup": "popup.html" →_→ 为了清爽 而且这哥们 完全打酱油的
不过这次多了 一个 content_scripts 内容.
注:这是 指定 将 声明的js 注入到 matches指定的页面 我这里写的是所有的 http都注入
如果注入特定页面请写地址,例如http://*.1.com/* 代表的意思是 xxx.1.com/xxx都能匹配到
这次的猪脚是 myscript.js 文件 看下代码:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 $('<input type="button" value="我是测试君"></input>').css({position:"fixed",top: 0,left: "0",width: "100px",height: "50px",display: "run-in"}).click(function() { 2 alert('a'); 3 }).appendTo('body');
这段代码: 将一个button 出入到浏览页面的body中,点击弹出"a"
→_→ 大家 有没有想到这里可以注入广告<img src='xxxx广告链接'/>
上次 我用了一个 流氓的 chrome 插件就中招了~~~
ok.代码讲解到这...其实 这个 还是 很有用的.比如说 注入一个页面,然后 发送异步请求,这样就不会 发生跨域访问,或者"盗链"的问题..你懂得...
注意事项:1、 文件格式必须为utf-8编码 2、下载的jquery文件如果不是 utf-8 编码也不要改(改后可能出问题)