如何测试低分辨率图标？

Question

较新版本的陀螺仪具有更高分辨率的图标版本（在toolbar_hd.gif中），用户的计算机支持该版本。如果我的测试机具有高分辨率，我该如何强制它使用低分辨率图标进行测试？

Answer 1

启动6.9 Gyroscope使用较新版本的nano.js，其中包含一个函数 hdpromote ，如果满足两个条件，则会加载单独的CSS：

• 该设备的像素比率高于1
• 浏览器CSS正确支持背景大小

在index.php和iphone.php中，在页脚附近包含nano.js之后，有一条线将图标“升级”为更高的分辨率：

<script>
  hdpromote('toolbar_hd.css');
</script>

您可以注释掉此行以忽略高分辨率显示。

相反，如果您没有高清屏幕但想强行加载toolbar_hd.css，有两种方法：

您可以修改nano.js中的线条，以便忽略像素密度：

if (typeof(document.documentElement.style.backgroundSize)=='string')

在Firefox中，当缩放级别为200％时，浏览器会将像素比率报告为2.有人可能会认为这是一个浏览器错误，但您可以利用此“功能”来测试HD模式。

SD和HD模式下的用户图标看起来不同。这是故意的，因此很明显，无需检查图形质量即可启用哪种模式：