Остановить анимированные GIF
Замораживает анимированные GIF, отображая их первый кадр как статичную картинку, уменьшая отвлечение.
Код для копирования
// Freeze animated GIFs by drawing their first frame onto a static canvas.
function freezeGifs() {
document.querySelectorAll('img[src$=".gif" i]').forEach(function (img) {
if (img.dataset.jzFrozen) return;
if (!img.complete || !img.naturalWidth) {
img.addEventListener('load', freezeGifs, { once: true });
return;
}
try {
var c = document.createElement('canvas');
c.width = img.naturalWidth;
c.height = img.naturalHeight;
c.getContext('2d').drawImage(img, 0, 0);
img.src = c.toDataURL('image/png');
img.dataset.jzFrozen = '1';
} catch (e) {}
});
}
freezeGifs();Как использовать этот пример
- Скопируй код кнопкой выше.
- Установи JustZix (2 минуты) и открой расширение на нужной странице.
- Добавь новое правило, совпадающее с этой страницей.
- Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.
Оцени этот пример
Оценок пока нет — оцени первым.