Retina.js 与我的 Web 项目的相关性如何?

平面设计 网站设计 前端开发
2022-01-09 19:52:03

我目前没有在工作中使用 Mac,但我在网上冲浪时遇到了retina.js我想知道是否有必要将此库包含到我的网络项目中?如果我不这样做,我的项目会在所有 Mac 设备上看起来都不错吗?我目前在其他设备上工作没有任何问题。我还没有在任何苹果设备上预览它,因为它仍在进行中。

1个回答

甚至不需要远程

看起来它的主要目的是自动完成 的工作srcset,该属性允许您为不同的屏幕配置文件指定图像,例如 Apple 的“视网膜”屏幕的高密度。

srcset使用起来很简单,不需要您做太多额外的工作。在我看来,无论如何,每个人都应该学会如何正确使用srcset

在我看来,不使用这个库有几个令人信服的理由。

  • 你可以自己做它做的事情
  • 这是在您的页面上触发的另一个脚本,这会减慢您的页面
  • 它破坏了预期的可访问性srcset(允许浏览器和用户确定如何使用 srcset 中的信息,而不是您选择要加载的内容)

编辑

还值得一提的是,一些浏览器允许您使用开发工具分配像素密度和其他响应设置。例如,Chrome 有Device Mode这些对于查看诸如srcset(或retina.js,如果您确实选择使用该库)之类的功能是否确实按预期工作很有用。因此,您无需为了测试目的而寻找或花哨的 Mac。