12

当您像这样使用 srcset 时：

<img src="example-src.jpg" srcset="example-1x.jpg 1x, example-2x.jpg 2x" />

或者使用这样的图片标签：

<picture>
   <source media="(min-width: 64em)" src="high-res.jpg">
   <source media="(min-width: 37.5em)" src="med-res.jpg">
   <source src="low-res.jpg">
   <img src="fallback.jpg" />
</picture>

是否有可能找出浏览器决定使用的 URL？检查标签本身的src属性<img>实际上并不能告诉您加载了哪个图像。

（对不起，如果这是重复的。我在任何地方都找不到解决方案。）

4

3 回答 3

20

您至少可以currentSrc在某些浏览器中使用，（尽管我不知道是哪个。）

document.getElementById('myImage').currentSrc;

或者...

jQuery('#myImage').prop('currentSrc');
于 2016-02-23T20:08:57.410 回答
0

如果您现在只想使用哪个源：

  1. 使用检查 (ctrl+shift+i)。
  2. 转到网络选项卡，确保缓存已禁用并重新加载页面（F5 或 ctrl + R）。
  3. 选择 Img 以缩短列表。

在列表中，您将找到加载的图像。如果您更改屏幕尺寸并重新加载，您将看到结果的变化。

于 2020-04-03T09:42:59.840 回答
-1

据我所知，目前这是不可能的。我提出了一个用例/功能请求（“3.10 管理断点之间的源交换”），用于与 RICG 几乎相同的内容。所以我希望它仍在筹备中。但不幸的是，这不是目前可以访问的东西。

于 2016-02-24T23:50:47.357 回答