956391 - realtime.com breaks with Firefox for Android and Firefox OS on mobile

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Kevin Brosnan [Ex-Mozilla]]

Attachment: VTA real time transit Fx

Opening http://www.vta.org/getting-around/transit-live/real-time-map in Firefox for Android does not display the map, nor am I able to navigate via the links in the main body of the page.

Using a desktop Firefox user agent allows the website to function as expected.

Comment 1

[Kevin Brosnan [Ex-Mozilla]]

Attachment: VTA real time transit Cr

Comment 2

[Mike Taylor [:miketaylr]]

It looks like the real bug is at http://rideonrealtime.com/RealTime.aspx (included as an iframe).

If you're a mobile phone (loosely, Chrome Mobile doesn't apply) like iOS or Firefox for Android, you get redirected to http://rideonrealtime.com/mob/Home.aspx.

But for whatever reason, Firefox for Android is missing the following scripts (which is why links with like href="javascript:__doPostBack('ctl00$mainPanel$MobMainPanel1$lbtnSchedule','')" fail):

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/WebResource.axd?d=R_MXz_xz9lYG7PRbPD6GSSSIBKCKoBxkh9VCXgR6biuNm0ua0dkaalvlGJ1CPrS9pCElUPFT12nAWT-Tc-nn_0c8FZCV67KprajEoXoxH9M1&amp;t=635211741805597480" type="text/javascript"></script>

Comment 3

[Mike Taylor [:miketaylr]]

To be more clear, we need to reach out to the people maintaining the rideonrealtime.com site and ask them to fix the bug in their serverside detection that prevents Firefox for Android from receiving the scripts it needs to work.

Comment 4

[Karl Dubost💡 :karlcow]

ok it seems related to http://kb.g-and-o.com/wiki/index.php/Live_Transit_API
which I found through http://www.rideonbus.com/
redirecting to http://www.montgomerycountymd.gov/dot-transit/index.html

There is a public https://github.com/ipublic/live_transit_api But I didn't anything specific there which would do the detection.

First attempt
http://twitter.com/MozWebCompat/status/419979062308638720

Comment 5

[Mike Taylor [:miketaylr]]

This is the closest thing to device/mobile detection I could find in that repo: https://github.com/ipublic/live_transit_api/blob/6800bb797bba7674d3c664e75a25e175d1e9a16c/config/initializers/devise.rb#L187-L188

But it seems like that it's not enabled by default.

Comment 6

[Karl Dubost💡 :karlcow]

Yet Another twitter account only broadcasting information and without a human interaction.
But before contacting, maybe something to chew on before for proposing something else:

Mike
check Bug 498447

When using Firefox for Android user agent, I get indeed in the console:
   ReferenceError: __doPostBack is not defined

Also it doesn't work because the answer being returned to Firefox Android is… interesting :)

So when the request has this form:

POST http://rideonrealtime.com/mob/Home.aspx
Host: rideonrealtime.com
User-Agent: Mozilla/5.0 (Android; Mobile; rv:26.0) Gecko/26.0 Firefox/26.0
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
Referer: http://rideonrealtime.com/mob/Home.aspx
Cookie: ASP.NET_SessionId=xiebcv4sybdj5rzkl4ie43u5
Connection: keep-alive


Content-Type: application/x-www-form-urlencoded
Content-Length: 2432

