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

时间:2016-04-18 00:33:50

标签: javascript retina

我拥有的:

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

我需要什么:

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

someimage@2x.png

......而不是......

someimage.png

我的问题:

我找不到一种模仿视网膜显示器的方法,可以让我查看源代码。

我尝试了什么:

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

1 个答案:

答案 0 :(得分:2)

也许你可以在URL中写一个测试变量,并提醒图像源,并使用视网膜设备或那个歌剧模拟器。

喜欢yoursite.com/app?alertImage=test

(假设你正在使用jquery):

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