精选文章
-
使用 MediaRecorder 录制浏览器中的几乎所有内容
MediaRecorder API 允许您录制媒体流,例如移动图像和音频。这些录制的成果可以是 OGG 文件,例如您用来听音乐的文件。从浏览器的角度来看,我们可以通过多种方式获取流。让我们从您可能熟悉的内容开始:我们将获取一个流 […]
-
使用 Firefox 开发者工具优化 JavaScript 性能
Firefox 开发者工具中的性能工具提供了一种诊断 JavaScript 运行缓慢的绝佳方法,并提供了对网站的整体响应能力和布局性能的洞察。在本视频屏幕录制中,我将逐步介绍如何诊断缓慢代码的问题以及如何在代码中修复这些问题。 […]
-
A-Frame 0.2.0 – 可扩展的 VR Web
A-Frame 是一个框架,它使构建 Web 的虚拟现实 (VR) 内容变得容易。它提供:使用声明性 HTML 构建 3D 场景的能力。开箱即用地在多个平台上工作的响应式 WebVR 场景。促进组合性和可扩展性的实体-组件-系统模式。经过三个有趣且忙碌的月 […]
-
使用 A-Frame 构建 Cardboard 地牢
Cardboard 地牢是一款基于 Web 的地牢爬行体验,专为与 Google Cardboard 配合使用而设计,并使用 Mozilla 的虚拟现实框架 A-Frame 编写。在本案例研究中,我将讨论在 Cardboard 地牢开发过程中遇到的主要挑战、我对 A-Frame 的体验以及在处理虚拟现实时学到的一些经验教训。 […]
-
fetch() 的推荐来源和缓存控制 API
大约一年前,我们写过一篇关于新的 fetch() API 的文章。WHATWG Fetch API 提供了一种获取网络资源的现代方法,并让您能够对请求和响应的详细信息进行细粒度控制。如果您不熟悉 Fetch API,阅读一下它 […]
-
开发者版 47 – 用户代理模拟、弹出窗口调试等
本周标志着 Firefox 开发者版 47 的发布!最近几周,我们介绍了 DevTools 重新加载加载项和服务工作者工具,因此请务必查看这些帖子。在这篇文章中,我们将介绍此开发者版版本中的其余更新和更改。用户代理模拟我们添加了 […]
-
WebAssembly 里程碑:多个浏览器中的实验性支持
WebAssembly 是一项新兴标准,其目标是定义一个安全、可移植、尺寸和加载时间高效的二进制编译器目标,该目标提供接近本机的性能——Web 的虚拟 CPU。WebAssembly 正在 W3C 社区组 (CG) 中开发,其成员包括 Mozilla、Microsoft、Google 和 Apple。我很高兴地宣布 WebAssembly 已达到 […]
-
使用 Firefox DevTools 调试服务工作者和推送
继在 Firefox 44 中宣布 Web 推送之后,我们现在提供了使用 Firefox 开发者版 47 通过 DevTools 开发和调试服务工作者和推送通知代码的功能。这是一个演示本文中所述功能的屏幕录制:或者,如果您更喜欢文本,请继续阅读!about:debugging 服务工作者不会像 […]
-
使用 A-Frame 构建虚拟现实 Web
Mozilla(MozVR)的 WebVR 团队在一年前提出了一个问题:“Web 上的虚拟现实 (VR) 会是什么样子?”今天,我们点击链接从一个页面跳转到另一个页面,有一天我们将穿过传送门从一个世界跳转到另一个世界。不幸的是,只有少数 WebGL […]
-
推出 DevTools 重新加载
为了鼓励更多开源开发者为 Firefox 开发者工具的演进做出贡献,DevTools 团队构建了 DevTools 重新加载,这是一个消除了某些常见入门障碍的加载项。成熟的开源项目通常具有庞大的代码库。这可能会成为入门障碍 […]