890871 - shop.mango.com doesn't display mobile site in Gaia browser

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[efrat]

User Agent: Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.116 Safari/537.36

Steps to reproduce:

Browsed to "http://shop.mango.com/mobile/preHome.faces" from Gaia browser

Tested on device: 
Model: ZTE Open
OS version: 1.0.1.0-prerelease
Firmware: V1.01.00.01.019.111
Platform:18.0
Build identifier:20130522003459


Actual results:

After selecting country, the site uploads as a desktop site and not mobile adjusted



Expected results:

The web page should have been displayed correctly for mobile 
Displays correctly as a mobile site on Firefox for Android and Chrome for Android

Comment 1

[Hallvord R. M. Steen [:hallvors]]

The sniffing is here:

GET /index.faces?sw=1024 HTTP/1.1
User-Agent: Mozilla/5.0 (Android; Mobile; rv:23.0) Gecko/23.0 Firefox/23.0
Host: shop.mango.com
Accept: text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/webp, image/jpeg, image/gif, image/x-xbitmap, */*;q=0.1
Accept-Language: nb-NO,nb;q=0.9,no-NO;q=0.8,no;q=0.7,en;q=0.6
Accept-Encoding: gzip, deflate
Referer: http://shop.mango.com/
Cookie: JSESSIONID=C3275BEA11ABED77998D417609829A9A
Connection: Keep-Alive
Pragma: no-cache

HTTP/1.1 302 Moved Temporarily
Server: Apache-Coyote/1.1
Location: http://shop.mango.com/prehomemobile.faces
mng_sslpage: false
Content-Length: 0
Cache-Control: no-cache
Pragma: no-cache
Date: Mon, 21 Oct 2013 11:03:47 GMT
Connection: keep-alive
Set-Cookie: oam.Flash.RENDERMAP.TOKEN=-ulvengatn; Path=/
Set-Cookie: oam.Flash.REDIRECT=true; Path=/

Comment 2

[Karl Dubost💡 :karlcow]

Start menu with a background image and then selection of countries and languages.

On Firefox Android, the background image doesn't load at the start. 
On Firefox OS, the desktop site is sent. The background image appears after a long time.

ok it seems that Mango is a Spanish company. We can learn every day ;)

"Mango-On Line S.A. and Punto FA, S.L. c/ Mercaders, 9-11. Pol. Ind. Riera de Caldes. 08184 Palau-Solità i Plegamans. Barcelona. E-mail: [e-mail]"

Comment 3

[Karl Dubost💡 :karlcow]

They also have a form for contact 

http://www.mango.com/web/formulari/formshop.php?idioma=IN&pais=404&proc=mangoshop

Comment 4

[Adam Stevenson [:adamopenweb]]

Trying to contact using the sites form first.

Comment 5

[Adam Stevenson [:adamopenweb]]

This website is using server side user agent detection to determine if a user is browsing using a desktop or mobile client. Unfortunately the site is not properly detecting the user agent string for mobile Firefox browsers. This is causing Firefox mobile browsers to be redirected to the desktop version of the website rather than mobile.

Comment 6

[Adam Stevenson [:adamopenweb]]

Trying to reach on twitter https://twitter.com/MozWebCompat/status/434443760752021504.

Comment 7

[Adam Stevenson [:adamopenweb]]

The site has changed to responsive design but still has bugs on FFOS.

Landing page: FFOS gets a desktop version, hard to see/click the button.

Main page: Responsive design seems to work on FFOS, menu works OK.

Catalog page (http://shop.mango.com/catalog.faces?state=she_404_IN): FFOS switches back to desktop view. In a desktop browser I can see the responsive site switching to a mobile "view" around 690px width. Not sure why this is happening. Maybe Hallvord can help?

Comment 8

[Hallvord R. M. Steen [:hallvors]]

Nicely done responsive design there :)
The switch "around 690px width" is probably due to the 

@media screen and (max-width:703px)

part of the stylesheet.

I don't understand why it doesn't switch to the mobile rendering for Fx OS. I tried adding an alert(window.innerWidth) to one of the first scripts, it says 360 and *with the alert() script present, the page ends up rendering in mobile mode*! Removing the alert() and reloading makes it render "desktop-like" again. Looks like a timing-related bug to me, I think you should close this bug as fixed and report another one on this problem..

Comment 9

[Adam Stevenson [:adamopenweb]]

Closing as fixed, opened bug #997728 for new issue.

Comment 10

[Hallvord R. M. Steen [:hallvors]]

(I note that Firefox on Android still get redirected to the /prehomemobile.faces URL - even though they've been working towards a more responsive design they don't yet send same content to all clients. So the backend issue this bug was about is still there - but if we fix 997728 it might become irrelevant..)