摘要:
火狐扩展开发专题 阅读全文
摘要:
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 阅读全文
摘要:
firefox的界面是用 XUL写成的,这是一些有趣的 XUL 地址,拷进地址栏执行就能看到效果 阅读全文
摘要:
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. 阅读全文
摘要:
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& 阅读全文
摘要:
firefox扩展开发(六) : 关于event对象2008-06-11 17:00每当某个事件被触发(比如控件被点击或激活、鼠标移动到控件上等等),有关这个事件的详细信息都被储存到event对象中,并可以在事件处理函数中 进行查看,比如上一篇中的第二个例子,就是通过 event.target.tagName 获得被激活的控件的标签名称,event还有更多的属性,让我们看个例子:<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/" type="te 阅读全文
摘要:
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 阅读全文
摘要:
firefox扩展开发(五) : 驱动XUL界面2008-06-11 17:00在HTML中,同样也有简单的控件,比如按钮、单选、复选框,主要用HTML中的<input>标签来实现,HTML中是怎样驱动这些 控件的呢?一般是通过诸如onclick、onfocus、onmouseover等等事件属性,通过事件驱动,再配合javascript来完成,比 如:<input type="button" onclick="alert('我被点击了!')" />如上代码在HTML中创建一个普通的按钮,点击它时,弹出“我被点击了 阅读全文
摘要:
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 阅读全文
摘要:
盒子内的布局当我们把上面的窗口拖大,窗口控件还是停留在窗口的左边,留下右边一大片空白,这似乎不是我们想要的效果:我们可以在<vbox>或<hbox>中的pack属性来控制,pack有3种值:start:对vbox来说,是盒内全部靠上,对hbox,就是盒内全部靠左。 center:盒内居中。 end:vbox是靠下,hbox是靠右。 这里,我们还要介绍一个flex属性,默认情况下,盒子的大小是不变的,等于盒内元素的总大小,但是当flex属性为"1"时,盒子的大小是随着窗口的增大而增大,这样才能通过设置pack属性控制盒内的布局:<?xml ver 阅读全文
摘要:
盒子:<hbox>与<vbox>XUL中主要的布局元素成为"盒子",分为两种,水平盒子和垂直盒子,也就是<hbox>和<vbox>,说白了就是把包含在盒子内的空间水平或者垂直排列,如果你熟悉GTK+编程的话,一定对这两种布局方式非常的熟悉。上一篇的控件,只能按照顺序垂直分布在窗口中,因为这是窗口默认的排列控件的方式,要想改变,就要把控件放在盒子中:<?xml version="1.0"?><?xml-stylesheet href="chrome://global/skin/&q 阅读全文
摘要:
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. 阅读全文
摘要:
用过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/看似很复杂,让我们从最重要的文件开 阅读全文
摘要:
火狐插件教程 阅读全文
摘要:
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格式安装时会报错 阅读全文