“失败解析'srcset'属性值是什么,因为'w'描述符无效。”意思?

时间:2015-06-26 13:15:50

标签: html wordpress

我的网站上出现Chrome错误:

  

解析'srcset'属性值失败,因为它的'w'描述符是   无效。
丢弃了srcset候选者   http://i2.wp.com/domain.net/wp-content/.../image.jpg?resize=425%2C200

知道这意味着什么吗?

我使用WordPress作为我的网站平台。我还使用它的Photon功能(在其Jetpack框架内)。我怀疑它与这个功能有关。图像尺寸是否被错误地指定?

什么是'w'描述符?

更新: 这是HTML:

<img src="http://i1.wp.com/gaithersburgpsychologist.net/wp-content/uploads/2015/02/lightbulb.jpg?resize=425%2C200" srcset="http://i1.wp.com/gaithersburgpsychologist.net/wp-content/uploads/2015/02/lightbulb.jpg?resize=425%2C200 w, http://i1.wp.com/gaithersburgpsychologist.net/wp-content/uploads/2015/02/lightbulb.jpg?resize=450%2C320 w" sizes="(min-width: 768px) 720px, (min-width: 992px) 700px, (min-width: 1200px) 850px, calc(100vw-20px)" alt="Change your thoughts and you change your world.">

7 个答案:

答案 0 :(得分:20)

我有类似的错误:

  

解析srcset属性值失败,因为它有一个未知的描述符

并且问题是由图片路径网址中的空间引起的。

答案 1 :(得分:8)

你的HTML错了。

这是一个有效的img标签,带有srcset:

<img src="phone.jpg" srcset="phone-small.jpg 256w, phone-big.jpg 512w" />

它表示如果您的浏览器理解srcset,则宽度约为256像素宽时应使用小图像,宽度为512像素宽时应使用较大图像。

在您的图片代码中,w

前面没有任何内容

srcset="http://...resize=425%2C200 w, ...

注意没有指定宽度的东西?那就是问题所在。

答案 2 :(得分:0)

在我的情况下,我使用名为srcset-loader的webpack加载器生成我的srcset,该加载器正在输出JSON对象而不是正确的字符串。

答案 3 :(得分:0)

就我而言,与图片URL上方的所有情况一样,

示例:

https://aaaa.aaaa.com/?somequery

替换/?与?帮助了。

答案 4 :(得分:0)

就我而言,我只是忘了在图像之间加上逗号

答案 5 :(得分:0)

就我而言,我以编程方式创建了 srcset 大小,并且具有类似 347.99999w 的值。用 Math.floor() 解决。

答案 6 :(得分:0)

通过删除url文件名中的空格来修复