如何在没有视网膜显示的情况下测试视网膜图像替换?

How can I test retina image substition without retina display?

我有:

我正在使用 retina.js 来替换视网膜显示器的更大尺寸的图像变体。

我需要的:

我需要测试脚本是否正常运行。我的输出应为:

someimage@2x.png

...而不是...

someimage.png

我的问题:

我找不到可以让我检查源代码的模拟 Retina 显示器的方法。

我尝试过的:

  1. Similar questions 建议我修改 Firefox 的配置,但是 layout.css.devPixelsPerPx 的默认值设置为 -1(不是 1)。更改为 -2 或 2 不会产生必要的结果。
  2. Opera 的 Device Emulator 没有提供阅读源代码的方法。
  3. Chrome 具有允许我更改设备像素密度的设备模式。默认值为 2。将值更改为 1 或 3 不会产生任何明显的效果。

也许你可以在 URL 中写入一个测试变量,并提醒图像源,并使用 Retina 设备或 Opera 模拟器。

类似于您的网站。com/app?alertImage=test

(假设您使用的是 jquery):

if (location.search.indexOf('alertImage') >= 0) {
    alert($('.imageClass').attr('src'));
}