对话Mozilla大师——2011 Mozilla开发者大会

参与2011 Mozilla开发者大会，您将：

• 探索Mozilla新技术
• 领略Mozilla大师风采
• 获赠现场大礼并有机会赢取iPod Touch大奖！

活动介绍

• 举办时间：2011年5月10日（周二）下午13:00－18:00
• 举办地点：北京新世纪日航酒店中华厅
• 报名流程：登录火狐社区 >> 填写、提交报名表 >> 等待审核 >> 寄出会议邀请函
• 报名截止：2011年5月3日

* 演讲顺序可能稍有变化，请以会议当天现场发布的日程为准。

主讲嘉宾简介

• Stuart Parmenter : Mozilla 移动开发部门董事，负责Mozilla移动策略的制定。
• Paul Rouget：Mozilla资深技术宣讲师和开发者，开发众多支持HMTL5的游戏演示。
• Myk Melez : Mozilla 实验室资深程序员，Jetpack 项目组长，负责创建扩展开发平台。
• Jorge Villalobos : AMO（ addons.mozilla.org ）编辑组主管，Firefox扩展开发资深程序员，负责Firefox扩展开发和代码审查。

活动地点

• 详细地址： 北京市海淀区首都体育馆南路6号 北京新世纪日航酒店中华厅
• 地铁线路：地铁4号线国家图书馆站D口往南 腾达大厦往东至北京新世纪日航饭店

主办单位

借助Home Dash快捷浏览

摘录：

我刚刚在一台新机器上安装了火狐4。通常我会用Sync来取回我的所有浏览历史，不过在此例中我要展示如何用Home Dash来尽可能高效地帮助我访问我想去的地方。

我输入“nytimes”来查找纽约时报。由于火狐还不认识这个网站，它用默认的搜索来显示一些网页的搜索结果。我点击第一个链接并进入财经版。这个在搜索栏输入域名并点击首链接及其他链接的操作对于大家来说并不陌生，不是那么便捷。

此后，当我想查看新闻时，点击火狐图标并输入“n”。三个流程就会触发把我带到我要去的网站。第一，”nytimes“剩下的字符自动补全，所以我不用输入全部。第二，火狐已经记录了我之前访问过纽约时报这个网站，所以这个网站首页的大批结果会被高亮显示。第三，高亮显示的结果会显示预览窗以供我确认哪个是我要找的。

这样，我就可以仅仅按回车键来确定并即刻浏览——因为火狐已经载入了此页。又或者，如果我发现此网页未更新，我可以按“Esc”键回到之前我离开的页面。以上操作全都没有开启或关闭一个标签页。

但是事实上我想要访问的却是财经版，火狐已经注意到这点并将财经版的结果置于链接列表上端，这样我就可以按向下键高亮显示此链接，与此同时页面预览也出现了。

甚至从此以后，当我再想看新闻的时候，输入“n”第一个结果就是财经版，只需一个字符我就能访问我要去的页面，这真是太快捷了。

对于那些手指伶俐的用户来说，你只需竭尽所能地快速敲击键盘就能去到你想访问的网站。比如说，快速按下“Ctrl+T”，输入“n”，回车，按下“Ctrl+T”，输入“m”，回车，你就能打开两个开启着你要访问网站的标签页。

另外，如果你还想进入网站首页而不是你常访问的某一板块，首页链接会在最吻合链接后出现，敲击向下键并回车即可。借助你过往的浏览数据，火狐可以在不使用任何搜索引擎的情况下完成以上操作。

如果你还没下载火狐4，现在就去吧！然后安装Home Dash享受更快捷的浏览体验——无需重启。可以在此查看Home Dash 7以来的完全变更记录，给我们提供反馈或贡献。

【原文作者：Edward Lee】

“完全硬件加速”的神话

来Demo Studio展示你的HTML5技术吧！

你是网页技术的前沿领军人物吗？你想向全世界展示你的网页技术水平告诉大家网页究竟能做什么吗？

类似HTML5这样的最新网页标准带来的新技术使得哪怕一年前还难以在互联网上难以实现的应用如今已大量出现。眼下众多网站正在不断尝试并应用，部分刚刚开始体验新的特性及功能。同时那些试图突破如火狐4这样的现代浏览器制约的网页开发人员正为互联网的明天添砖加瓦。如果你也是其中一员，Demo Studio正是分享你最具创意的工作成果的地方。

