firefox-os - 如何在 Firefox-OS 中处理不同的屏幕分辨率？

Question

我需要在 Firefox OS 中显示全屏图像。我有一个具有 qHD 分辨率(960x540 像素)的“峰值”开发预览手机。

如何确保我的应用程序在其他具有不同屏幕分辨率的 firefox-os 设备上也能很好地显示？

Answer 1

您现在有几个选择，我相信在模拟器中添加对不同分辨率的支持的工作正在进行中。在我看来，目前在不同分辨率下测试应用程序的最佳选择是在 Firefox 浏览器中运行它们并利用响应工具。您可以像构建任何 GAIA 应用程序一样执行此操作。将您的应用程序放在 gaia 应用程序文件夹中，然后运行:

$ DEBUG=1 make

在输出的最后一行你会看到这样的东西:

Profile Ready: please run [b2g|firefox] -profile /path/to/your/gaia/profile

我建议为此每晚使用 Firefox，因为它具有最新的开发工具和更新。在我的系统上 nightly 在 /usr/bin/firefox-trunk 中所以我会运行这样的东西:

:~/Projects/gaia$ /usr/bin/firefox-trunk -profile /path/to/your/gaia/profile calendar.gaiamobile.org:8080

Firefox 有一个特殊的界面来处理 gaia 配置文件。能够在此模式下编辑 CSS 和检查您的应用程序也非常好。

根据 this MDN page您还可以在使用 B2G 桌面时设置屏幕分辨率。您可以在运行 b2g 桌面时指定屏幕分辨率，然后将您的 gaia 配置文件传递给它。它会是这样的:

./b2g-bin --screen=320x480@160 -profile /path/to/your/gaia/profile --runapp yourapp

我现在无法在 Linux 上成功使用此命令，但如果您在 Mac 上，它可能会起作用。

希望对你有所帮助