Android support

[jonathantneal]

Android support

+1

[milanstosic]

+1

[mattcav]

+1

[rarkins]

The parsing required to be sure it's Android Browser and not Chrome is complex. I found that this works:

var navU = navigator.userAgent;
// Android Mobile
var isAndroidMobile = navU.indexOf('Android') > -1 && navU.indexOf('Mozilla/5.0') > -1 && navU.indexOf('AppleWebKit') > -1;
// Android Browser (not Chrome)
var regExAppleWebKit = new RegExp(/AppleWebKit\/([\d.]+)/);
var resultAppleWebKitRegEx = regExAppleWebKit.exec(navU);
var appleWebKitVersion = (resultAppleWebKitRegEx === null ? null : parseFloat(regExAppleWebKit.exec(navU)[1]));
var isAndroidBrowser = isAndroidMobile && appleWebKitVersion !== null && appleWebKitVersion < 537;

[chriscoyier]

This is pretty tricky I would think. In a quick test with <use> with an external source, android 4.0, 4.1, and 4.2 failed, but 4.4 worked. So the browser sniff would have to be extra fancy. Plus then there is android 2.3 where inline SVG isn't going to work at all, which is a different scenario.

[bonfish]

I believe this check would do for Android 4.1 - 4.3 (couldn't test it in 4.0.x)

var isWebkit = 'WebkitAppearance' in document.documentElement.style,
    isChromium = !!window.chrome,
    isSafari = /constructor/i.test(window.HTMLElement);

var isJellyBean = isWebkit && !isChromium && !isSafari

[jenshedqvist]

Hmm, it does kind of work actually. Im inlining the SVG spritemap (using adapted version of the localstorage solution for webfonts).

It then renders fine in my local dev environment (xx.xx.xx.xx:4567) in Android 4.1.2 (Nexus S) and 3.2.1 (ancient tablet of horror) with the minor flaw that fill="currentColor" doesn't work so the icons are black.
But it doesn't work in test environment on Heroku. The same behaviour can be emulated with Chrome dev tools setting device to "Samsung Galaxy S III, Nexus". It works locally but not on Heroku.

[jonathantneal]

Parsing for WebKit < 537 had been added, and will be even better in 2.0

[sonicpunk]

Has Android 4.2 and 4.3 been taken care of? I still get issues with svg4everybody Version 2.0.0