【问题标题】:How can I test retina image substition without retina display?如何在没有视网膜显示的情况下测试视网膜图像替换?
【发布时间】:2016-04-18 08:39:04
【问题描述】:

我有什么:

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

我需要什么:

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

someimage@2x.png

...而不是...

someimage.png

我的问题:

我找不到模拟视网膜显示器的方法来检查源代码。

我尝试过的:

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

【问题讨论】:

    标签: javascript retina


    【解决方案1】:

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

    类似 yoursite.com/app?alertImage=test

    (假设您使用的是 jquery):

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-03-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-03-31
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多