2015-08-06 16:43:30 +02:00
< ? php
/**
* MIT License
* ===========
*
* Permission is hereby granted , free of charge , to any person obtaining
* a copy of this software and associated documentation files ( the
* " Software " ), to deal in the Software without restriction , including
* without limitation the rights to use , copy , modify , merge , publish ,
* distribute , sublicense , and / or sell copies of the Software , and to
* permit persons to whom the Software is furnished to do so , subject to
* the following conditions :
*
* The above copyright notice and this permission notice shall be included
* in all copies or substantial portions of the Software .
*
* THE SOFTWARE IS PROVIDED " AS IS " , WITHOUT WARRANTY OF ANY KIND , EXPRESS
* OR IMPLIED , INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
* MERCHANTABILITY , FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT .
* IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
* CLAIM , DAMAGES OR OTHER LIABILITY , WHETHER IN AN ACTION OF CONTRACT ,
* TORT OR OTHERWISE , ARISING FROM , OUT OF OR IN CONNECTION WITH THE
* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE .
*
* -----------------------------------------------------------------------
* The demo is running all the Mobile_Detect ' s internal methods .
* Here you can spot detections errors instantly .
* -----------------------------------------------------------------------
*
* @ author Serban Ghita < serbanghita @ gmail . com >
* @ license MIT License https :// github . com / serbanghita / Mobile - Detect / blob / master / LICENSE . txt
*
*/
require_once '../Mobile_Detect.php' ;
$detect = new Mobile_Detect ;
2015-12-07 13:53:59 +01:00
2015-08-06 16:43:30 +02:00
$deviceType = ( $detect -> isMobile () ? ( $detect -> isTablet () ? 'tablet' : 'phone' ) : 'computer' );
$scriptVersion = $detect -> getScriptVersion ();
?> <!DOCTYPE html>
< html xmlns = " http://www.w3.org/1999/xhtml " lang = " en " xml : lang = " en " >
< head >
< meta charset = " utf-8 " >
< meta name = " viewport " content = " width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no " >
< title > Mobile Detect Local Demo </ title >
< style type = " text/css " >
html { font - size : 100 % ; - webkit - text - size - adjust : 100 % ; - ms - text - size - adjust : 100 % ; }
body { margin : 0 ; padding : 0 1 em ; font - family : " Helvetica Neue " , Helvetica , Arial , sans - serif ; font - size : 1 em ; color : #333333; background-color: #ffffff; max-width:320px; }
body , td { font - size : 1 em ; }
table th { text - align : left ; }
a { color : #0088cc; text-decoration: underline; }
a : hover { color : #005580; text-decoration: underline; }
header h1 small { font - size : small ; }
section { margin - bottom : 2 em ; }
section h1 { font - size : 100 % ; }
. infoText { font - size : 85 % ; }
. response { color : red ; }
. computer { background - color : blue ; color : white ; }
. tablet { background - color : yellow ; color : black ; }
. phone , . true { background - color : green ; color : white ; }
. sendDataButton { border - radius : 1 em ; - moz - border - radius : 1 em ; - webkit - border - radius : 1 em ; padding : 0.5 em 1 em ; cursor : pointer ; }
. sendDataButton_yes {
color : white ;
border : 1 px solid #56A00E;
background : #74B042;
font - weight : bold ;
color : #ffffff;
text - shadow : 0 1 px 0 #335413;
background - image : - webkit - gradient ( linear , left top , left bottom , from ( #74B042 ), to( #56A00E )); /* Saf4+, Chrome */
background - image : - webkit - linear - gradient ( #74B042 , #56A00E ); /* Chrome 10+, Saf5.1+ */
background - image : - moz - linear - gradient ( #74B042 , #56A00E ); /* FF3.6 */
background - image : - ms - linear - gradient ( #74B042 , #56A00E ); /* IE10 */
background - image : - o - linear - gradient ( #74B042 , #56A00E ); /* Opera 11.10+ */
background - image : linear - gradient ( #74B042 , #56A00E );
}
. sendDataButton_no {
color : white ;
border : 1 px solid #cd2c24;
background : red ;
font - weight : bold ;
color : #ffffff;
text - shadow : 0 1 px 0 #444444;
background - image : - webkit - gradient ( linear , left top , left bottom , from ( #e13027 ), to( #b82720 )); /* Saf4+, Chrome */
background - image : - webkit - linear - gradient ( #e13027 , #b82720 ); /* Chrome 10+, Saf5.1+ */
background - image : - moz - linear - gradient ( #e13027 , #b82720 ); /* FF3.6 */
background - image : - ms - linear - gradient ( #e13027 , #b82720 ); /* IE10 */
background - image : - o - linear - gradient ( #e13027 , #b82720 ); /* Opera 11.10+ */
background - image : linear - gradient ( #e13027 , #b82720 );
}
#feedbackForm fieldset { border:1px dotted #333; }
#feedbackForm label { font-weight:bold; font-size:85%; }
#feedbackForm textarea { width: 260px; }
</ style >
< script src = " //code.jquery.com/jquery-1.7.1.min.js " ></ script >
< script type = " text/javascript " >
$ ( document ) . ready ( function (){
$ ( '.sendDataButton' ) . bind ( 'click.demo' , function ( e ){
$button = $ ( this );
e . preventDefault ();
$ . ajax ({
url : 'http://demo.mobiledetect.net/?page=addItem' ,
type : 'POST' ,
dataType : 'jsonp' ,
data : {
remoteDetails : $ ( '#remoteDetails' ) . val (),
remoteAnswer : $ ( this ) . attr ( 'data-answer' ),
uaStringFromJS : escape ( navigator . userAgent ),
deviceWidth : $ ( window ) . width (),
deviceHeight : $ ( window ) . height (),
source : 'demoFeedback'
},
beforeSend : function (){
$button . html ( 'Loading...' );
},
success : function ( r ){
$ ( '#feedbackForm' ) . html ( '<p class="response">' + r . msg + '</p>' );
}
});
});
$ . ajax ({
url : 'http://demo.mobiledetect.net/?page=addItem' ,
type : 'POST' ,
dataType : 'jsonp' ,
data : {
//uaStringFromJS: escape(navigator.userAgent),
deviceWidth : $ ( window ) . width (),
deviceHeight : $ ( window ) . height (),
devicePixelRatio : ( typeof window . devicePixelRatio !== 'undefined' ? window . devicePixelRatio : 0 ),
'source' : 'demoVisitor'
},
success : function ( r ){
try { console . log ( r ); } catch ( e ) { }
}
});
});
</ script >
</ head >
< body >
< header >
< h1 >< a href = " https://github.com/serbanghita/Mobile-Detect " > Mobile_Detect </ a > < small > v . < ? php echo $scriptVersion ; ?> </small></h1>
< p class = " infoText " > The lightweight PHP class for detecting mobile devices .</ p >
</ header >
<!-- copy to GitHub with a couple of changes -->
< section >
< p > This is a < b >< ? php echo $deviceType ; ?> </b>. Your UA is <b class="<?php echo $deviceType; ?>"><?php echo htmlentities($_SERVER['HTTP_USER_AGENT']); ?></b></p>
< p class = " infoText " > Please help us improve the mobile detection by choosing the correct answer .< br >
2015-12-07 13:53:59 +01:00
Before sending an answer double check that you are using the browser in its normal mode , not in 'Desktop mode' .< br >
2015-08-06 16:43:30 +02:00
You can contribute by :< br >
1. < a href = " https://github.com/serbanghita/Mobile-Detect " > forking </ a > the project < br >
2. < a href = " https://github.com/serbanghita/Mobile-Detect/issues/new?body=Please%20specify%20the%20User-Agent.%20Go%20to%20http://is.gd/mobiletest%20and%20copy-paste%20it%20here. " > submiting an issue </ a >< br >
3. sending us feedback below
</ p >
< form id = " feedbackForm " >
< fieldset >
< legend > Contribute </ legend >
< h1 > Is your device really a < ? php echo $deviceType ; ?> ?</h1>
< p >
< label for = " remoteDetails " > Additional feedback :</ label >< br >
< textarea name = " remoteDetails " id = " remoteDetails " ></ textarea >
</ p >
< button class = " sendDataButton sendDataButton_yes " data - answer = " yes " > ♥ Yes , it 's correct.</button> <button class="sendDataButton sendDataButton_no" data-answer="no">No, it' s wrong !</ button >
</ fieldset >
</ form >
</ section >
<!-- copy to GitHub demo . php -->
< section >
< h1 > Supported methods </ h1 >
< table cellspacing = " 0 " cellpadding = " 0 " >
< tbody >
< tr >
< th colspan = " 2 " > Basic detection methods </ th >
</ tr >
< tr >
< td > isMobile () </ td >< td < ? php $check = $detect -> isMobile (); if ( $check ) : ?> class="true"<?php endif; ?>><?php var_dump($check); ?></td>
</ tr >
< tr >
< td > isTablet () </ td >< td < ? php $check = $detect -> isTablet (); if ( $check ) : ?> class="true"<?php endif; ?>><?php var_dump($check); ?></td>
</ tr >
</ tbody >
< tbody >
< tr >
< th colspan = " 2 " > Custom detection methods </ th >
</ tr >
< ? php foreach ( $detect -> getRules () as $name => $regex ) :
$check = $detect -> { 'is' . $name }();
?>
< tr >
< td > is < ? php echo $name ; ?> ()</td>
< td < ? php if ( $check ) : ?> class="true"<?php endif; ?>><?php var_dump($check); ?></td>
</ tr >
< ? php endforeach ; ?>
</ tbody >
< tbody >
< tr >
< th colspan = " 2 " > Experimental version () method </ th >
</ tr >
< ? php
foreach ( $detect -> getProperties () as $name => $match ) :
$check = $detect -> version ( $name );
if ( $check !== false ) :
?>
< tr >
< td > version ( < ? php echo $name ; ?> )</td>
< td >< ? php var_dump ( $check ); ?> </td>
</ tr >
< ? php endif ; ?>
< ? php endforeach ; ?>
</ tbody >
< tbody >
< tr >
< th colspan = " 2 " > Other tests </ th >
</ tr >
< tr >
< td > isiphone () </ td >
< td >< ? php var_dump ( $detect -> isiphone ()); ?> </td>
</ tr >
< tr >
< td > isIphone () </ td >
< td >< ? php var_dump ( $detect -> isIphone ()); ?> </td>
</ tr >
< tr >
< td > istablet () </ td >
< td >< ? php var_dump ( $detect -> istablet ()); ?> </td>
</ tr >
< tr >
< td > isIOS () </ td >
< td >< ? php var_dump ( $detect -> isIOS ()); ?> </td>
</ tr >
< tr >
< td > isWhateverYouWant () </ td >
< td class = " randomcrap " >< ? php var_dump ( $detect -> isWhateverYouWant ()); ?> </td>
</ tr >
</ tbody >
2015-12-07 13:53:59 +01:00
< tbody >
< tr >
< th colspan = " 2 " > Debug </ th >
</ tr >
< tr >
< td > Matching Regex </ td >
< td >< ? php var_dump ( $detect -> getMatchingRegex ()); ?> </td>
</ tr >
< tr >
< td > Matching Array </ td >
< td >< ? php var_dump ( $detect -> getMatchesArray ()); ?> </td>
</ tr >
</ tbody >
2015-08-06 16:43:30 +02:00
</ table >
</ section >
</ body >
</ html >