__EVENTTARGET=ctl00%24mainPanel%24MobMainPanel1%24lbtnSearchBy&__EVENTARGUMENT=&__VIEWSTATE=%2FwEPDwUKLTcxOTEzNzI2NQ9kFgJmD2QWAgIDD2QWBGYPDxYCHgRUZXh0BRFSaWRlIE9uIFJlYWwgVGltZWRkAgMPZBYCAgEPZBYCZg9kFgpmD2QWAgIHDw8WAh4HVmlzaWJsZWhkZAIBD2QWAgIBD2QWAgILD2QWAgIBD2QWAgIDDzwrABEBARAWABYAFgBkAgIPZBYCAgEPZBYCZg9kFgRmD2QWAgILD2QWDAIDDxBkZBYAZAIHDw8WAh8ABQk0LzE2LzIwMTRkZAILDxBkZBYBZmQCDQ8QZGQWAWZkAhEPEGRkFgECCmQCEw8QZGQWAQIBZAIBD2QWAgIFDzwrABEBARAWABYAFgBkAgMPZBYCAgEPZBYCAgsPZBYCZg9kFgJmD2QWAgIBDxYCHglpbm5lcmh0bWxlZAIED2QWAgIBD2QWAgIDD2QWAgIBDxYCHwAFywcNCnBhZ2UgMQ0KICAgIDxwPg0KICAgICAgICBUaGlzIGlzIGZpcnN0IGhlbHAgcGFnZS4gQ2xpY2sgPGEgaWQ9ImxpbmsxIiBocmVmPSJqYXZhc2NyaXB0Ol9fZG9Qb3N0QmFjaygnY3RsMDAkbWFpblBhbmVsJE1vYk1haW5QYW5lbDEkTW9iSGVscEJveDEkaGVscFBhbmVsJywnUGFnZTEuaHRtJykiPmhlcmU8L2E%2BIHRvIGdvIHRvIG5leHQuPC9wPg0KICAgICAgPHA%2BICBUaGlzIGlzIGZpcnN0IGhlbHAgcGFnZS4gQ2xpY2sgPGEgaWQ9IkExIiBocmVmPSJqYXZhc2NyaXB0Ol9fZG9Qb3N0QmFjaygnY3RsMDAkbWFpblBhbmVsJE1vYk1haW5QYW5lbDEkTW9iSGVscEJveDEkaGVscFBhbmVsJywncGFnZSAyLmh0bScpIj5oZXJlPC9hPiB0byBnbyB0byBuZXh0LjwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gIGRzYWRzYTwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gICZuYnNwOzwvcD4NCiAgICA8cD4gIHJyZXdyZXc8L3A%2BDQoNCmQYBQUwY3RsMDAkbWFpblBhbmVsJE1vYk1haW5QYW5lbDEkTXVsdGlWaWV3TWFpblBhbmVsDw9kZmQFPGN0bDAwJG1haW5QYW5lbCRNb2JNYWluUGFuZWwxJE1vYlJlYWxUaW1lMSRNdWx0aVZpZXdSZWFsVGltZQ8PZGZkBTVjdGwwMCRtYWluUGFuZWwkTW9iTWFpblBhbmVsMSRNb2JTY2hlZHVsZTEkbXZTY2hlZHVsZQ8PZGZkBTljdGwwMCRtYWluUGFuZWwkTW9iTWFpblBhbmVsMSRNb2JSZWFsVGltZTEkZ3ZTZWFyY2hSZXN1bHQPZ2QFOWN0bDAwJG1haW5QYW5lbCRNb2JNYWluUGFuZWwxJE1vYlNjaGVkdWxlMSRndlNlYXJjaFJlc3VsdA9nZMP9ppc7jxFXyvO%2FQeQFU%2BPNL0FMZvy2fDJLnGB9WZqx&__PREVIOUSPAGE=Q28meelRe-dp9w-yuBdbgdQJ7KCTQ19LHZHWsbVdOJiAsnS4wQ8hwXVZQkK8ZNtWvOlnE4ksrHHtsBLEcsS5PBK2-CX2l7scSkyMhz7PsL81


I get in return a body with:


Content-Type: "application/vnd.wap.xhtml+xml; charset=utf-8"

The server is Microsoft-IIS/7.5 and ASPNet "4.0.30319".
I kind of suspect an old friend… ;)

Note that identifying as "Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch)", the content-type is "application/xhtml+xml; charset=utf-8" but with an HTML without namespace which might fail too.

Some browsers receive the script
http://rideonrealtime.com/WebResource.axd?d=16M-T8-BIZjc7AT4qfJYjpACsEwYKMuiHjECJOlwXgIFFPvxMTnzLBF69uFQalQAI_WBLrtHs31BCuUYg-3cIH6EXQKqCS1ouJEmQmHBk_c1&t=635284253199414706

Some don't like Firefox Android and Firefox OS.


I can try to contact the site but there is a lot of work in server configuration so that their system works for all browsers. I wonder why why they continue UA sniffing after the first redirection. That could be a solution.

Comment 7

[Karl Dubost💡 :karlcow]

When firefox OS and Firefox Android,
The first request to http://rideonrealtime.com/mob/Home.aspx
doesn't send the following markup.

<script src="/WebResource.axd?d=16M-T8-BIZjc7AT4qfJYjpACsEwYKMuiHjECJOlwXgIFFPvxMTnzLBF69uFQalQAI_WBLrtHs31BCuUYg-3cIH6EXQKqCS1ouJEmQmHBk_c1&amp;t=635284253199414706" type="text/javascript"></script>

This script defines the features for working.
I'm not sure why the scripts are so complicated for navigating pages.
Also using POST instead of GET with links.

Comment 8

[Karl Dubost💡 :karlcow]

http://rideonrealtime.com/mob/Home.aspx seems to be now a dumb text version.
iOS and Firefox Android are redirected to http://rideonrealtime.com/mob/Home.aspx
Chrome Mobile stays on the desktop version. It's all very strange.

Not sure what to do.
Could someone test again on Chrome Android.

It sounds like a good candidate for webcompat.com because iOS seems to experience issues too.

Comment 9

[Karl Dubost💡 :karlcow]

Chrome receives a desktp@ version than Firefox Android. 
Let me close this as we receive an ok text version.
Maybe a bug to open in webcompat.com for Chrome Browser team?