Tinyicon — счетчик в favicon на js

в 11:28, , рубрики: canvas, favicon, javascript, javascript library, метки: , , ,

Tinyicon это небольшая библиотека для манипуляции с favicon сайта для передачи информации о новых событиях. Для браузеров не поддерживающих canvas счетчик отображается в title страницы.

image

Использование

Использовать ее просто. Подключаем либу и пишем

Tinycon.setBubble(6);

Библиотека так же поддерживает опции такие как выбор цвета, шрифта и позиционирование счетчика:

Tinycon.setOptions({
    width: 7,
    height: 9,
    font: '10px arial',
    colour: '#ffffff',
    background: '#549A2F',
    fallback: true
});

Хочется обратить ваше внимание на параметр fallback, который отвечает за отображение счетчика в title страницы для неподдерживаемых браузеров.

Поддерживаемые браузеры

Tinycon был протестирован и работает в следующих браузерах:

  • Chrome 15+
  • Firefox 9+
  • Opera 11+

В следующих браузерах счетчик может отображаться только в title:

  • Internet Explorer 9
  • Safari 5

Демо | Репозиторий проекта на gihub.

P.S. У меня неверно отображается счетчик в Chrome 17 и нет обновления тайтла в IE9.

Автор: Azy


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js