{"id":5427,"date":"2016-01-22T14:11:14","date_gmt":"2016-01-22T22:11:14","guid":{"rendered":"http:\/\/www.dognmonkey.com\/techs\/?p=5427"},"modified":"2016-02-05T13:33:38","modified_gmt":"2016-02-05T21:33:38","slug":"how-to-remove-scripts-on-mobile-devices","status":"publish","type":"post","link":"https:\/\/www.dognmonkey.com\/techs\/how-to-remove-scripts-on-mobile-devices.html","title":{"rendered":"How To Remove Scripts On Mobile Devices"},"content":{"rendered":"

I use responsive viewport tags for my blogs and they’ve been working every well across all mobile devices. I have a jQuery called imgPreview<\/a> and it works quite well on Desktops and tablets, but not well on small devices like iPhones, Android Phones, iPod Touches. I created a footer-phone.php to remove all scripts that don’t work well for small width devices. Now I need to load the footer-phone.php for all small mobile devices.<\/p>\n

WordPress has wp_is_mobile() that works quite well for detecting mobile devices, but I want the imgPreview to work with Tablets: iPads, Android and Windows tablets. Mobile_Detect.php<\/a> comes handy since it detects phones and tablets.<\/p>\n

This is how I did mine and it seems to work very well, imgPreview works on Desktop and iPads, Android pads.<\/p>\n

\"z_theme_root\"<\/a><\/p>\n

    \n
  1. Download Mobile_Detect.php to the theme root folder.<\/li>\n
  2. Add these codes to Theme function.php. (credit to Astrotim<\/a>)
    \n

    require_once(‘Mobile_Detect.php’);<\/p>\n

    function md_is_mobile() {$detect = new Mobile_Detect;<\/p>\n

    if( $detect->isMobile() && !$detect->isTablet() ){
    \nreturn true;
    \n} else {
    \nreturn false;
    \n}
    \n}<\/p>\n

    \"z_function_php_mod\"<\/a><\/p>\n

     <\/p><\/blockquote>\n<\/li>\n

  3. Since imgPreview only exists in single page only, so we need to redirect footer-phone.php in Theme single.php.
    \n

    <?php
    \nif (md_is_mobile()){
    \nget_footer(phone);}else{get_footer(single);}
    \n?><\/p>\n

    \"z_single_php_mod\"<\/a><\/p>\n<\/blockquote>\n<\/li>\n

  4. \n

    When the single.php is loaded, the function.php will check for mobile, desktop and tablet devices: footer-phone.php will be loaded for mobile, footer-single.php for desktop and tablet devices.<\/p><\/blockquote>\n<\/li>\n<\/ol>\n

    \"z_footer_single_php\"<\/a>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0\"z_footer_phone_php\"<\/a><\/p>\n