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

How can I test retina image substition without retina display?

本文关键字：视网膜 情况下 测试 图像 显示      更新时间：2023-09-26

我所拥有的：

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

我需要什么：

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

someimage@2x.png

而不是

someimage.png

我的问题：

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

我尝试过的：

  1. 类似的问题建议我修改Firefox的配置，但是layout.css.devPixelsPerPx的默认值设置为-1（而不是1）。更改为-2或2不会产生必要的结果
  2. Opera的Device Emulator没有为我提供读取源代码的方法
  3. Chrome有一个设备模式，允许我更改设备像素密度。默认值为2。将值更改为1或3不会产生任何明显的效果

也许您可以在URL中写入一个测试变量，并向图像源发出警报，然后使用retina设备或opera模拟器。

像你的网站/应用程序？alertImage=测试

（假设您使用的是jquery）：

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