User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:33.0) Gecko/20100101 Firefox/33.0 Build ID: 20140923222114 Steps to reproduce: Navigate to http://www.bestbuy.ca or http://www.futureshop.ca in Firefox for Android Actual results: Page fails to load Expected results: Page should load like Chrome does

When entering the domain name, the user is being redirected to http://m.futureshop.ca/?lang=en (for example). This page loads a lot of JavaScript and CSS resources from an actual HTML page. This page has basically no content apart calls to JS. The page is completely blank. Given the way env.js is set up I have the feeling that outside of WebKit browsers, they didn't really care of other browsers. var env = { uagent: navigator.userAgent.toLowerCase(), isWebkit: false, isiPhone: false, isiPad: false, isAndroid: false, isAndroidCromeMobile: false, isBlackberry: false, isWindowsPhone: false, isTouchpad: false, isTouchEnabled: false, browserWidth: $(window).width(), browserHeight: $(window).height(), //… //Then env.isWebkit = /webkit/gi.test(env.uagent); env.isiPhone = /iphone/gi.test(env.uagent); env.isiPad = /ipad/gi.test(env.uagent); env.isAndroid = /android/gi.test(env.uagent); env.isAndroidCromeMobile = /mobile/gi.test(env.uagent) && /chrome/gi.test(env.uagent) && env.isAndroid; env.isPlaybook = /playbook/gi.test(env.uagent); env.isTouchpad = /touchpad/gi.test(env.uagent); env.isBlackberry = /blackberry/gi.test(env.uagent); env.isMobile = /mobile/gi.test(env.uagent) || env.isPlaybook || env.isAndroid; env.isTablet = !env.isiPhone && !env.isAndroidCromeMobile && Math.floor(env.browserWidth, env.browserHeight) > 599; env.isMobileLayout = false; env.isTabletLayout = false; env.isWindowsPhone = /windows phone/gi.test(env.uagent); env.isTouchEnabled = true || ('ontouchstart' in document.documentElement);

So many sources… of potential issues :) When faking Chrome Mobile UA it still doesn't work.

BODY is display:none. This is meant to be undone from here: mf.init({ setupAjaxPages: ac.ajaxPages, onAppStart: function() { $('body').show(); This is bug 548397 (see also webcompat.com issue 300). Sadly/luckily it's our bug and not a site issue. I think their JS makes sense (and is deep inside a library) so I'm sort of reluctant to ask them to add hacks to work around this bug. It would be nicer if we found a fix for 548397..

(Though we could of course suggest politely that they stop worrying about Flash Of Unstyled Content effects and remove the body{display:none} CSS rule. That's probably a good suggestion, given that we would like to promote unobtrusive enhancement and such..)

fixed.