近期我们启动了Web O’ Wonder网站，供用户体验火狐4的部分新特性。这些案例是展示网页魅力的绝佳开始，但是最新的网页标准和开放技术能做的远不止上面所展示的。那么你从这些案例中获得灵感了吗？快来为大家创作更多新颖震撼的网页体验吧！一同来帮我们在Demo Studio创建一个网络上最佳案例的精选集吧。

你编写过那些体现HTML5、CSS3以及JavaScript最新特性的精彩代码吗？我们邀请你加入谋智开发者网络的Demo Studio，贡献你的案例，借助前沿实例，让每个人进一步了解互联网当下的尖端技术以及未来趋势。成为谋智开发者网络的一员，即刻加入到Demo Studio吧！

最短的图片上载工具

仅仅几行JavaScript代码，就可以实现这个超精干的图片上载工具。

这是一个基于imgur.com API的图片上载器。如果你想实现更多的功能，如改变大小、剪切、绘图、色彩调整等等，你可以查看这个之前写的文章。
回到正题。我已经和Imgur.com的创始人打了个招呼（嗨，Alan！）。他最近在他的图片分享网站上增加了拖拽支持。并且，Alan允许Cross-Domain XMLHttpRequest（谢谢！）。所以基本上你可以在你的网站上完全不依赖于服务器端代码处理，而仅仅是使用它提供的API来上载图片到他的网站。

这里是一个例子，来展示如何使用他的API：

（查看完整的代码github—效果展示点这里 ）

（当然，你也需要理解FormData，请看这里）

function upload(file) {

  // 文件来自<input>标签或者拖拽
  // 这货是图片吗？

  if (!file || !file.type.match(/image.*/)) return;

  // 没错，这货就是图片！
  // 现在让我们来建立一个FormData对象

  var fd = new FormData();
  fd.append("image", file); // 添加文件
  fd.append("key", "6528448c258cff474ca9701c5bab6927");
  // 获取你自己的Key：http://api.imgur.com/

  // 创建XHR（Cross-Domain XHR 太给力了！！！）
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "http://api.imgur.com/2/upload.json"); // 轰隆隆！
  xhr.onload = function() {
    // 大胜利！
    // 图片的网址是：
    JSON.parse(xhr.responseText).upload.links.imgur_page;
   }
   // 嗯，我没有处理错误，给读者个练习。
   // 现在，我们可以发送formdata了
   xhr.send(fd);
 }

以上。

Chrome、Firefox 4上均工作正常。

【原文作者：Paul Rouget 】

Mozilla已向IETF提交关于DNT方面的意见

Mozilla联合斯坦福大学向IETF提交有关DNT头机制的一份协议。

正如我们之前在博客里提到的，Mozilla计划向IETF提出一份为HTTP头域设计的DNT机制的协议。在星期一，我们与斯坦福大学“互联网与社会研究中心”的Jonathan Mayer和Arvind Narayanan一道向IETF提交了一份协议草案。

这份署名为“请勿追踪：可选择的不接受全球第三方网站追踪”的协议是第一次尝试为DNT定义基于HTTP头的语法和语义，并且它还为网站如何应对此类协议提供了一项建议。

万维网联盟（W3C）在几周前也收到过微软提交的一份关于DNT HTTP头的意见。虽然说我们没有被通知，但我们还是认为如果有公司和团队专注于对DNT协议标准的制定，这对DNT的长远发展还是有利的。2011年4月28-29日在普林斯顿信息科技中心即将召开一个由W3C赞助的W3C网站追踪和用户隐私研讨会。有意出席研讨会的人可以在2011年3月25日之前提交申请。

我们希望这两个标准制定团队（编辑注：Mozilla和Microsoft）能够一起协商共同研讨关于DNT头标准的相关事宜。W3C在隐私相关的标准制定方面有大量的经验，而HTTP则是IETF最擅长的领域。我们也注意到IETF的部分成员（那些不是W3C会员）也许会有不同的立场，因此会有别的因素影响他们如何做最后的决定。不管怎样，我们依旧会继续为DNT的语法和语义做更多的工作。

Alex Fowler

注：

• IETF是Internet Engineering Task Force（互联网工程任务组）的缩写。IETF成立于1985年底，是全球互联网最具权威的技术标准化组织，主要任务是负责互联网相关技术规范的研 发和制定，当前绝大多数国际互联网技术标准出自IETF。
• DNT（Do Not Track，请勿追踪）是Firefox的隐私保护机制。
• Alex Fowler是Mozilla隐私部门总监。

【原文作者：Alex Fowler 】

用网页的形式显示附加组件的选项

