it-swarm.dev

Che cosa significa "Impossibile analizzare il valore dell'attributo srcset" poiché il suo descrittore "w" non è valido. " significare?

Ottengo errori di Chrome sul mio sito web che dicono:

Impossibile analizzare il valore dell'attributo 'srcset' poiché il suo descrittore 'w' non è valido.
Dropped srcset candidate http://i2.wp.com/domain.net/wp-content/.../image.jpg?resize=425%2C200

Qualche idea di cosa significhi?

Sto usando WordPress come piattaforma del mio sito web. Uso anche la sua funzione Photon (nel suo framework Jetpack). Il mio sospetto è che abbia a che fare con questa funzionalità. Le dimensioni dell'immagine vengono specificate in modo errato o qualcosa del genere?

Cosa sono i descrittori di 'w'?


UPDATE: Ecco l'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

Ho avuto un errore simile:

errore durante l'analisi del valore dell'attributo srcset poiché ha un descrittore sconosciuto

e il problema era causato da uno spazio nell'URL del percorso dell'immagine.

19
SandroMarques

Il tuo html è sbagliato. 

Questo è un tag img valido con srcset:

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

Dice che se il tuo browser comprende srcset dovrebbe usare l'immagine piccola quando la larghezza è di circa 256 px di larghezza e l'immagine più grande quando è larga 512 px. 

Nel tag immagine non hai nulla di fronte a w:

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

Si noti che non c'è nulla che specifica la larghezza? Questo è il problema. 

8
oligofren

Nel mio caso, come in tutti i casi sopra l'URL dell'immagine era corrotto: 

Esempio:

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

Sostituire /? con ? aiutato.

0
Eli

Nel mio caso stavo generando il mio srcset usando un caricatore webpack chiamato srcset-loader che stava producendo un oggetto JSON invece di una stringa corretta.

0