随笔分类 -  火狐插件

摘要:XUL是怎么被处理的?XUL与HTML的处理方式一样,先读出内容,然后解析为一棵对象树,再对每个对象作处理,使其显示出来。因为XUL是用来定义用户界面的,因此它与HTML用来做显示的功能一样。实际上,在Mozilla中,HTML和XUL,甚至SVG都是使用同关的底层代码来处理的。这样意味着一些CSS属性(注意是属性,不是CSS的全部)可以用在HTML和XUL。XUL同HTML一样可以从本地文件系统或web页面读取(不过这样多少有些功能上的限制)。另外就是打成一个包,可以让别人下载和安装。安装后的包就可以有一些更强的权限,象读文本文件,读用户参数和bookmark,以及访问其它系统特性。包注册就 阅读全文
posted @ 2011-04-11 14:16 许明吉博客 阅读(1014) 评论(1) 推荐(0) 编辑
摘要:这将是 XUL Tutorial 教程的简化版本。我写它的目的不是为了宣传 XUL ,而是想直接了解如何运用 XUL 来进行开发。因此我将会一边学习一边将我认为重要的东西留下,不重要的东西根本就不会写上,有些东西就是原文翻译。如果你对我写的感兴趣,那么希望你可以对照着学习,可以了解得更全面。如果你也象我一样想快速了解,那么可以只和我一起学习。希望我不会漏掉什么东西。此系统的 Blog 只是我的学习记录,按我的风格来写,切记。XUL (XML User-interface Language) -- XML 用户界面语言 发音为:zoolXUL是一种XML语言,因此所有XML的特性可以用在XUL上 阅读全文
posted @ 2011-04-11 14:13 许明吉博客 阅读(636) 评论(1) 推荐(0) 编辑
摘要:如何根据不同语言调整 xul 首选项对话框的尺寸?问题分析 在 Bugzilla #122345 里面有提到选项对话框用户是无法调整其大小的,因此有时候会出现在英语中对话框的大小很正常,但在翻译之后的其他语言中却不正常 的情况。 举个简单的例子:这是原来 en-US 下面的对话框这是法语下面具有一样大小的对话框。图中红色方框内的句子比较长,因此右侧超出对话框右边界的最后一个单词被不幸的截断了..简单的解决办法 重要提示:除了下面谈到的方法之外还有一个 teo 提出的针对高级编程人员的方法,有兴趣的朋友请参见这个帖子 http://www.babelzilla.org/forum/index.p 阅读全文
posted @ 2011-04-11 11:49 许明吉博客 阅读(517) 评论(0) 推荐(0) 编辑
摘要:火狐扩展开发专题 阅读全文
posted @ 2011-04-07 17:57 许明吉博客 阅读(467) 评论(0) 推荐(0) 编辑
摘要: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写成的,这是一些有趣的 XUL 地址,拷进地址栏执行就能看到效果 阅读全文
posted @ 2011-04-07 17:54 许明吉博客 阅读(2664) 评论(1) 推荐(0) 编辑
摘要: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 许明吉博客 阅读(776) 评论(0) 推荐(0) 编辑
摘要: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 许明吉博客 阅读(944) 评论(0) 推荐(0) 编辑
摘要: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 许明吉博客 阅读(815) 评论(0) 推荐(0) 编辑
摘要: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 许明吉博客 阅读(1121) 评论(1) 推荐(0) 编辑
摘要: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 许明吉博客 阅读(1109) 评论(0) 推荐(0) 编辑
摘要: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 许明吉博客 阅读(938) 评论(0) 推荐(0) 编辑
摘要:盒子内的布局当我们把上面的窗口拖大,窗口控件还是停留在窗口的左边,留下右边一大片空白,这似乎不是我们想要的效果:我们可以在<vbox>或<hbox>中的pack属性来控制,pack有3种值:start:对vbox来说,是盒内全部靠上,对hbox,就是盒内全部靠左。 center:盒内居中。 end:vbox是靠下,hbox是靠右。 这里,我们还要介绍一个flex属性,默认情况下,盒子的大小是不变的,等于盒内元素的总大小,但是当flex属性为"1"时,盒子的大小是随着窗口的增大而增大,这样才能通过设置pack属性控制盒内的布局:<?xml ver 阅读全文
posted @ 2011-04-07 17:48 许明吉博客 阅读(1039) 评论(0) 推荐(0) 编辑
摘要:盒子:<hbox>与<vbox>XUL中主要的布局元素成为"盒子",分为两种,水平盒子和垂直盒子,也就是<hbox>和<vbox>,说白了就是把包含在盒子内的空间水平或者垂直排列,如果你熟悉GTK+编程的话,一定对这两种布局方式非常的熟悉。上一篇的控件,只能按照顺序垂直分布在窗口中,因为这是窗口默认的排列控件的方式,要想改变,就要把控件放在盒子中:<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/&q 阅读全文
posted @ 2011-04-07 17:46 许明吉博客 阅读(1235) 评论(0) 推荐(0) 编辑
摘要: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 许明吉博客 阅读(2251) 评论(0) 推荐(0) 编辑
摘要:用过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 许明吉博客 阅读(4121) 评论(0) 推荐(0) 编辑
摘要:火狐插件教程 阅读全文
posted @ 2011-04-07 17:42 许明吉博客 阅读(1921) 评论(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 许明吉博客 阅读(631) 评论(0) 推荐(0) 编辑