对于一些我所开发的附加组件，我更喜欢用网页的形式而不是独立的对话框来显示它们的选项设置。可是缺点是，如果你用普通的网页形式显示选项设置，它会打开一个没有滚动条的新窗口，使用起来不太方便。

用新标签页的形式打开选项设置窗口，（完成设置后）关闭它。别忘了设置它为隐藏的，展示形式如下：

<?xml version="1.0"?>
<dialog xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        hidden="true"
        id="options"
        onload="displayOptionsPage();">
  <script>
  function displayOptionsPage() {
    var gBrowser = Components.classes['@mozilla.org/appshell/window-mediator;1']
                             .getService(Components.interfaces.nsIWindowMediator)
                             .getMostRecentWindow('navigator:browser')
                             .gBrowser;
    gBrowser.selectedTab = gBrowser.addTab("http://example.com/options");
    document.getElementById("options").cancelDialog();
  }
  </script>
</dialog>

你会看到屏幕上快速的一闪，附加组件的配置窗口就打开了，这的确有效。并且这在Firefox 4上也运行得很不错。

希望将来的Firefox 版本能认识到打开附加组件的选项设置窗口如同打开新网址一般，简单到用新标签页打开就行了。

【原文作者：Mike Kaply】

知识库日——为Firefox 4做准备

上个月谋智开发者网络（Mozilla Developer Network，MDN）发起了一项旨在提高开发者文档质量的“维基星期三”（Wiki Wednesdays）活动。对于SUMO我们很喜欢这个增量式改进的构想。因此，为了跟随MDN的脚步以及发布Firefox 4的准备，我们会在今天——3月2日星期三举办一项“知识库日”活动，我们将把焦点集中在3篇支持文档的改进上。对于每一篇文档我们都有一个需要完成的任务列表，但是这并不意味着某个人需要完成列表里所有的任务。你可以做一个屏幕快照，把文字改进的工作留给其它的贡献者，或者反之。您所作的点滴贡献都会被接纳。

请在您开始工作之前在论坛上发帖说明你在编撰的文章。如果有任何疑问，您可以在IRC的#sumo频道上与我们进行讨论。Topal和Michaelverdi每天都会在线很长时间，我们也很会高兴与您相遇。为了不久之后激动人心的Firefox 4的发布，请帮助我们以使这些支持文档成型。

这些文章是已经被数万人阅读过的，我们还有许多最受欢迎的文章等待完善。您也可以查看我们每周统计的访客数以便决定下一步要完善的文章。

本周的3篇文章是：

如何自定义工具栏

这篇文章需要为Firefox 4更新：

• 在Windows Vista/7中，默认情况下火狐按钮已经取代了菜单栏。Windows XP以及Linux可以通过关闭菜单栏来使用火狐按钮。
• 全新安装Firefox 4 的情况下，书签工具栏默认不显示。
• 需要一些新的屏幕快照。

选项窗口 —— “安全”面板

这篇文章需要为Firefox 4更新：

• 简介后的第一个段落需要撰写一个标题
• 返回到“选项”文章的链接应该使用模板
• 需要一张新的屏幕快照
• 有关“警告信息”的段落在Firefox 4里面已经没有了

请勿追踪

这篇文章需要完成：

• 需要建立文档和格式
• 需要标记（例如目录）
• 在最后的“指南”（how-to）段落需要一张屏幕快照
• 需要审核

【原文作者：Kadir Topal】

四名员工如何给四亿用户提供技术支持

到目前为止我们已有大约4亿火狐用户，采用传统的方式向用户提供技术支持是不可能实现的。 对我们只有5名员工的技术支持团队来讲更是如此。 但我们依然想让用户满意，唯一可行的方法就是让用户相互协作。去年我们对现状进行了评估，然后用了大半年的时间来设计社区工具，这套工具对我们来说是目前最好的。我想和更多的免费软件社区分享我们的评估和解决方案，因为我们正面临着大部分免费软件项目都会遇到的挑战。 同时我也需要一个醒目的标题，就叫做“四名员工如何给四亿用户提供技术支持”好了。

以上是我在FOSDEM所做的演讲。我没有使用晦涩难懂的幻灯片，而是尝试做了一些改变：我录下了我的讲演并把它制作成一段视频。这段视频虽然在内容上有些方面还略显粗糙，但我真心的希望它能对你们有用。最后，如果你们对SUMO有改进意见，或者对我们的工作有建议，请不吝赐教。 我非常希望能够收到你们的反馈信息。

【原文作者：Kadir Topal】