Tagged

Firefox

A collection of 21 posts

Chrome

hello,chrome,我是Firefox。。。

今天,Firefox发表了一段视频,宣告Firefox和Chrome之间的视频通信成功~~ 这个真的很赞! 在Chrome支持WebRTC之后,Firefox终于在Nightly版本中也开始原生支持了。 虽然现在只有PC支持,但是可以遇见不久之后,手机端也会开始支持了,而Firefox引入WebRTC,应该主要还是为了自己的Firefox OS。有了WebRTC的加入,浏览器端的视频通话就不再是问题了。 WebRTC是被Google在2010年收购的Global IP solutions公司的GIPS引擎,然后将其改名为WebRTC,并在2011年成为W3C的标准之一。 具体的实现不细说了,这里有个Demo,感兴趣的同学可以尝试下。

b2g

Firefox OS模拟器r2d2b2g

firefox发布了一款Firefox OS的模拟器,其实是一个可用于Firefox桌面版的插件,安装也很方便。 不过由于Firefox OS就是基于Gecko内核的,所以Firefox OS中的所有app都是webapp,所以用这个模拟器调试webapp还是不错的。 下载安装r2d2b2g。 下载后直接拖到firefox中安装,安装后即会自动弹出模拟器页面: 然后直接添加本地目录或者URL或者webapp的manifest.webapp路径,这里直接用前端观察来试下,点击左侧的Simulator后面的开关,即可启动模拟器。 然后就可以看到app(网站)直接进入全屏app界面,赞!据说在Firefox OS中每个app都会独立运行一个gecko的进程。 看下桌面: 然后会发现前端观察被添加的第二屏桌面,虽然粗暴的没有logo并直接显示了不完整的URL: 模拟器中的Firefox打开前端观察: 值得一提的是,浏览器右下角的星星可以直接将网站添加到收藏夹或者像iOS那样直接添加到桌面,这样就可以作为一个APP存在了——好吧,Firefox OS还真不好区分APP和网站的区别~~ 嗯,Firefox OS还是很赞的,而且这个名字虽然不出彩但是也比较OK,至少比之前直接叫B2G好听好记。 然后Firefox OS的优点就是直接用浏览器内核渲染,大家可以用W3C标准来用HTML、CSS、JS来开发APP,对前端开发者来说是好事请。 不知道有没有人研究过Firefox OS中APP的开发规范和流程,欢迎投稿分享哈〜~

b2g

Mozilla Boot to Gecko简介和展望

1月7日,Mozilla中国去的工程师在深圳腾讯大厦举办了Firefox新版本体验活动,其中一个话题是关于Mozilla Boot to Gecko项目的,之前我也只是简单的听说,没有深入了解,听了来自台湾的James的分享之后,感觉是,好期待啊! 因为这还是个进行中的项目,实际的资料也不是很多,我这里也只是简单的介绍下,详细的内容等今年Q1或者Q2吧,预计到时候会有实质性的进展。 简介: 设备启动后直接进入浏览器(Firefox的内核Gecko) 完全支持HTML5 基于Android底层,嗯,Linux 内核+驱动层,仅此而已 UI和所有功能都用Gecko实现 也就是说,浏览器可以完全访问和控制设备的硬件! 基于上一点,Mozilla在和W3C device APIs工作组编写一些需要用到的api,比如:电池状态、短信、联系人、电话、媒体捕获(摄像头、话筒等)、网络信息、处理器、各种传感器等。 也就是说,B2G是一个基于浏览器的操作系统,你可以在它上面打电话、发短信、视频聊天、玩各种游戏,

Firefox

新版 Firefox 体验活动[深圳站]

Firefox中国区的新版firefox体验活动,已经在国内几个城市举办过了,我去参加了11月份的广州站,很有收获的说。2012年1月7日,深圳站也将举行了~~ **活动时间:**2012年1月7日(下午1:30pm – 5:00pm) 活动地点:深圳市南山区高薪中一路腾讯大厦2楼多功能厅 活动内容: Firefox 及移动版新特性演示 HTML 5特性介绍 Javascript 开发技巧 另外,据说这次还会有专门介绍Mozilla最新的B2G技术,这个好期待~~ 总之,作为前端和针对移动设备的开发者,能够直接听到/看到Firefox官方的技术介绍和讲座,是个很不错的机会吧,貌似会上会有各种礼物赠送大家不要错过哦~~ 报名传送门:新版 Firefox 体验活动[深圳站]

Firefox

Firefox 7来了!

