964597 - www.leroymerlin.fr sends desktop site to Firefox OS

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Karl Dubost💡 :karlcow]

Attachment: 046.png

Server Side detection. Fix by recognizing the Firefox OS user agent

→ echo "";echo ""; URI='http://www.leroymerlin.fr/';echo "# iOS SAFARI"; http -
-print hH GET $URI "User-Agent: $APHUA"  ;echo "# FIREFOX OS"; http --print hH 
GET $URI "User-Agent: $FOSUA"  


# iOS SAFARI
GET / HTTP/1.1
Accept: */*
Accept-Encoding: gzip, deflate, compress
Host: www.leroymerlin.fr
User-Agent:  Mozilla/5.0 (iPhone; CPU iPhone OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3

HTTP/1.1 200 OK
Cache-control: no-cache
Content-Encoding: gzip
Content-Length: 3136
Content-Type: text/html;charset=ISO-8859-1
Date: Tue, 28 Jan 2014 03:08:38 GMT
Expires: Tue, 28 Jan 2014 01:08:38 GMT
Set-Cookie: JSESSIONID=9DBC3CE10D3F5B7D194A0ED4BCF67BE0; Path=/; HttpOnly
Set-Cookie: lmvip=238266560.20480.0000; expires=Tue, 28-Jan-2014 07:08:38 GMT; path=/
Vary: User-Agent,Accept-Encoding

# FIREFOX OS
GET / HTTP/1.1
Accept: */*
Accept-Encoding: gzip, deflate, compress
Host: www.leroymerlin.fr
User-Agent:  Mozilla/5.0 (Mobile; rv:18.0) Gecko/18.0 Firefox/18.0

HTTP/1.1 200 OK
Cache-control: no-cache
Content-Encoding: gzip
Content-Length: 20001
Content-Type: text/html;charset=ISO-8859-1
Date: Tue, 28 Jan 2014 03:08:39 GMT
Expires: Tue, 28 Jan 2014 01:08:39 GMT
Set-Cookie: JSESSIONID=D44EE6CBFCEEBDA2FA80A4B8D6AA6432; Path=/; HttpOnly
Set-Cookie: lmvip=221489344.20480.0000; expires=Tue, 28-Jan-2014 07:08:39 GMT; path=/
Vary: User-Agent,Accept-Encoding

Comment 1

[Xavier]

Problem reported via Twitter : https://twitter.com/valeryan24/status/428212300525223936

But with Firefox on Android, I have not the same mobile site version as yours in IOS with Safari.

It seems to be also near to the desktop one but this time the whole page is adapted to the screen area and size :
http://i.imgur.com/PoE3deX.png

With phone on horizontal mode :
http://i.imgur.com/19KRnBC.png

So perhaps a problem with Firefox browser, too !

Comment 2

[Karl Dubost💡 :karlcow]

Xavier,
On devices, this is what I get

* Firefox OS  Firefox   Desktop 
* Android     Firefox   Desktop
* Android     UCWeb     Mobile
* Android     Opera (p) Mobile
* Android     OperaMini Mobile
* iOS         Safari    Mobile

So definitely user agent sniffing going on :) The difference you see with the simulator is due to the simulation of a combination of viewport and screensize, I guess, but both are desktop site.

For Leroy Merlin Web developers:

Firefox OS:      Mozilla/5.0 (Mobile; rv:18.0) Gecko/18.0 Firefox/18.0
Firefox Android: Mozilla/5.0 (Android; Mobile; rv:18.0) Gecko/18.0 Firefox/18.0

where "18.0" is a version number. We usually recommend to use /mobi/ for the string to identify.
Though they might be dependent on a specific external framework, we would be happy to help fixing if not done yet.

Comment 3

[Ludo L]

Hello Karl, Xavier,

Firefox Mobile user agent has been added to the list of mobile device.
Can you confirm bug is solved ?

Thanks for your help.

ludo

Comment 4

[Xavier]

Yes, now it works well on Firefox OS SImulator and on Firefox browser on Android, thanks for the quick reaction !

Needs just a verification on a real FF OS phone.

Comment 5

[Mike Taylor [:miketaylr]]

Very cool, getting the mobile site on my Geeksphone peak. Thanks!