Pokud tak neučiníte, na webu vám mohou přestat fungovat obrázky. A nebo – ještě lépe – prohlížeče zmrví nativní implementaci responzivních obrázků.

Po čase zase krásná připomínka, že tvůrci webů drží v šachu tvůrce prohlížečů a tvůrci prohlížečů tvůrce webů. Souboj v klasickém westernu. Jako první střílí hoši od prohlížečů.

Picturefill ve starších verzích spoléhá na detekci tagu <picture>. Pokud jej prohlížeč neumí, Picturefill se domnívá, že neumí celý standard responzivních obrázků a tak zvesela zapisuje do vlastnosti currentSrc.

Jenže tu máme prohlížeče, které neumí <picture>, ale vlastnost currentSrc mají naimplementovanou. Jako read-only. Takže Picturefill zvesela zapíše do vlastnosti jen ke čtení, což skončí výjimkou a žádné obrázky se na webu nezobrazí.

Starší verze Picturefillu je nasazená na tisícovkách webů a žádný prohlížeč si nelajzne zobrazování webů bez obrázků. Proto zvažují dočasné odstranění currentSrc. Microsoft Edge to už udělal.

Pokud používáte Picturefill 2, aktualizujte na 2.3.1:

  • npm update picturefill nebo bower update picturefill a šup s výsledkem na produkci
  • nebo si stáhněte nezmenšenou či zmenšenou verzi

Komentáře