|
<? Php
Require_once 'mobile _ Detect. Php ';
$ Detect = new Mobile_Detect;
$ 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 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; color: #333333; background-color: # ffffff; max-width: 320px ;}
Body, td {font-size: 1em ;}
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: 2em ;}
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: 1em;-moz-border-radius: 1em;-webkit-border-radius: 1em; padding: 0.5em 1em; cursor: pointer ;}
. SendDataButton_yes {
Color: white;
Border: 1px solid # 56A00E;
Background: #74B042;
Font-weight: bold;
Color: # ffffff;
Text-shadow: 0 1px 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: 1px solid # cd2c24;
Background: red;
Font-weight: bold;
Color: # ffffff;
Text-shadow: 0 1px 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>
</Head>
<Body>
<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>
</Section>
<! -- Copy to GitHub demo. php -->
<Section>
<H1> Supported methods
<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 echo var_dump ($ detect-> isiphone ();?> </Td>
</Tr>
<Tr>
<Td> isIphone () </td>
<Td> <? Php echo var_dump ($ detect-> isIphone ();?> </Td>
</Tr>
<Tr>
<Td> istablet () </td>
<Td> <? Php echo var_dump ($ detect-> istablet ();?> </Td>
</Tr>
<Tr>
<Td> isIOS () </td>
<Td> <? Php echo var_dump ($ detect-> isIOS ();?> </Td>
</Tr>
<Tr>
<Td> isWhateverYouWant () </td>
<Td class = "randomcrap"> <? Php echo var_dump ($ detect-> isWhateverYouWant ();?> </Td>
</Tr>
</Tbody>
</Table>
</Section>
</Body>
</Html> |
