注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Computer Science

I Pressed My Words Here. Will You Read ?

 
 
 

日志

 
 

Firefox addons学习日志  

2013-03-06 21:14:34|  分类: 个人日记 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
入口:Add-on Developer Hub    https://addons.mozilla.org/en-US/developers/

起点:Your First Add-on https://builder.addons.mozilla.org/tutorial/

XUL:https://developer.mozilla.org/en-US/docs/XUL

下载SDK,
tar -xf addon-sdk.tar.gz
cd addon-sdk
执行 source bin/activate 进入开发环境,命令行提示前面会增加sdk相关描述。(命令deactivate 用于退出此环境)
执行 cfx docs 打开文档。
使用cfx:  Getting Started With cfx    file:///opt/Workspace/Mozilla/addon-sdk-1.13.2/doc/dev-guide/tutorials/getting-started-with-cfx.html

创建 项目文件夹(mkdir my-addon)。进入(cd my-addon)并初始化项目(cfx init)。
(addon-sdk-1.13.2)will@will-HP-Compaq-6520s:/opt/Workspace/Mozilla/my-addon$ cfx init
* lib directory created
* data directory created
* test directory created
* doc directory created
* README.md written
* package.json written
* test/test-main.js written
* lib/main.js written
* doc/main.md written

Your sample add-on is now ready.
Do "cfx test" to test it and "cfx run" to try it.  Have fun!
(addon-sdk-1.13.2)will@will-HP-Compaq-6520s:/opt/Workspace/Mozilla/my-addon$ ls
data  doc  lib  package.json  README.md  test
(addon-sdk-1.13.2)will@will-HP-Compaq-6520s:/opt/Workspace/Mozilla/my-addon$
cfx xpi 命令用于生成项目安装文件。

接下来继续阅读文档。参考:file:///opt/Workspace/Mozilla/addon-sdk-1.13.2/doc/index.html中各个资源
创建 pageController-addon 目录,cd pageController-addon, 在其中执行 cfx init。在lib文件夹下的main.js中写如下代码:
var tabs = require("sdk/tabs");
var widgets = require("sdk/widget");
var self = require("sdk/self");

var widget = widgets.Widget({
        id:'computerscience@blog.163.com'
        ,label:'6987.co'
        ,contentURL:'http://os.blog.163.com/common/ava.s?host=computerscience&b=0'
        ,onClick: function(){
                // open page
                tabs.open({
                        url: "http://computerscience.blog.163.com",
                        onReady: runScript
                });
                // attach script
                function runScript(tab){
                        worker = tab.attach({
                                contentScript: ""
                                ,contentScriptFile: [self.data.url("attached-script.js")]
                        });
                        worker.port.emit('drawBorder', 'blue');
                        worker.port.emit('checkTabAttribute', tab.url);
                        worker.port.on('close', function(yes){
                                if(yes === 'yes'){
                                        tab.close();
                                }
                        });
                }
        }
});

在data/attached-script.js中写:
alert(document.getElementById("m3-31").getAttribute('src'));
self.port.on('drawBorder', function(color){
        document.body.style.border = "5px solid " + color;
});
self.port.on("checkTabAttribute", function(message){
        console.log(message);
});
self.port.emit('close','yes');
cfx run


create your module:    https://addons.mozilla.org/en-US/developers/docs/sdk/1.13/dev-guide/tutorials/reusable-modules.html
END
pageController2013-3-10.tar.bz2.rar(294.60K)   
下载
autoCodeB.mp4.rar(2.90M)   
下载
autoFillVerificationCode.mp4.rar(936.10K)   
下载
  评论这张
 
阅读(13)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017