Detect Kindle Fire in CSS or JS

Question

I have a website based on Twitter Bootstrap. Whenever I move around the site on a Kindle Fire the nav-bar, which is meant to be fixed to the top of the viewport, takes a second to catch up and move there. It looks ugly as. The navbar stays fixed on the viewport on all other devices - ipad, samsung s3, desktop.

Is it possible to detect the Kindle Fire via CSS or javascript so that I can fix the navbar to the page rather than the viewport for misbehaving browsers?

This is worth a read: http://stackoverflow.com/questions/9063427/how-can-i-detect-kindle-fire-with-javascript — nickhar, Mar 19 '13 at 13:26
Presumably there's no way of switching off silk acceleration from JS ? — Matt Parkins, Mar 19 '13 at 13:32
The kindle user can, but I don't think it's possible externally. — nickhar, Mar 19 '13 at 13:36

Matt Cain · Accepted Answer · 2013-03-19T13:32:52.787

4

You can sniff the user agent for the Silk browser with javascript. e.g.

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

edited Mar 19 '13 at 13:32

answered Mar 19 '13 at 13:19

Matt Cain

5,638
3
36
45

Detect Kindle Fire in CSS or JS

1 Answers1