web-dev-qa-db-fra.com

Que signifie "Echec de l'analyse de la valeur de l'attribut 'srcset' puisque son descripteur 'w' n'est pas valide." signifier?

J'ai des erreurs Chrome sur mon site Web qui disent:

Echec de l'analyse de la valeur de l'attribut 'srcset' car son descripteur 'w' est invalide.
Abandonné, candidat au départ http://i2.wp.com/domain.net/wp-content/.../image.jpg?resize=425%2C200

Une idée de ce que cela signifie?

J'utilise WordPress comme plate-forme pour mon site Web. J'utilise aussi sa fonctionnalité Photon (dans son framework Jetpack). Je soupçonne que cela a à voir avec cette fonctionnalité. Les dimensions de l'image sont-elles spécifiées de manière incorrecte ou quelque chose? 

Que sont les descripteurs 'w'?


UPDATE: Voici le code 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.">
12
Doug

J'ai eu une erreur similaire:

échec de l'analyse de la valeur de l'attribut srcset car il possède un descripteur inconnu

et le problème était dû à un espace dans l'URL du chemin de l'image.

19
SandroMarques

Votre html est faux. 

Ceci est une balise img valide avec srcset:

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

Il indique que si votre navigateur comprend srcset, il doit utiliser la petite image lorsque la largeur est d'environ 256 px, et la plus grande image lorsqu'elle mesure 512 px. 

Dans votre balise d'image, vous n'avez rien devant la w:

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

Notez qu'il n'y a rien qui spécifie la largeur? C'est le problème. 

8
oligofren

Dans mon cas, comme dans tous les cas précédents, l'URL de l'image était corrompue: 

Exemple:

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

Remplacement /? avec ? aidé.

0
Eli

Dans mon cas, je générais mon jeu avec un chargeur Webpack appelé srcset-loader qui produisait un objet JSON au lieu d'une chaîne appropriée.

0