Firefox 3.6 的新设备 API:方向

我们将在 Firefox 3.6 中包含的一项新功能是支持网页访问设备方向信息(如果可用)。从上面的演示中可以看出,您可以使用它来判断设备是否在移动以及移动的方向。

使用 API 非常简单。您只需添加一个简单的事件监听器

window.addEventListener("MozOrientation", function(e) {
                        /* 3 values: e.x, e.y, e.z */
                        }, true);

这项功能最初是为我们即将发布的移动浏览器而设计的,现在我们也将其提供给台式机系统。许多现代的 Macbook 和 Thinkpad 包含能够提供此信息的设备和驱动程序。我们已为支持此类设备的 Linux、Mac 和部分 Thinkpad 添加了支持。(注意,在部分 Macbook 上,方向信息检测结果与实际方向相反,我们正在努力解决这个问题。)

您可以在 两篇 Doug Turner 撰写的 文章 和 Eric Shepherd 撰写的关于 方向文档更新 中找到更多信息。

Paul Rouget 在他的一篇文章中展示了这项功能和一些其他演示。


61 条评论

  1. Lloyd Hilaiel

    太棒了!

    嘿,如果您解决了方向反转问题,请告诉我一声?我们这里也遇到了同样的问题

    http://browserplus.yahoo.com/demos/marbles/

    非常感谢!
    lloyd

    2009 年 10 月 12 日 下午 5:24

  2. […] 福音传道者 Christopher Blizzard 宣布了 Firefox 将推出的方向接口 […]

    2009 年 10 月 12 日 下午 9:34

  3. […] 福音传道者 Christopher Blizzard 宣布了 Firefox 将推出的方向接口 […]

    2009 年 10 月 13 日 上午 12:01

  4. bernhard

    希望有一个指南针 API。

    2009 年 10 月 13 日 上午 12:30

  5. […] 能够检测哪个方向是下方的功能将允许人们旋转他们的笔记本电脑来玩游戏。Mozilla 在其网站上发布了关于此项新功能的官方公告,Christopher Blizzard 说:“我们将在 Firefox 3.6 中包含的一项新功能是支持网页访问设备方向信息(如果可用)……”

    2009 年 10 月 13 日 上午 2:07

  6. Craig Baker

    我通常是一个积极的人。说真的,我只希望 Firefox 减少崩溃,提高稳定性,而不是增加更多功能。

    我很想看到这项功能在台式机上运行!

    2009 年 10 月 13 日 上午 2:36

  7. Staś Małolepszy

    @Lloyd:Bug 跟踪了这个问题,据我所知,第二个补丁修复了至少部分新 MBP 上的行为。

    2009 年 10 月 13 日 上午 3:04

  8. Staś Małolepszy

    抱歉,上面的链接没有发布。相关 Bug 的链接是 https://bugzilla.mozilla.org/show_bug.cgi?id=521848

    2009 年 10 月 13 日 上午 4:50

  9. koniczynek

    它也能检测到用户是否和显示屏一起倾斜头部吗?因为如果没有,如果我侧躺着,笔记本电脑倾斜,我就无法阅读任何内容。也许您应该加入摄像头支持来检测人脸位置?

    2009 年 10 月 13 日 上午 5:47

  10. […] de Firefox,se puede apreciar perfectamente en un vídeo de demostración que podrás ver aquí。 En donde fácilmente se podrán hacer una idea del gran potencial que esta función puede tener en […]

    2009 年 10 月 13 日 上午 5:55

  11. […] 一个很酷的小技巧出现在 Mozilla hacks 博客上。Firefox 3.6 将能够使用您的设备方向(如果可用)并且 […]

    2009 年 10 月 13 日 上午 5:56

  12. Antoine

    请不要伤害 Web(以及我),请使用开放标准(例如 HTML()、OGG Theora 等)!

    2009 年 10 月 13 日 上午 9:10

  13. […] stosowanego np. w iPhone’ie. O jej wprowadzeniu poinformował Christopher Blizzard z Mozilli. Na stronie hacks.mozilla.org zamieścił on wpis, w którym czytamy, że jedną z nowości, które są dołączone do Firefox 3.6 jest umożliwienie […]

    2009 年 10 月 13 日 上午 10:51

  14. […] tirar partido de aplicações e jogos baseados na Web, cuja experiência pode sair valorizada pela orientação em que se encontra o dispositivo usado para aceder à Internet. Veja um vídeo com um exemplo das […]

    2009 年 10 月 13 日 下午 12:23

  15. […] 精细到足以玩简单的物理游戏,您显然可以在下一个版本的 Firefox 中做到这一点:这项功能最初是为我们即将发布的移动浏览器而设计的,[…]

    2009 年 10 月 13 日 下午 1:22

  16. 原因

    第一:真的需要吗?

    第二:Mozilla 应该修复其他问题(Bug),而不是开发这种“功能”。

    3.5 不稳定,所以最好先把它稳定下来。

    2009 年 10 月 13 日 下午 1:56

  17. […] 为支持此类设备的 Linux、Mac 和部分 Thinkpad 添加了支持。”Mozilla 福音传道者 Christopher Blizzard 写道。

    2009 年 10 月 13 日 下午 2:44

  18. […] 精细到足以玩简单的物理游戏,您显然可以在下一个版本的 Firefox 中做到这一点:这项功能最初是为我们即将发布的移动浏览器而设计的,[…]

    2009 年 10 月 13 日 下午 3:09

  19. Christopher Blizzard

    对于那些关心稳定性的人,我们正在全力以赴解决 3.6 的稳定性问题。我们知道 3.5 的稳定性不如预期。我们没有谈论太多,但它是我们围绕 3.6 的最重要的项目。

    我们也包含了类似的功能,但我们已经放弃了许多东西,转而专注于稳定性问题。在测试版周期结束前,当我们获得更多数据时,我们会发布一篇文章,敬请关注!

    2009 年 10 月 13 日 下午 3:30

  20. […] 是支持网页访问设备方向信息(如果可用)。”Mozilla 福音传道者 Christopher Blizzard 写道。“许多现代的 Macbook 和 Thinkpad 包含能够提供此信息的设备和驱动程序,[…]

    2009 年 10 月 13 日 下午 4:37

  21. […] Os dejamos con el vídeo demostración de Christopher Blizzard: […]

    2009 年 10 月 13 日 下午 4:54

  22. […] Firefox 3.6 的新设备 API:方向 Firefox 3.6 将支持加速计,以便您的浏览器知道您的方向。[hacks.mozilla] […]

    2009 年 10 月 13 日 下午 5:31

  23. […] 欲了解更多详情,您可以访问 Mozilla 博客上的官方文章 https://hacks.mozilla.ac.cn/2009/10/orientation-for-firefox/ […]

    2009 年 10 月 13 日 下午 9:26

  24. […] 您可以在这里了解更多信息:Mozilla Hacks 标签:加速计、akselerometer、联想、T400、Thinkpad 发布者 oyvind 技术 […]

    2009 年 10 月 14 日 上午 4:39

  25. […] 您可以在此处查看更多信息。Firefox 3.6 的测试版可能将在今天晚些时候发布,如果我们看到的 Mozilla 开发时间表 […]

    2009 年 10 月 14 日 上午 5:26

  26. […] Firefox 3.6 本身目前还没有使用它(未来可能是 Fennec),但为网页开发者准备了 API,使他们能够与加速计协同工作。例如,通过几行代码,就可以调整 Web 应用,使其能够自动校准笔记本电脑的倾斜度,这似乎不是一个愚蠢的想法。您可以自己看看 Christopher Blizzard 制作的视频:[…]

    2009 年 10 月 14 日 上午 5:48

  27. […] e di conseguenza adattare la visione delle pagine web. La notizia l’ho potuta leggere su hack mozilla e guardando il video sottostante sono sicuro che anche voi rimmarete a bocca […]

    2009 年 10 月 14 日 上午 7:44

  28. […] 来判断设备是否在移动以及移动的方向更多内容可以在 https://hacks.mozilla.ac.cn/interesting 上找到,以及在开发下一代时需要考虑的其他问题 […]

    2009 年 10 月 14 日 上午 7:51

  29. […] Il Panda Rosso di casa Mozilla, in occasione della prossima versione 3.6, sarà in grado di rilevare eventuali accelerometri (presenti in alcuni recenti device) e sfruttarli a dovere. Niente più torcicollo quindi per numerossissimi utenti che utilizzano il pc portatile con lo schermo orientato verticalmente. La notizia, che sta facendo velocemente il giro della blogosfera, è stata rilasciata qualche giorno fa dal portale Hacks.Mozilla.org. […]

    2009 年 10 月 14 日 上午 8:18

  30. […] : Firefox 3.6 的新设备 API:方向 […]

    2009 年 10 月 14 日 上午 9:25

  31. Alston

    如果能够使用东芝部分笔记本电脑中使用的加速计功能,那将非常棒,这些笔记本电脑使用的是与 IBM/联想和苹果不同的 API。

    2009 年 10 月 14 日 上午 11:02

  32. […] Firefox 3.6 的新设备 API:方向 (hacks.mozilla.org 通过 FayerWayer […]

    2009年10月14日 下午12:00

  33. […] Firefox 3.6 的新设备 API:方向 (hacks.mozilla.org 通过 FayerWayer […]

    2009年10月14日 下午13:52

  34. […] 通过Mozilla Hacks […]

    2009年10月14日 下午14:18

  35. […] hacks.mozilla.org 最近有一些非常有趣的活动。正如克里斯托弗·布利扎德在相关博客文章中所说,“我们将在Firefox 3.6中加入的一项新功能是支持 Web […]

    2009年10月14日 下午15:09

  36. […] 阅读 | 永久链接 | 邮件发送 | 评论 评价此主题:(未评分) 人气:0 您可以通过 RSS 2.0 提要跟踪对该条目的任何回复。您可以跳到最后并留下回复。目前不允许 ping。 […]

    2009年10月14日 下午15:29

  37. […] Información en: Mozilla Más sobre: Firefox, Video Noticias relacionadasVideo: Blu-ray para autos, Snow Leopard y […]

    2009年10月14日 下午15:42

  38. Syd Lawrence

    我一直在使用 Firefox 3.6b 中的加速度计,它很厉害,真的很容易使用。看看我的 YouTube 视频:http://www.youtube.com/watch?v=M5GMWaGiV1g 或者尝试一下网页本身 http://playground.marmaladeontoast.co.uk/ff3.6

    如果我有时间,可能会为它做一个游戏。

    2009年10月16日 上午 08:40

  39. […] 在 OhMyGeek! #038 中,Matthew 已经提到火狐浏览器的最新测试版已经发布。3.6b 带来了许多很棒的功能,比如这个具有加速度计支持的 API,在以下视频中可以体现出来,视频中展示了使用配备加速度计的 MacBook unibody(新款)在各种测试中进行浏览。这个 API 非常易于使用,您可以在 这里 了解更多信息。 […]

    2009年10月17日 上午 06:32

  40. […] zu Entwicklern pflegt und diese zum Teil sehr kreativ sind, gibts jetzt was neues. Einfach klicken und lächeln Kategorien:Apple Kommentare (0) Trackbacks (0) Kommentieren […]

    2009年10月17日 下午 11:29

  41. Volvox

    看起来很有趣,但我看不出这项技术在网页浏览器中有什么用处。如果只有很少一部分人拥有配备“机器方向信息”的电脑,谁会使用这项技术来制作网站呢?

    2009年10月18日 上午 02:54

  42. Andrey

    嗯,正如上面评论中所写,它可能对移动设备有用。

    而且是的,_很多_ 手机都有加速度计。

    2009年10月20日 上午 10:48

  43. Christopher Blizzard

    @Audrey – 是的!这将在 Fennec 1.0 中也实现,因为它基于与 3.6 相同的代码。

    2009年10月20日 上午 10:52

  44. Ryan

    你们打算如何添加对更多加速度计的支持?我有一台 HP Mini 2133,它内置了加速度计,我很想尝试一下方向 API。

    2009年10月21日 下午 19:43

  45. […] 测试该功能。如果您没有加速度计,您可能需要考虑观看方向演示视频 […]

    2009年10月29日 下午 22:42

  46. […] WebGL 是基于我们开创的 Canvas3D 工作,我们正在用地理位置和方向对硬件进行脚本编写。我们正在帮助标准化和实施一些新的 CSS 功能,这些功能可能会被其他浏览器实现;我们引领互联网走向现代的字体系统;我们为互联网网站作者和用户提供更多安全工具。我们的工作就是帮助确保互联网变得更加丰富多彩并勇往直前——这也是我们公司公共利益使命中非常重要的一条。这是五年中 Firefox 为我们提供的机遇。 […]

    2009年11月8日 下午 16:47

  47. […] 我们把在Mozilla的工作都设定在这个前提下。我们第一个使提速JavaScript成为可能,CORS(跨域XHR请求),混合使用HTML和SVG,最先提出的基于Canvas3D的WebGL,支持硬件设备的地理定位和重力感应。我们正在帮助实现和标准化一些全新的CSS规则,这些规则可能被其他浏览器实现;我们带领互联网朝着现代的字体系统前进;我们提供互联网网站作者和用户更多的安全工具。我们的工作就是帮助保证互联网变得更加丰富多彩并勇往直前──这也是我们公司公共利益使命中非常重要的一条。这是五年中Firefox提供给我们的机遇。 […]

    2009年11月9日 上午 05:03

  48. Frank

    看起来有点有趣……但我只是说,最好能够关闭这个功能,否则我不会升级我的浏览器。我使用笔记本电脑的方式,这会比有用更烦人。

    2009年11月14日 上午 10:13

  49. Syd Lawrence

    人们似乎很喜欢我的视频,所以我现在创建了一个开源迷宫游戏。很快就会制作一个视频。

    网站
    http://playground.marmaladeontoast.co.uk/labyrinth/

    源代码
    http://github.com/sydlawrence/FF3.6-Labyrinth

    2009年11月24日 下午 14:08

  50. […] : 克里斯托弗·布利扎德的博文和 […] 的演示视频 […]

    2009年12月30日 上午 04:01

  51. […] duruma göre vazife çıkaracak ve görünümünü ayarlayacak. Nasıl olduğunu görmek için videoyu izleyin. Çoğunlukla Mac kullanıcılarının kullanacağı bir özellik […]

    2010年1月21日 下午 15:11

  52. […] на копмјутерот во 3Д светот благодарение на новото API. Исто така можете да ги користите drag&drop функциите […]

    2010年1月21日 下午 15:18

  53. sakrist

    不错!

    看看我的版本 http://www.developers-life.com/use-matrix-of-rotate.html

    2010年1月24日 上午 08:18

  54. Melroy van den Berg

    非常棒 :|

    2010年1月27日 下午 13:43

  55. […] 促进讨论。我谈到了 HTML5(包括 WebApps API,例如 File API 和 Orientation Events),CSS3 的 @font-face 属性,并讨论了它对印度语字体的潜力。我们结束了 […]

    2010年3月11日 上午 03:59

  56. […] 自从 JavaScript 诞生之初引入 onclick 以来。然后,还有 Orientation Events,在 Firefox 3.6 中受支持(有一个非常有说服力的演示——在 MacBook Pro 和 Fx 上试试 […]

    2010年3月12日 下午 11:50

  57. Clement Deschesnes

    如何配置 Facebook 以便能够管理 JavaScript 和 Flash,它们
    阻止我玩所有应用程序

    2010年3月13日 下午 16:08

  58. James Duncombe

    喜欢它,伙计们,太棒了!:)

    2010年11月24日 上午 07:56

  59. adipex

    听起来是一个非常棒的功能,有没有人知道没有定位设备的人如何手动输入他们的坐标?也许有插件可以做到这一点?

    2010年12月28日 上午 02:51

  60. Martin Kliehm

    我有一台新的笔记本电脑(戴尔 Latitude E6510),它内置了 ST Micro 加速度计。唉,演示页面保持静止。有谁知道是否可以使用方向 API 访问该加速度计的数据?

    2011年2月11日 下午 11:18

  61. […] hacks.mozilla.org 最近有一些非常有趣的活动。正如克里斯托弗·布利扎德在相关博客文章中所说,“我们将在Firefox 3.6中加入的一项新功能是支持 Web […]

    2011年5月28日 下午 13:45

本文评论已关闭。