(Mobile) Compatibility on the World Wide Web

Open Web Platform

The Open Web Platform is the collection of open (royalty-free) technologies which enables the Web. Using the Open Web Platform, everyone has the right to implement a software component of the Web without requiring any approvals or waiving license fees.

What could go wrong?

        with(navigator) {
          Browser=appName;
          Version=parseInt(appVersion.charAt(0));
        } //document.write(Browser+" "+Version+" : ");
    

window.orientation, 920342

            if (is_iphone || android) {
              var supportsOrientationChange = "onorientationchange" in window,
                  orientationEvent = supportsOrientationChange ? 
                                     "orientationchange" : "resize"
              window.addEventListener(orientationEvent, function() {
                if (window.orientation != 0)
                  badOrientation();
              }}
        

Array.prototype.values(), 883914

            me.definitions.push('function ' + name + '(' + me.fnArgs + ') {',
                            ' try { with(values) {',
                            '  ' + action,
                            ' }} catch(e) {',
                            '}',
                      '}');
        

OBVIOUSLY

When `values` is an Array in that WithStatement, any reference to "values" in the body statement would become `values.values`, referring to Array.prototype.values instead of the original object.

ehow.com, 733791

        .button {
          background:-webkit-gradient(linear,left top,right top,
                        from(#c5ccd4), color-stop(71%, #c5ccd4),
                        color-stop(72%, #cbd2d8),to(#cbd2d8));
        }
    

Fixed-ish

        .ChannelListing .crafts{
          background-color:#cfb793;
          background-image:url(/ui/images/mobile/skins/channel-listing/crafts.png);
          background-position-y:8px;
          background-position-x:7px;
        }
    

Bad Behavior 932498

            GET / HTTP/1.1

            Accept: */*

            Accept-Encoding: gzip, deflate, compress

            Host: www.sansimera.gr

            User-Agent: Mozilla/5.0 (Android; Mobile; rv:25.0) Gecko/25.0 Firefox/25.0

            

            HTTP/1.1 403 Bad Behavior
        

Spot the pattern?

            🙅 - "Mozilla/5.0 (Android; Mobile; rv:25.0) Gecko/25.0 Firefox/25.0"

            👍 - "Mozilla/5.0 (Android; Mobile; rv:25.0) Gecko/24.0 Firefox/25.0"

            👍 - "Android Mobile Gecko/24.0"

            👍 - "Android Mobile Gecko/1"

            👍 - "Android Mobile"

            🙅 - "Android Mobile Gecko/25"

            👍 - "Android Mobile Gecko/26"

            👍 - "Android Mobile Gecko/100"

        

Getting involved!*

• Test your sites and apps in multiple browsers!
• Help us test UA Detection Frameworks! (and submit patches!)!
• Confirm or triage issues!
• Report issues!
• *!
• Come say hi in #webcompat (irc.mozilla.org:6687)!