随笔分类 -  火狐插件

XUL Tutorial(二)
摘要：XUL是怎么被处理的？XUL与HTML的处理方式一样，先读出内容，然后解析为一棵对象树，再对每个对象作处理，使其显示出来。因为XUL是用来定义用户界面的，因此它与HTML用来做显示的功能一样。实际上，在Mozilla中，HTML和XUL，甚至SVG都是使用同关的底层代码来处理的。这样意味着一些CSS属性(注意是属性，不是CSS的全部)可以用在HTML和XUL。XUL同HTML一样可以从本地文件系统或web页面读取(不过这样多少有些功能上的限制)。另外就是打成一个包，可以让别人下载和安装。安装后的包就可以有一些更强的权限，象读文本文件，读用户参数和bookmark，以及访问其它系统特性。包注册就 阅读全文
posted @ 2011-04-11 14:16 许明吉博客 阅读(1019) 评论(1) 推荐(0) 编辑
XUL Tutorial(一)
摘要：这将是 XUL Tutorial 教程的简化版本。我写它的目的不是为了宣传 XUL ，而是想直接了解如何运用 XUL 来进行开发。因此我将会一边学习一边将我认为重要的东西留下，不重要的东西根本就不会写上，有些东西就是原文翻译。如果你对我写的感兴趣，那么希望你可以对照着学习，可以了解得更全面。如果你也象我一样想快速了解，那么可以只和我一起学习。希望我不会漏掉什么东西。此系统的 Blog 只是我的学习记录，按我的风格来写，切记。XUL (XML User-interface Language) -- XML 用户界面语言 发音为：zoolXUL是一种XML语言，因此所有XML的特性可以用在XUL上 阅读全文
posted @ 2011-04-11 14:13 许明吉博客 阅读(659) 评论(1) 推荐(0) 编辑
如何根据不同语言调整 xul 首选项对话框的尺寸？
摘要：如何根据不同语言调整 xul 首选项对话框的尺寸？问题分析 在 Bugzilla #122345 里面有提到选项对话框用户是无法调整其大小的，因此有时候会出现在英语中对话框的大小很正常，但在翻译之后的其他语言中却不正常 的情况。 举个简单的例子：这是原来 en-US 下面的对话框这是法语下面具有一样大小的对话框。图中红色方框内的句子比较长，因此右侧超出对话框右边界的最后一个单词被不幸的截断了..简单的解决办法 重要提示：除了下面谈到的方法之外还有一个 teo 提出的针对高级编程人员的方法，有兴趣的朋友请参见这个帖子 http://www.babelzilla.org/forum/index.p 阅读全文
posted @ 2011-04-11 11:49 许明吉博客 阅读(518) 评论(0) 推荐(0) 编辑
火狐扩展开发专题
摘要：火狐扩展开发专题 阅读全文
posted @ 2011-04-07 17:57 许明吉博客 阅读(468) 评论(0) 推荐(0) 编辑
CSS兼容性（IE和Firefox）技巧大全
摘要：CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6 阅读全文
posted @ 2011-04-07 17:55 许明吉博客 阅读(360) 评论(0) 推荐(0) 编辑
Firefox XUL
摘要：firefox的界面是用 XUL写成的，这是一些有趣的 XUL 地址，拷进地址栏执行就能看到效果 阅读全文
posted @ 2011-04-07 17:54 许明吉博客 阅读(2668) 评论(1) 推荐(0) 编辑
firefox扩展开发(九) ： command元素
摘要：firefox扩展开发(九) ： command元素2008-06-11 17:02何为command元素？从名字来看似乎和执行的命令有关，先来看个简单例子：<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="text/css"?><window id="example-window" title="测试的窗口"xmlns:html="http://www.w3. 阅读全文
posted @ 2011-04-07 17:53 许明吉博客 阅读(781) 评论(0) 推荐(0) 编辑
firefox扩展开发(八) ：控件激活
摘要：firefox扩展开发(八) ：控件激活2008-06-11 17:01当我们用鼠标点击一个控件，或者用TAB键移动到一个控件上时，我们说这个控件被激活 了(focus)，离开这个控件时，我们说这个控件失去焦点(blur)，熟悉js的人一定知道 onfocus 和 onblur 这两个事件属性，XUL中也是一样，通过这两个属性控制控件在被激活和失去焦点时要做的事情。<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="text/css& 阅读全文
posted @ 2011-04-07 17:52 许明吉博客 阅读(947) 评论(0) 推荐(0) 编辑
firefox扩展开发(六) ： 关于event对象
摘要：firefox扩展开发(六) ： 关于event对象2008-06-11 17:00每当某个事件被触发（比如控件被点击或激活、鼠标移动到控件上等等），有关这个事件的详细信息都被储存到event对象中，并可以在事件处理函数中 进行查看，比如上一篇中的第二个例子，就是通过 event.target.tagName 获得被激活的控件的标签名称，event还有更多的属性，让我们看个例子：<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="te 阅读全文
posted @ 2011-04-07 17:51 许明吉博客 阅读(818) 评论(0) 推荐(0) 编辑
firefox扩展开发(七) ： 键盘快捷键
摘要：firefox扩展开发(七) ： 键盘快捷键2008-06-11 17:01键盘快捷键是一个应用程序不可缺少的部分，最常见的地方在菜单栏中，在XUL中添加键盘快捷键是很简单的，只需要设置控件的accesskey属性即可：<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="text/css"?><windowid="test-window"title="测试用的窗口"xmln 阅读全文
posted @ 2011-04-07 17:51 许明吉博客 阅读(1127) 评论(1) 推荐(0) 编辑
firefox扩展开发(五) ： 驱动XUL界面
摘要：firefox扩展开发(五) ： 驱动XUL界面2008-06-11 17:00在HTML中，同样也有简单的控件，比如按钮、单选、复选框，主要用HTML中的<input>标签来实现，HTML中是怎样驱动这些 控件的呢？一般是通过诸如onclick、onfocus、onmouseover等等事件属性，通过事件驱动，再配合javascript来完成，比 如：<input type="button" onclick="alert('我被点击了！')" />如上代码在HTML中创建一个普通的按钮，点击它时，弹出“我被点击了 阅读全文
posted @ 2011-04-07 17:50 许明吉博客 阅读(1111) 评论(0) 推荐(0) 编辑
firefox扩展开发(四) ： 更多的窗口控件
摘要：firefox扩展开发(四) ： 更多的窗口控件2008-06-11 17:00标签盒子标签盒子是啥？大家都见过，就是分页标签：对应的代码：<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="text/css"?><windowid="test-window"title="测试用的窗口"xmlns="http://www.mozilla.org/keymaster 阅读全文
posted @ 2011-04-07 17:49 许明吉博客 阅读(942) 评论(0) 推荐(0) 编辑
firefox扩展开发(三) ： 排列窗口控件II
摘要：盒子内的布局当我们把上面的窗口拖大，窗口控件还是停留在窗口的左边，留下右边一大片空白，这似乎不是我们想要的效果：我们可以在<vbox>或<hbox>中的pack属性来控制，pack有3种值：start：对vbox来说，是盒内全部靠上，对hbox，就是盒内全部靠左。 center：盒内居中。 end：vbox是靠下，hbox是靠右。 这里，我们还要介绍一个flex属性，默认情况下，盒子的大小是不变的，等于盒内元素的总大小，但是当flex属性为"1"时，盒子的大小是随着窗口的增大而增大，这样才能通过设置pack属性控制盒内的布局：<?xml ver 阅读全文
posted @ 2011-04-07 17:48 许明吉博客 阅读(1042) 评论(0) 推荐(0) 编辑
firefox扩展开发(三) ： 排列窗口控件
摘要：盒子：<hbox>与<vbox>XUL中主要的布局元素成为"盒子"，分为两种，水平盒子和垂直盒子，也就是<hbox>和<vbox>，说白了就是把包含在盒子内的空间水平或者垂直排列，如果你熟悉GTK+编程的话，一定对这两种布局方式非常的熟悉。上一篇的控件，只能按照顺序垂直分布在窗口中，因为这是窗口默认的排列控件的方式，要想改变，就要把控件放在盒子中：<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/&q 阅读全文
posted @ 2011-04-07 17:46 许明吉博客 阅读(1237) 评论(0) 推荐(0) 编辑
firefox扩展开发(二)：用XUL创建窗口控件
摘要：firefox扩展开发(二)：用XUL创建窗口控件2008-06-11 16:571.创建一个简单的窗口<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="text/css"?><windowid="test-window"title="测试用的窗口"xmlns="http://www.mozilla.org/keymaster/gatekeeper/there. 阅读全文
posted @ 2011-04-07 17:45 许明吉博客 阅读(2255) 评论(0) 推荐(0) 编辑
firefox扩展开发(一) ： 扩展的基本结构
摘要：用过firefox的人肯定要安装firefox的扩展，这样才能发挥火狐的全部实力。一般扩展是一个后缀为.xpi的文件，其实这个文件就是zip格式的压缩包，压缩了一个扩展所需要的所有目录和文件，基本的目录结构如下：extension.xpi:/install.rdf /components/* /components/cmdline.js /defaults//defaults/preferences/*.js /plugins/* /chrome.manifest /chrome/icons/default/* /chrome//chrome/content/看似很复杂，让我们从最重要的文件开 阅读全文
posted @ 2011-04-07 17:44 许明吉博客 阅读(4127) 评论(0) 推荐(0) 编辑
基于 Mozilla 的扩展开发
摘要：火狐插件教程 阅读全文
posted @ 2011-04-07 17:42 许明吉博客 阅读(1933) 评论(0) 推荐(2) 编辑
火狐插件教程
摘要：http://www.ibm.com/developerworks/cn/web/wa-lo-firefox-ext/#resources 图片下载源码http://www.neatstudio.com/manual/firefox_ext/mozilla-ext.html#preface 火狐插件教程http://tech.ddvip.com/2008-10/122325779573923.html XUL压缩时一定要用ZIP格式， 然后再改成XPI， 用Rar格式安装时会报错 阅读全文
posted @ 2011-04-07 16:26 许明吉博客 阅读(632) 评论(0) 推荐(0) 编辑