整理自:http://hacks.mozilla.org/2011/07/aurora7/ 中文:[Firefox 7来了!](GHOST_URL/firefox-7-is-here%22Firefox 7来了!") 请尊重版权,转载请注明来源! 是的,Firefox动作快了起来,现在只有某IE浏览器还保持着上个世纪的版本发布模式了。Firefox 6才刚刚beta,但是7已经alpha了,虽然它可能到年底才会正式release。那么就看看有什么新的技术值得我们关注吧。 更快的JavaScript解析 据说速度会是现在的两倍。 HTML 去除HTMLHeadElement的profile属性 去除HTMLImageElement的x和y属性 HTMLSelectElement 的add()方法中的before参数现在是可选了。 Canvas 对setTransform(),bezierCurveTo(),arcTo()指定非法值时不再抛出异常,无视了; 用0宽或高调用strokeRect时可以正确的不处理了; 使用0值调用drawImage时,抛出一个INVALID_STATE_ERR异常; toDataURL()方法现在接受第二个参数来控制JPG的质量。 CSS 开始支持text-overflow(

Firefox

Firefox 5发布,Firefox 6新特性预览

Firefox 5这次终于没有跳票,如期发布了,这个版本新增了一些特性,值得前端开发人员关注。同时,Mozilla之前放出了Firefox6会支持的一些特性,我们在此一起了解下。 Firefox 5 新特性: 支持CSS3动画,比如transition和keyframes等,需要-moz-前缀; 所有元素支持accessKey属性,以及blur()、click()、focus()等方法; 不再支持UTF-7和UTF-32字符集; android版支持WOFF字体; canvas大量改进: 1. canvas 2D支持设定一个ImageData对象作为createImageData()方法的输入; 给CanvasGradient的方法addColorStop指定一个无限值时,返回INDEX_SIZE_ERR,而不再是SYNTAX_ERR; HTMLCanvasElement的toDataURL()方法在匹配前可以正确的转换指定的MIME类型为小写; 调用creatRadialGradient()时,如果指定负值,现在会正确的返回INDEX_SIZE_ERR; 为translate()、transform()、rect()、clearRect()、fillRect()、strokeRect()、lineTo()、moveTo()、quadraticCurveTo()、或arc(

firebug

firebug net面板详解

今天志刚问到Firebug的net面板的 onload是神马意思,我一时语塞,用Firebug这么多年了都木有仔细研究过。正好这两天和大猫舜子等童鞋一起研究@import css的问题,顺便把这个详细了解下吧。 Net面板 Net面板就是Firebug中的net tab,中文应该叫“网络”?它可以监控页面中的HTTP请求,然后将收集到的信息展现出来。当然,要使用这个功能,你要先点击Net字符右边的小三角将它启用。 PS:我这里的环境是Firefox 4+Firebug 1.7,旧版本的界面可能会稍有不同。 它会将页面中所有的请求/相应的完整过程整理好列出来。 上面的截图显示,前端观察首页的页面请求概况:共9个请求,每一个条目都包含相关资源一些信息: 请求类型(GET|POST) 请求地址(鼠标悬浮在URL列上时会完整显示) 状态及其描述(200 ok) 所属域名 资源大小 图形化的时间线 最底部一行会显示一个简单的统计信息。 请求/响应详情 点击url前面的+按钮后,该条目就会展开,显示该请求的详细信息: 可以看到这里有几个tab:

Firefox

Firefox 4 beta 1发布——前端开发者须知

在Mozilla发布几个Firefox 3.7 preview版本之后,今天终于发布了Firefox 4 beta 1,在这个硝烟愈来愈浓的浏览器战场,Firefox 4的发布让情况更加复杂了。现在让我们来看看Firefox 4的改进和对前端开发的影响吧。 一、界面改进 正如之前泄漏出来的概念图一样,Firefox最终大刀阔斧的改变了自己的界面: 这个界面确实变的简洁漂亮了,我个人也很喜欢它的某些细节,但是结构和Chrome/Opera的相似性,让我不得不担心,是不是将来主流的浏览器都要采用将tab放到上面并隐藏工具栏的布局了,所以,如果将来IE 9正式版出来的时候也是这样的布局,大家不要意外呀~~~ 二、性能提升 Firefox 4改进了很多方面的性能,比如DOM和CSS渲染、JS引擎、以及部分硬件加速,据说可以更快的处理更复杂的DOM和CSS选择器。据Zimbra的性能测试,Firefox 4性能比之前版本提升了两倍。 三、HTML 5 Firefox 4加入了一些HTML 5特性的支持,包括HTML 5表单和一些标签,比如article、section、nav、aside、

Chrome开始支持GreaseMonkey
Chrome

Chrome开始支持GreaseMonkey

GreaseMokey(国人称之为油猴脚本)之前只是Firefox的一个插件,可以用来添加一些简单而有用的小插件,从而扩展你的浏览器的功能和体验。它一般用HTML+JavaScript编写,具有小巧、灵活等特点。 一个非常好的消息是,现在Chrome 最新的4.0版本已经支持GreaseMonkey脚本了,当然 chrome 5.0 dev版本也支持它,如果你在使用这两个版本的Chrome(包括PC和Mac版),可以立刻访问http://userscripts.org 获取超过40000个脚本了。 如果你还不太了解GreaseMonkey,可以查看wiki百科的介绍,或者查看可能吧的《8个优秀的Grease Monkey脚本推荐》和Crazy Software的 十大油猴脚本推荐,当然,优秀的GreaseMonkey脚本有很多,如果你遇到比较好用的脚本,一定要与我们分享哦~~ 另外,GreaseMonkey的管理和普通的Chrome扩展一样方便,都可以在Chrome的扩展面板( chrome://extensions/ )禁用和卸载。

Firefox

Firefox 3.6容易崩溃的问题

Firefox 3.6已经发布几天了,速度确实快了很多,一些新特性用起来也挺不错。但是很多人,包括我自己在使用的时候会遇到FF频繁崩溃的问题,我在公司的电脑的xp系统中升级firefox到3.6之后,打开就直接crash掉了,根本无法启动。 根据mozhacks以及其它一些国外twitter网友提供的信息,基本可以确定这是因为YSlow插件的问题。我自己在将YSlow卸载或退回到2.0.4版本之后,就没有再遇到崩溃的问题了。 所以遇到Firefox 3.6崩溃的问题的同学可以暂时卸载它或者退回到较早的版本。 **UPDATE:**貌似最新的YSlow 2.0.6版本已经修正了这个问题。 如果还有问题,欢迎反馈。

Firefox 3.6正式版发布
Firefox

Firefox 3.6正式版发布

Mozilla终于发布Firefox 3.6正式版了,这对Firefox来说又是一个具有里程碑意义的版本。也可能是一年之内唯一的一个主要版本了,因为Mozilla计划取消Firefox3.7版本的开发,可能直接进入到Firefox 4.0。 其实,我们之前已经简单介绍了Firefox 3.6可能带来的新特性,而正式版中基本上把这些新特性都实现了。查看Firefox 3.6的新特性 推荐一下关于Firefox 3.6的资源 一个文件拖拽上传demo 关于WOFF字体,推荐看一下这个介绍。另外,typekit开始支持WOFF字体了。 目前来看,Firefox 3.6的确快了一些,Mozilla在发布它的时候说,它是目前最快的浏览器,在之前的测试中,也略快于Chrome 4.0 dev。另外,目前还有些插件不能支持Firefox 3.6,你需要在插件支持和新版体验当中做点儿取舍。 下载Firefox 3.6

firebug

Firebug 1.5发布

Firebug 1.5在经历6个月的开发和36次alpha和beta版本之后,终于发布正式版了。 新版的Firebug 1.5有一些很不错的功能: 增强的元素查找器 更精确的NET面板计时 HTML 变化中的断点 右侧栏中的布局子面板中添加z-index和position属性 支持MathML和 SVG名字空间(同时可查找和编辑) XHR中断 增强的 HTML 编辑 控制栏和Net栏中添加Persist 按钮 独立的计算过的 CSS和 Style子面板 很多很多bug修正和稳定性增强 当然还有很多其它的改进,查看Firebug Release Notes以了解全部更新细节。 下载或升级你的Firebug:https://addons.mozilla.org/en-US/firefox/addon/1843/ 同时请注意,Firebug1.5 **不支持**Linux上的64位Firefox。

Firefox

点亮网页——一个很有用的Firefox和IE插件

支付宝UED的鸽子同学制作了一个Firefox插件,它可以用来快速实时编辑网页代码,快速基于Firefox制作Demo页面,方便的编辑修改CSS Sprite,以及配合Fiddler调试页面,是一个很不错的前端开发助手。 Firefox版本 该插件基于Firebug,所以安装前请确保已经安装Firebug。 一些主要特性; 即时编辑——即改即现,把Firefox打造成超强网页编辑器; 与Fiddler一起使用,快速调试线上网页,HTML代码快速生成; 刷新CSS,DOM不刷新; 禁用单个CSS样式; CSS Sprites位置快速设定; 保持Session不过期; 导出任意节点为PNG图片; 现在就安装(从火狐官方下载1.6版) 下载1.7版本低安装 via ued.alipay.com 推荐查看作者的博客,里面有几篇介绍该插件的文章。你也可以查看Alipay的UED的介绍。 IE版 非常不错的是,该插件同时也提供了一个IE版本,安装很方便就是下载文件:http://nihaoku.cn/Linr/LinrIEGallery.reg 下载下来后运行reg文件,右键菜单就会出现“点亮网页”选项,

firefox 4新界面预览
Firefox

firefox 4新界面预览

firefox是一款很优秀的浏览器,firefox 3.5在国外已经成为最流行的浏览器了,但它依然一直在努力从各方面改进它的下一个版本的浏览器,昨天,Mozilla Labs发布了Firefox 4设计比赛,该比赛的主旨是为新版的Firefox设计一个创意的主页。我们对该比赛不是很感兴趣,倒是从中发现了Firefox 4的新的界面设计。 Firefox 4.0 VS Firefox 3.5 当然,这也只是个Mockup而已,在正式版本出来之前,一切都还不确定,不过这至少可以看到Firefox下一个版本的大致的样子,他们至少是向这个方向发展的。 在功能上,最近的Firefox版本,一直不断的在JavaScript性能,HTML5和CSS3等新web标准的支持方面持续提升,并且进步很显著。而在用户体验方面,也在不断发力,Chrome的成功很大部分是由于其tab的排列方式,大大的缩小了浏览器头部占用的空间,解放了浏览器的可视面积,Safari在其4.0的beta版本中也进行了这种尝试,不过正式版中还是做了些改变。而现在,Firefox也开始朝向这个方向发展。只是Firefox做了很多创新,比如,将起始页面变为Home Tab,地址栏的改进等…… 总之,我们能看到Firefox在不断进步,这给我一种很踏实的感觉,从而对Firefox很有信心—

Firefox

Firefox 3.6新功能预览

Firefox 3.5已经发布了几个月了,且已经历5次小幅更新。而基于Gecko 1.9.2的Firefox 3.6也已经开发数月,现在已经发布了firefox 3.6 beta2版本,而官方也声明将在12月份发行正式版。作为3.5版之后的又一个很重要的版本,让我们先来看看新版本的firefox对我们前端开发工作会有哪些影响吧。 CSS 支持CSS3中的 background-size 属性,使用私有属性-moz-background-size属性 通过新引入的-moz-linear-gradient和-moz-radial-gradient属性支持渐变,但是目前只支持background-image或者简写的background属性。 background属性开始支持多背景图片 开始支持pointer-events属性,该属性可以让内容指定一个元素是否被鼠标指针事件指定。safari 4已经支持该属性。opera 9+也支持,不过只支持SVG内容。 开始支持rem长度单位,rem即根元素字体大小 支持image-rendering到图片、背景图片、视频和canvas。 开始支持text-align的end参数,与start参数的作用相对应。如果direction是ltr(left-to-right,从左到右),start等同于left,end等同于right,direction:rtl的效果与之相反。 你可以使用新的选择器:-moz-system-metric(

css

Firefox Bug: inline/inline-block的间隙

首先要说明的是,这个标题有点标题党的意思,这个 bug 也存在于 IE8 下,在 IE6 和 IE7 下正常。之前写过两篇关于 IE bug 的文章,这里特意用了 Firefox bug 作为标题,是为了给自己找点心里安慰,省得总是埋怨 IE :)。关于 inline-block,可以参考之前的一篇文章 跨浏览器的inline-block这个 bug 是“痛在远方”同学碰到的,确实很诡异啊,貌似对标准支持越好的浏览器才会有这个问题。如下图:在 Firefox 下,inline/inline-block 的元素直接会有莫名的几像素(貌似是6px)的空隙。这个 bug 比较难发现,因为为了美观,一般的这种设计,inline/inline-block 的元素直接都会有一定的间距,

firebug

Firefox插件推荐:CSS Usage

css usage是一个基于firebug的firefox扩展,可以用来查看页面中的CSS的使用情况,可以清楚的查看css文件中所有的规则在你的网站中的真实的使用情况。可以查看一个网站中多个页面中的css使用情况——这个很好,可以看到CSS的在网站中的全局使用情况。 预览: 下载地址:https://addons.mozilla.org/en-US/firefox/addon/10704 主页地址:http://spaghetticoder.org/cssusage/ 用法: 打开你想要扫描的网站的页面,打开Firebug,切换到CSS Usage标签,然后点击”scan”按钮。 如果是用了大量ajax或者dhtml的网站中,打开尽可能多的隐藏的div/窗口/tab,以使CSS Usage爬取尽可能多的内容。 然后访问你的网站的其它页面。 每访问一个新的页面,请按一次”scan”按钮。当然,也可以选择autoScan按钮,这样就不用每次按Scan按钮了。 扫描的结果中,绿色的规则表示当前页面中有用到,黑色表示其它页面中用到,红色表示没有被扫描到(至少在当前页面),灰色是伪类(

Firefox

Firefox 3.5 正式版发布

这篇文章写的有些晚了,事实上Firefox3.5正式版已经发布将近两天了。这距离我们之前发布《firefox3.5将带来的新特性 》已经有两个多月了,而我们也终于等来了Firefox3.5正式版的发布。 Firefox 3.5的确像上面那篇文章里提到的那样,增加了很多很有用的特性,增加了对HTML5和CSS3的支持;增强了Javascript性能——采用新的TraceMonkey引擎,原生支持JSON;支持私密浏览模式;改进Gecko引擎,从而加快页面渲染速度…等等等等。 这显然相对于Firefox3.0.x是一个质的飞跃!这也是Mozilla原先计划使用Firefox 3.1 最终改为Firefox 3.5的原因。 Firefox 3.5对Firefox是一个新的里程碑,对于浏览器领域,对前端开发,也是一个标志性的事件——这标志着,IE系列的浏览器,无论渲染速度还是对JS和CSS、HTML5的支持上,都已经被远远的甩到后面去了。 从此,我们可以完全BS微软,BS IE系浏览器了。 尽管我们尚不能完全无视IE,但是至少,我们可以旗帜鲜明的将其列为“唯一的落后的浏览器”,单独对待了…

firebug

网页在左,firebug在右:widerbug

相信各位网页设计师都很熟悉firefox的知名插件firebug了,这个插件给我们带来了巨大的方便。但是firebug一般出现在页面底部(或者把它拖出来成一个独立的窗口),你有没有想过让firebug出现在浏览器的右侧呢?command-tab为我们实现了这一功能,因为firebug是开源的,command-tab的站长Collin Allen修改了官方的firebug,让它出现在浏览器的右侧: 不过唯一不爽的是,这个插件和firebug算是兄弟吧,(或是姊妹?)所以他们不能共存,也就是,安装widerbug的时候,要先卸掉firebug(我没有卸载firebug直接安装的widerbug,安装后发现firebug被自动卸掉了)。 另外,比较好的地方是,该插件和firebug的发行版保持同步更新,现在最新版本是1.30。 支持Firefox 3.*,官方没有提到firefox2下的支持情况,不过根据前端观察的测试,firefox2下是可用的。 访问官方发布页面,或点击此处直接下载安装。

Firefox

firefox3.5将带来的新特性

mozilla发布firefox3.0之后不久,就推出了3.1的测试版,经过N久,出了N个beta,还是没有出正式的3.1版,不过,他们跳了一下,将直接发布Firefox 3.5——大踏步前进的版本,也将带来更多的特性和用户体验。那么它对于我们前端开发人员来说,有哪些影响呢?让我们来看一看吧。 1.HTML5 Firefox3.5将支持audio和vidio标签。 audio的HTML代码可以是这样的: 您的浏览器尚不支持audio标签。 查看更多关于audio的信息。 Video可以这样写: 您的浏览器尚不支持video标签。 查看更多关于video的信息。 另外,Firefox 3.5还将支持其它的一些HTML5特性,比如,离线资源和拖拽。 2.CSS Firefox 3.5对CSS的支持改进比较多,主要是支持更多的CSS3特性,我简单的列表如下: @font-face支持,该规则支持CSS3网络字体。 opacity支持升级,抛弃-moz-opacity私有属性,完整支持CSS的 opacity属性。 :before 和 :after伪类更新的CSS

Firefox

浏览器之争:Firefox占有率超过20%,IE6持续下降

新年伊始,很多浏览器相关新闻显示:Firefox浏览器使用率现在已经超过20%,而Internet Explorer逐渐下降,主要是IE6持续下降,但是IE7的占有率还是略有上升的。 [![Browser market share from October to December 2008](//www.qianduan.net/img/2009/01/011507o4c.jpg "从2008年10月到12月份浏览器市场占有率")](http://marketshare.hitslink.com/browser-market-share.aspx?qprid=1&qptimeframe=M&qpsp=117&qpnp=3&qpdt=1&qpct=2)从2008年10月到12月份浏览器市场占有率首先, [Net Applications](http://www.netapplications.com/newsarticle.