如何使此脚本仅在移动设备而不是桌面上工作

Question

已解决！该脚本调整了移动和桌面屏幕分辨率的大小。我该如何使其正常工作，仅在移动设备中而不是桌面？

该脚本使网站负责，在移动设备中运行良好，但是在桌面上的分辨率太大。

if ( ! class_exists( 'Responsive' ) ) :
class Responsive {
  // Constants
  const NAME = 'responsive';
  const SLUG = 'responsive';
  //////////////////////////////////////////////////
  // Constructor makes sure jQuery will be added. //
  //////////////////////////////////////////////////
  function __construct() {
    add_action( 'wp_enqueue_scripts', 'add_jquery' );
    function add_jquery() {
      wp_enqueue_script( 'jquery' );
    }
    add_action( 'wp_head', array( &$this, 'draw_' ) );
  } // End constructor().
  ///////////////////////////////////
  // Main JavaScript resize script //
  ///////////////////////////////////
  function draw_() {
    ?>
    <script>
      jQuery(window).resize(function() {
        safescale();
      });
      jQuery(document).ready(function() {
        jQuery(window).trigger('resize');
        jQuery(window).trigger('resize');
      });
      function scale(factor_x){
        jQuery('html').css("transform","scale("+factor_x+","+factor_x+")");
        jQuery('html').css("-moz-transform","scale("+factor_x+","+factor_x+")");
        jQuery('html').css("-webkit-transform","scale("+factor_x+","+factor_x+")");
        jQuery('html').css("-o-transform","scale("+factor_x+","+factor_x+")");
      }
      function safescale(){
        factor_x = jQuery(window).width() / jQuery('body').width() ;
        jQuery("html").css({"position": "absolute", "margin": "0px", "padding": "0px"});
        jQuery("body").css({"position": "absolute", "margin": "0px", "padding": "0px"});
        scale(factor_x);
      }
    </script>
    <?php
    return true;
  }
} // end class
endif;
new Responsive();

Answer 1

使用此插件仅检测移动

http://mobiledetect.net/

Answer 2

如果要防止执行桌面设备的JS代码，请执行此操作：

// js :
if (jQuery(window).width() < 1000) {
    // your codes goes here;
}

1000px是一个示例；您可以设置所需的宽度;