Was bedeutet "Fehler beim Parsen des Attributwerts 'srcset', da sein 'w'-Deskriptor ungültig ist." bedeuten?
Auf meiner Website werden Chrome-Fehler angezeigt, die besagen:
Fehler beim Parsen des Attributwerts 'srcset', da sein 'w'-Deskriptor ungültig ist.
Srcset-Kandidat gelöscht http://i2.wp.com/domain.net/wp-content/.../image.jpg?resize=425%2C200
Irgendeine Idee was das bedeutet?
Ich benutze WordPress als meine Website-Plattform. Ich benutze auch die Photon-Funktion (innerhalb des Jetpack-Frameworks). Mein Verdacht ist, dass es mit dieser Funktion zu tun hat. Werden die Bildmaße falsch angegeben oder etwas?
Was sind 'w'-Deskriptoren?
UPDATE: Hier ist das 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.">
Ich hatte einen ähnlichen Fehler:
fehler beim Analysieren des srcset-Attributwerts, da er einen unbekannten Deskriptor hat
und das Problem wurde durch ein Leerzeichen in der Bildpfad-URL verursacht.
Ihre HTML ist falsch.
Dies ist ein gültiges img-Tag mit srcset:
<img src="phone.jpg" srcset="phone-small.jpg 256w, phone-big.jpg 512w" />
Wenn Ihr Browser srcset versteht, sollte er das kleine Bild verwenden, wenn es eine Breite von ca. 256 px hat, und das größere Bild, wenn es 512 px breit ist.
In Ihrem Image-Tag haben Sie nichts vor der w:
srcset="http://...resize=425%2C200 w, ...
Beachten Sie, dass nichts die Breite angibt? Das ist das Problem.
In meinem Fall war die Image-URL wie in allen oben genannten Fällen fehlerhaft:
Beispiel:
https://aaaa.aaaa.com/?somequery
Ersetzen von /? mit? hat geholfen.
In meinem Fall habe ich mein srcset mit einem Webpack-Loader namens srcset-loader generiert, der ein JSON-Objekt anstelle eines richtigen Strings ausgab.