1052578 - Visiting pdx.com / portofportland.com results in a blank page & PDX_Home.aspx download triggered (WAP content)

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Ed Morley [:emorley]]

1) Visit pdx.com using latest Firefox for Android Nightly on an Android 4.4 Nexus 5

Expected:
Page loads with content displayed inline

Actual:
Blank page appears & downloading starts of "PDX_Home.aspx"


(Not sure if this is tech evang or not)

Comment 1

[Ed Morley [:emorley]]

Note pdx.com redirects to portofportland.com - however visiting directly has the same effect.

Comment 2

[Aaron Train [:aaronmt]]

$ curl -ILA "Mozilla/5.0 (Android; Mobile; rv:31.0) Gecko/31.0 Firefox/31.0" http://pdx.com
HTTP/1.1 302 Found
Connection: Keep-Alive
Content-Length: 196
Date: Tue, 12 Aug 2014 17:55:49 GMT
Location: http://www.portofportland.com/PDX_Home.aspx?ep=94b712b2577f461baddde1d9e6e127df
Server: Microsoft-IIS/7.5
X-Powered-By: ASP.NET

HTTP/1.1 302 Found
Connection: Keep-Alive
Content-Length: 137
Date: Tue, 12 Aug 2014 17:55:50 GMT
Location: /mobile/default.aspx
Server: Microsoft-IIS/7.5
Cache-Control: private
Set-Cookie: ASP.NET_SessionId=mladjnx304ha5zjz0lpnqaqy; path=/; HttpOnly
Set-Cookie: 51D=635434701508973423; expires=Fri, 31-Dec-9999 23:59:59 GMT; path=/
X-Powered-By: ASP.NET

HTTP/1.1 200 OK
Connection: Keep-Alive
Content-Length: 3190
Date: Tue, 12 Aug 2014 17:55:50 GMT
Content-Type: application/vnd.wap.xhtml+xml; charset=utf-8
Server: Microsoft-IIS/7.5
Cache-Control: private
X-AspNet-Version: 4.0.30319
X-Powered-By: ASP.NET

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

They're sending WAP content to our UA.

Comment 3

[Ed Morley [:emorley]]

Contact details on:
http://www.portofportland.com/Contact_PDX.aspx

Best one looks like:
[e-mail]

Have sent them an email asking for contact details of the appropriate team, or else for them to comment here.

Comment 4

[Mike Taylor [:miketaylr]]

Thanks for reaching out, Ed.

Comment 5

[Jesse Milan]

Hey there, thanks for reaching out to us. My name is Jesse Milan and I am the web developer for the Port of Portland. We are aware that our current website has some issues, as it is a bit outdated both in technology and maintenance. To that end, we are currently undergoing a considerable effort to rebuild the website with a new tech stack. This page itself will be refactored in the very near future, but we are only doing emergency hotfixes and minor updates on the old/current site until that time. We have successfully tested the new pages and architecture in a plethora of major browsers for mobile, tablet, and PC/Mac, but have not tested on Firefox for Android. If you would be so kind, can you go to http://www2.portofportland.com/airports/troutdale and let us know if you encounter any issues, or if the page loads successfully for you. Thank you for the input! 

Sincerely, 

Jesse Milan
Port of Portland, Digital Communications team

Comment 6

[Karl Dubost💡 :karlcow]

Jesse,
thanks for the comment.
Could you tell us how the user agent detection is made? By any chance do you use browsercaps of ASP.net?

Comment 7

[Jesse Milan]

We do not use browsercaps. In some of our targeted pages, we use a regex such as 

Regex device = new Regex(@"(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino", RegexOptions.IgnoreCase | RegexOptions.Multiline);

As well as a regex on the version to redirect the user to a specific landing page for mobile, tablet, or standard browsers. I don't believe there is any browser detection on this page (PDX_Home.aspx) - as it was built about 9 years ago for PC's with a target resolution of 800 x 600. 

The new site uses CSS Media Queries, backed by Bootstrap 3 to detect browser screen dimensions.

Comment 8

[Ed Morley [:emorley]]

(In reply to Jesse Milan from comment #5)
> Hey there, thanks for reaching out to us. My name is Jesse Milan and I am
> the web developer for the Port of Portland. 

Thank you for getting back to us :-)

> We are aware that our current
> website has some issues, as it is a bit outdated both in technology and
> maintenance. To that end, we are currently undergoing a considerable effort
> to rebuild the website with a new tech stack. This page itself will be
> refactored in the very near future, but we are only doing emergency hotfixes
> and minor updates on the old/current site until that time. 

Even just showing the standard desktop site to Firefox for Android in the meantime would be a significant win. The current Firefox for Android user agent is of form:
Mozilla/5.0 (Android; Mobile; rv:26.0) Gecko/26.0 Firefox/26.0

Which is hitting the regex in comment 7 due to the "Android" and "mobile" parts

> We have
> successfully tested the new pages and architecture in a plethora of major
> browsers for mobile, tablet, and PC/Mac, but have not tested on Firefox for
> Android. If you would be so kind, can you go to
> http://www2.portofportland.com/airports/troutdale and let us know if you
> encounter any issues, or if the page loads successfully for you. Thank you
> for the input! 

That page mostly loads fine thank you (and the layout looks good on the small form factor - the only difference compared to viewing in a desktop browser is that the SideStreet map etc doesn't appear.

Comment 9

[Ed Morley [:emorley]]

The new site works well on my Nexus 5 running latest Firefox for Android nightly.
Thanks! :-)