如何测试低分辨率图标?
How can I test the low-resolution icons?
较新版本的 Gyroscope 具有更高分辨率版本的图标(在 toolbar_hd.gif 中),当用户的计算机支持时使用。如果我的测试机是高分辨率的,我如何强制它使用低分辨率的图标进行测试?
Starting 6.9 Gyroscope 使用较新版本的 nano.js,其中包含一个函数 hdpromote,如果两个条件都满足,它会加载一个单独的 CSS:
- 设备的像素比高于 1
- 浏览器CSS正确支持背景尺寸
在 index.php 和 iphone.php 中,在页脚附近包含 nano.js 之后,有一行 "upgrades" 更高分辨率的图标:
<script>
hdpromote('toolbar_hd.css');
</script>
您可以注释掉此行以忽略高分辨率显示。
反之,如果你没有高清屏又想强制加载toolbar_hd.css,有两种方法:
您可以修改 nano.js 中的行,以便忽略像素密度:
if (typeof(document.documentElement.style.backgroundSize)=='string')
在 Firefox 中,当缩放级别为 200% 时,浏览器报告像素比为 2。有些人可能会认为这是浏览器错误,但您可以利用此 "feature" 进行测试高清模式。
用户图标在标清和高清模式下看起来不同。这是有意为之的,因此无需检查图形质量就可以清楚地了解启用了哪种模式:
较新版本的 Gyroscope 具有更高分辨率版本的图标(在 toolbar_hd.gif 中),当用户的计算机支持时使用。如果我的测试机是高分辨率的,我如何强制它使用低分辨率的图标进行测试?
Starting 6.9 Gyroscope 使用较新版本的 nano.js,其中包含一个函数 hdpromote,如果两个条件都满足,它会加载一个单独的 CSS:
- 设备的像素比高于 1
- 浏览器CSS正确支持背景尺寸
在 index.php 和 iphone.php 中,在页脚附近包含 nano.js 之后,有一行 "upgrades" 更高分辨率的图标:
<script>
hdpromote('toolbar_hd.css');
</script>
您可以注释掉此行以忽略高分辨率显示。
反之,如果你没有高清屏又想强制加载toolbar_hd.css,有两种方法:
您可以修改 nano.js 中的行,以便忽略像素密度:
if (typeof(document.documentElement.style.backgroundSize)=='string')
在 Firefox 中,当缩放级别为 200% 时,浏览器报告像素比为 2。有些人可能会认为这是浏览器错误,但您可以利用此 "feature" 进行测试高清模式。
用户图标在标清和高清模式下看起来不同。这是有意为之的,因此无需检查图形质量就可以清楚地了解启用了哪种模式: