如何在没有视网膜显示的情况下测试视网膜图像替换?
How can I test retina image substition without retina display?
我有:
我正在使用 retina.js 来替换视网膜显示器的更大尺寸的图像变体。
我需要的:
我需要测试脚本是否正常运行。我的输出应为:
someimage@2x.png
...而不是...
someimage.png
我的问题:
我找不到可以让我检查源代码的模拟 Retina 显示器的方法。
我尝试过的:
- Similar questions 建议我修改 Firefox 的配置,但是
layout.css.devPixelsPerPx
的默认值设置为 -1(不是 1)。更改为 -2 或 2 不会产生必要的结果。
- Opera 的 Device Emulator 没有提供阅读源代码的方法。
- Chrome 具有允许我更改设备像素密度的设备模式。默认值为 2。将值更改为 1 或 3 不会产生任何明显的效果。
也许你可以在 URL 中写入一个测试变量,并提醒图像源,并使用 Retina 设备或 Opera 模拟器。
类似于您的网站。com/app?alertImage=test
(假设您使用的是 jquery):
if (location.search.indexOf('alertImage') >= 0) {
alert($('.imageClass').attr('src'));
}
我有:
我正在使用 retina.js 来替换视网膜显示器的更大尺寸的图像变体。
我需要的:
我需要测试脚本是否正常运行。我的输出应为:
someimage@2x.png
...而不是...
someimage.png
我的问题:
我找不到可以让我检查源代码的模拟 Retina 显示器的方法。
我尝试过的:
- Similar questions 建议我修改 Firefox 的配置,但是
layout.css.devPixelsPerPx
的默认值设置为 -1(不是 1)。更改为 -2 或 2 不会产生必要的结果。 - Opera 的 Device Emulator 没有提供阅读源代码的方法。
- Chrome 具有允许我更改设备像素密度的设备模式。默认值为 2。将值更改为 1 或 3 不会产生任何明显的效果。
也许你可以在 URL 中写入一个测试变量,并提醒图像源,并使用 Retina 设备或 Opera 模拟器。
类似于您的网站。com/app?alertImage=test
(假设您使用的是 jquery):
if (location.search.indexOf('alertImage') >= 0) {
alert($('.imageClass').attr('src'));
}