Détecter Kindle Fire en CSS ou JS

Question

J'ai un site web basé sur Twitter Bootstrap. Lorsque je me déplace sur le site avec un Kindle Fire, la barre de navigation, qui est censée être fixée en haut de l'écran, met une seconde à se déplacer. C'est très laid. La barre de navigation reste fixe sur le viewport sur tous les autres appareils - ipad, samsung s3, desktop.

Est-il possible de détecter le Kindle Fire par le biais d'une CSS ou d'un javascript afin de pouvoir fixer la barre de navigation à la page plutôt qu'au viewport pour les navigateurs qui se comportent mal ?

Answer 1

Vous pouvez renifler l'agent utilisateur du navigateur de Silk avec javascript, par exemple

if (navigator.userAgent.indexOf("Silk") !== -1) {
    // This is the Kindle Fire's Silk browser.
}