mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-16 22:10:25 +00:00
164 lines
5.7 KiB
JavaScript
164 lines
5.7 KiB
JavaScript
//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
|
|
//>>description: Assorted support tests.
|
|
//>>label: Support Tests
|
|
//>>group: core
|
|
//>>required: true
|
|
|
|
// For test purposes we can't use anonymous module here otherwise
|
|
// the tests will throw http://requirejs.org/docs/errors.html#mismatch
|
|
define( "jquery.mobile.support", [ "jquery", "jquery.mobile.media" ], function( $ ) {
|
|
//>>excludeEnd("jqmBuildExclude");
|
|
(function( $, undefined ) {
|
|
|
|
var fakeBody = $( "<body>" ).prependTo( "html" ),
|
|
fbCSS = fakeBody[ 0 ].style,
|
|
vendors = [ "Webkit", "Moz", "O" ],
|
|
webos = "palmGetResource" in window, //only used to rule out scrollTop
|
|
operamini = window.operamini && ({}).toString.call( window.operamini ) === "[object OperaMini]",
|
|
bb = window.blackberry; //only used to rule out box shadow, as it's filled opaque on BB
|
|
|
|
// thx Modernizr
|
|
function propExists( prop ) {
|
|
var uc_prop = prop.charAt( 0 ).toUpperCase() + prop.substr( 1 ),
|
|
props = ( prop + " " + vendors.join( uc_prop + " " ) + uc_prop ).split( " " );
|
|
|
|
for ( var v in props ){
|
|
if ( fbCSS[ props[ v ] ] !== undefined ) {
|
|
return true;
|
|
}
|
|
}
|
|
}
|
|
|
|
function validStyle( prop, value, check_vend ) {
|
|
var div = document.createElement('div'),
|
|
uc = function( txt ) {
|
|
return txt.charAt( 0 ).toUpperCase() + txt.substr( 1 )
|
|
},
|
|
vend_pref = function( vend ) {
|
|
return "-" + vend.charAt( 0 ).toLowerCase() + vend.substr( 1 ) + "-";
|
|
},
|
|
check_style = function( vend ) {
|
|
var vend_prop = vend_pref( vend ) + prop + ": " + value + ";",
|
|
uc_vend = uc( vend ),
|
|
propStyle = uc_vend + uc( prop );
|
|
|
|
div.setAttribute( "style", vend_prop );
|
|
|
|
if( !!div.style[ propStyle ] ) {
|
|
ret = true;
|
|
}
|
|
},
|
|
check_vends = check_vend ? [ check_vend ] : vendors,
|
|
ret;
|
|
|
|
for( i = 0; i < check_vends.length; i++ ) {
|
|
check_style( check_vends[i] );
|
|
}
|
|
return !!ret;
|
|
}
|
|
|
|
// Thanks to Modernizr src for this test idea. `perspective` check is limited to Moz to prevent a false positive for 3D transforms on Android.
|
|
function transform3dTest() {
|
|
var prop = "transform-3d";
|
|
return validStyle( 'perspective', '10px', 'moz' ) || $.mobile.media( "(-" + vendors.join( "-" + prop + "),(-" ) + "-" + prop + "),(" + prop + ")" );
|
|
}
|
|
|
|
// Test for dynamic-updating base tag support ( allows us to avoid href,src attr rewriting )
|
|
function baseTagTest() {
|
|
var fauxBase = location.protocol + "//" + location.host + location.pathname + "ui-dir/",
|
|
base = $( "head base" ),
|
|
fauxEle = null,
|
|
href = "",
|
|
link, rebase;
|
|
|
|
if ( !base.length ) {
|
|
base = fauxEle = $( "<base>", { "href": fauxBase }).appendTo( "head" );
|
|
} else {
|
|
href = base.attr( "href" );
|
|
}
|
|
|
|
link = $( "<a href='testurl' />" ).prependTo( fakeBody );
|
|
rebase = link[ 0 ].href;
|
|
base[ 0 ].href = href || location.pathname;
|
|
|
|
if ( fauxEle ) {
|
|
fauxEle.remove();
|
|
}
|
|
return rebase.indexOf( fauxBase ) === 0;
|
|
}
|
|
|
|
|
|
// non-UA-based IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683
|
|
// allows for inclusion of IE 6+, including Windows Mobile 7
|
|
$.extend( $.mobile, { browser: {} } );
|
|
$.mobile.browser.ie = (function() {
|
|
var v = 3,
|
|
div = document.createElement( "div" ),
|
|
a = div.all || [];
|
|
|
|
// added {} to silence closure compiler warnings. registering my dislike of all things
|
|
// overly clever here for future reference
|
|
while ( div.innerHTML = "<!--[if gt IE " + ( ++v ) + "]><br><![endif]-->", a[ 0 ] ){};
|
|
|
|
return v > 4 ? v : !v;
|
|
})();
|
|
|
|
|
|
$.extend( $.support, {
|
|
orientation: "orientation" in window && "onorientationchange" in window,
|
|
touch: "ontouchend" in document,
|
|
cssTransitions: "WebKitTransitionEvent" in window || validStyle( 'transition', 'height 100ms linear' ),
|
|
pushState: "pushState" in history && "replaceState" in history,
|
|
mediaquery: $.mobile.media( "only all" ),
|
|
cssPseudoElement: !!propExists( "content" ),
|
|
touchOverflow: !!propExists( "overflowScrolling" ),
|
|
cssTransform3d: transform3dTest(),
|
|
boxShadow: !!propExists( "boxShadow" ) && !bb,
|
|
scrollTop: ( "pageXOffset" in window || "scrollTop" in document.documentElement || "scrollTop" in fakeBody[ 0 ] ) && !webos && !operamini,
|
|
dynamicBaseTag: baseTagTest()
|
|
});
|
|
|
|
fakeBody.remove();
|
|
|
|
|
|
// $.mobile.ajaxBlacklist is used to override ajaxEnabled on platforms that have known conflicts with hash history updates (BB5, Symbian)
|
|
// or that generally work better browsing in regular http for full page refreshes (Opera Mini)
|
|
// Note: This detection below is used as a last resort.
|
|
// We recommend only using these detection methods when all other more reliable/forward-looking approaches are not possible
|
|
var nokiaLTE7_3 = (function(){
|
|
|
|
var ua = window.navigator.userAgent;
|
|
|
|
//The following is an attempt to match Nokia browsers that are running Symbian/s60, with webkit, version 7.3 or older
|
|
return ua.indexOf( "Nokia" ) > -1 &&
|
|
( ua.indexOf( "Symbian/3" ) > -1 || ua.indexOf( "Series60/5" ) > -1 ) &&
|
|
ua.indexOf( "AppleWebKit" ) > -1 &&
|
|
ua.match( /(BrowserNG|NokiaBrowser)\/7\.[0-3]/ );
|
|
})();
|
|
|
|
$.mobile.ajaxBlacklist =
|
|
// BlackBerry browsers, pre-webkit
|
|
window.blackberry && !window.WebKitPoint ||
|
|
// Opera Mini
|
|
operamini ||
|
|
// Symbian webkits pre 7.3
|
|
nokiaLTE7_3;
|
|
|
|
// Lastly, this workaround is the only way we've found so far to get pre 7.3 Symbian webkit devices
|
|
// to render the stylesheets when they're referenced before this script, as we'd recommend doing.
|
|
// This simply reappends the CSS in place, which for some reason makes it apply
|
|
if ( nokiaLTE7_3 ) {
|
|
$(function() {
|
|
$( "head link[rel='stylesheet']" ).attr( "rel", "alternate stylesheet" ).attr( "rel", "stylesheet" );
|
|
});
|
|
}
|
|
|
|
// For ruling out shadows via css
|
|
if ( !$.support.boxShadow ) {
|
|
$( "html" ).addClass( "ui-mobile-nosupport-boxshadow" );
|
|
}
|
|
|
|
})( jQuery );
|
|
//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
|
|
});
|
|
//>>excludeEnd("jqmBuildExclude");
|