937478 - band.uol.com.br recognizes B2G UA as an iPhone

Status: RESOLVED INVALID

(Web Compatibility :: Mobile, defect, P5)

Description

[Leo Balter]

Site: http://band.uol.com.br
band.uol.com.br recognizes B2G UA as an iPhone

:: Steps To Reproduce

1. open band.uol.com.br
2. it shows the mobile version
3. And shows you a big popup to install the iPhone app on your device
...

:: Expected Result

I won't install iphone apps on my Firefox OS device. 

:: Actual Result

The site opens a big popup offering the iPhone app.

:: Additional Information

Software Version: Firefox OS 1.1.0.1
Device Information: LG Fireweb D300. Firefox OS 1.1
Reporter's User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:28.0) Gecko/20100101 Firefox/28.0

Comment 1

[Karl Dubost💡 :karlcow]

I'm not having this behavior. 
Firefox OS receives the desktop site.  

Leonardo, could you go to http://echo.opera.com/ with FireWeb and post the HTTP headers here. :)

Thanks.

Comment 2

[Mike Taylor [:miketaylr]]

Strange Karl. I get the Mobile site on my device (but the Desktop site when spoofing as FxOS from Desktop). And can confirm the popup to install an app. Let me hook up remote debugging to take a closer look.

Comment 3

[Karl Dubost💡 :karlcow]

hmm could you remove the uol.com.br, erase the cookies and sees if it's working?

Comment 4

[Karl Dubost💡 :karlcow]

On iPodTouch, there is a redirection to http://www.band.uol.com.br/m/
I have the feeling it is client side.

Let's see. Bingo

<script language="javascript">
			var ua = navigator.userAgent;
			var iOS = /iPhone/i.test(ua) || /iPod/i.test(ua) || /Android/i.test(ua) ;
				
			if(iOS){						
				//alert(iOS);
				window.location.href='http://www.band.com.br/m/';
			}
		</script>

Comment 5

[Mike Taylor [:miketaylr]]

Just removed the uol.com.br override and now I get the desktop site. So somehow the bare uol.com.br override is affecting this site(?).

The notice to add the site to the iPhone homescreen is hard-coded in the HTML of the /m/ site (which is strange since they're sending Android users there too):

<!-- Modal Webapp -->
<div id="webapp">
	<a class="bt_fechar sprite" href="javascript: void(0)"></a>
	<img class="ico_band" src="imagens/app_icon.jpg" alt="">
	<h1>Instale o atalho em seu iPhone.</h1>
	<p>Aperte ‘<img src="imagens/ico_iphone.png" alt="">’  e selecione “Adicionar à tela  Início”</p>
	<span class="seta sprite"></span>
</div>

Comment 6

[Leo Balter]

Sorry about the delay, Karl.

Here are the results:

Host:	echo.opera.com
User-Agent:	Mozilla/5.0 (Mobile; LG-D300; rv:18.1)) Gecko/18.1 Firefox/18.1
Accept:	text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language:	pt-BR,en-US;q=0.7,en;q=0.3
Accept-Encoding:	gzip, deflate
Connection:	keep-alive

Comment 7

[Leo Balter]

Attachment: echo.opera.com screenshot from Fireweb

Comment 8

[Karl Dubost💡 :karlcow]

When accessing http://www.band.uol.com.br/ with a brazilian Firefox OS phone, the user is receiving a desktop version when iOS or Firefox for Android are receiving the mobile version.


→ http --print hH GET http://www.band.uol.com.br/ "User-Agent: Mozilla/5.0 (Mob
ile; LG-D300; rv:18.1) Gecko/18.1 Firefox/18.1"
GET / HTTP/1.1
Accept: */*
Accept-Encoding: gzip, deflate, compress
Host: www.band.uol.com.br
User-Agent:  Mozilla/5.0 (Mobile; LG-D300; rv:18.1) Gecko/18.1 Firefox/18.1

HTTP/1.1 200 OK
Accept-Ranges: bytes
Cache-Control: max-age=0, no-cache, no-store
Connection: keep-alive
Content-Encoding: gzip
Content-Length: 26170
Content-Type: text/html
Date: Wed, 12 Feb 2014 07:19:39 GMT
ETag: "5ce189ed9c27cf1:0"
Expires: Wed, 12 Feb 2014 07:19:39 GMT
Last-Modified: Wed, 12 Feb 2014 02:48:37 GMT
Pragma: no-cache
Server: Microsoft-IIS/7.5
Vary: Accept-Encoding
X-Powered-By: ASP.NET
X-UA-Compatible: IE=EmulateIE9


We get the desktop version. The redirection is still based on the client side script. Firefox for Android is receiving a working version of the site. 

The script is at the line 37

<script language="javascript">
			var ua = navigator.userAgent;
			var iOS = /iPhone/i.test(ua) || /iPod/i.test(ua) || /Android/i.test(ua) ;
				
			if(iOS){						
				//alert(iOS);
				window.location.href='http://www.band.com.br/m/';
			}
		</script>

Comment 9

[Karl Dubost💡 :karlcow]

To fix this Web site is quite straight forward.
Replace the current client side script with 


<script language="javascript">
   var ua = navigator.userAgent.toLowerCase();
   var ismobile = /mobi/i.test(ua) || /android/i.test(ua);
   if(ismobile){
      //alert(ismobile);
      window.location.href='http://www.band.com.br/m/';
   }
</script>

This will catch a lot more devices.

Comment 10

[Karl Dubost💡 :karlcow]

Attempting another contact.
http://twitter.com/MozWebCompat/status/483513242623279104

Comment 11

[Karl Dubost💡 :karlcow]

Thiago, could you help us find the right person for this bug?
Thanks a lot.

Comment 12

[thiagotf9]

Hi Guys. I'll contact the responsible team.

Comment 13

[Karl Dubost💡 :karlcow]

Thanks!

Comment 14

[Karl Dubost💡 :karlcow]

Thiago, do you have news about this? thanks :)

Comment 15

[Karl Dubost💡 :karlcow]

B2G receives a desktop site now.

I will close it as invalid. 
If someone wants to reach out for getting a mobile site, please open a new bug.

Comment 16

[thiagotf9]

Cool, I don't work anymore in this company, but if u have problems I can pass to someone there.