在 CSS 或 JS 中检测 Kindle Fire

Question

我有一个基于 Twitter Bootstrap 的网站。每当我在 Kindle Fire 上移动站点时，导航栏（本应固定在视口顶部）需要一秒钟才能赶上并移动到那里。它看起来很丑。导航栏在所有其他设备的视口上保持固定 - ipad、samsung s3、桌面。

是否可以通过 CSS 或 javascript 检测 Kindle Fire，以便我可以将导航栏修复到页面而不是浏览器的视口？

Answer 1

您可以使用 javascript 嗅探 Silk 浏览器的用户代理。例如

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