如何在没有mac的情况下测试网站是否准备好视网膜？

Question

我不确定如何才能使网站视网膜设备兼容而无法测试并查看它是否正常工作。我已按照这里的指南http://www.presscoders.com/2012/10/how-to-make-your-wordpress-theme-retina-ready/来安装和设置插件wp-retina-2x，看起来它应该正常工作，但我无法判断它是否真的存在。

这就是我使用http://brainbuzzmedia.com/themes/expression/

的方式

如果有人有视网膜设备，是否有任何较小的图像以视网膜分辨率显示？如果它们的话，它们的文件名将在它的末尾有“@ 2x”。

Answer 1

只需打开Chrome开发者工具，然后将鼠标悬停在<img>标记上（此评论末尾的屏幕截图）。你会看到两种尺寸。一个是服务器上图像的原始大小，第二个是您在网站上看到的图像大小。

原始图像大小应至少是标签内图像参数大小的两倍。如果是这种情况，您的图像就是视网膜准备好了。您不需要显示视网膜。

e.g：

您网站上的html for img：<img width="100" height="100" alt="logo" />

服务器上保存的图像的原始（自然）尺寸：200x200