960909 - hotpepper.jp sends desktop site to Firefox OS and Firefox on Android

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

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

Attachment: 078.png

Compare the responses to the following HTTP requests:

GET / HTTP/1.1
User-Agent: Mozilla/5.0 (Mobile; rv:23.0) Gecko/23.0 Firefox/23.0
Host: www.hotpepper.jp

HTTP/1.1 200 OK
Date: Fri, 17 Jan 2014 07:33:28 GMT
Set-Cookie: GalileoCookie=UtjcyKwQNg0AAGQkydcAAACF; path=/; expires=Tue, 14-Jan-25 07:33:28 GMT
Content-Type: text/html;charset=UTF-8
Content-Length: 78178
P3P: CP="NON DSP COR CURa ADMa DEVa TAIa PSDo OUR BUS UNI COM NAV STA"
Vary: Accept-Encoding,User-Agent

------------------------------------------------------------------
GET / HTTP/1.1
Host: www.hotpepper.jp
User-Agent: Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7A341 Safari/528.16
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
DNT: 1
Connection: keep-alive

HTTP/1.1 200 OK
Date: Fri, 17 Jan 2014 07:34:17 GMT
Set-Cookie: GalileoCookie=Utjc@awQNgwAAHbFNbEAAAAY; path=/; expires=Tue, 14-Jan-25 07:34:17 GMT
Set-Cookie: JSESSIONID=CE9C61D3BC90C9BAFC5125153B591803.r09_p1; Path=/
Set-Cookie: R2SESSIONID=65857C69AAA95593539EA5E78EBD4073; Expires=Sun, 16-Feb-2014 07:34:17 GMT; Path=/
Set-Cookie: R2SESSIONID=65857C69AAA95593539EA5E78EBD4073; Expires=Sun, 16-Feb-2014 07:34:17 GMT; Path=/
Content-Type: text/html;charset=UTF-8
P3P: CP="NON DSP COR CURa ADMa DEVa TAIa PSDo OUR BUS UNI COM NAV STA"
Vary: Accept-Encoding,User-Agent
Content-Length: 19584
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive

------------------------------------------------------------------

Comment 1

[Karl Dubost💡 :karlcow]

The version they serve to Chrome Mobile on Android and Safari on iOS could work on Firefox Android AND Firefox OS with a couple of simple modifications to the style sheet.

Most of the issues are related to the use of specific WebKit CSS properties without using the prefixless equivalent, mainly in base.css

Examples: 

	background: -webkit-gradient(
					linear,
					left top, left bottom,
					from(#93BBEA),
						color-stop(0.5, #4E90DC),
						color-stop(0.5, #3386E6),
					to(#468FE1)
				);


	-webkit-box-shadow: 1px 1px 2px #666;
	-webkit-border-radius: 10px;
	-webkit-transform: translate(0, 400px);	
	-webkit-transition: all 0.3s ease-out;

etc.

Surprisingly, the stylesheet top.css has the prefixless equivalents. 
Examples:
	background: -webkit-gradient( linear, left top, left bottom, from(#FAFAFA), to(#E2E2E2));
	background: -webkit-linear-gradient(top, #FAFAFA, #E2E2E2);	
	background: linear-gradient(top, #FAFAFA, #E2E2E2);

It should be easier to convince them to fix the CSS and redirects Firefox OS and Firefox Android to the mobile content.

Comment 2

[Makoto Kato [:m_kato]]

Kosaka-san, do you have the contact of hotpaper team of recruit?

Comment 3

[tkosaka]

I contacted Recruit Holdings who provides hotpaper service, and am waiting for a reply from them.

Comment 4

[Karl Dubost💡 :karlcow]

Still the case today. No change.
We need to find a direct contact probably.

Comment 5

[Makoto Kato [:m_kato]]

set needinfo to dynamis for contact

Comment 6

[Karl Dubost💡 :karlcow]

There is no more CSS issues for Firefox Android. 
The site is working well. 

And Firefox OS is receiving the mobile content too. 

This is Fixed.